/*
Theme Name: Gremio
Theme URI: https://farowp.com/gremio
Author: FaroWP
Author URI: https://farowp.com/
Description: Block theme for the trades that come to the customer's home: plumbing, electrical, cleaning, locksmithing, heating and air conditioning, renovation, painting and decorating, and carpentry. Built for the moment someone has a breakdown and looks for a phone number on their mobile: no JavaScript, no third-party requests and the phone number always in view.
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
Version: 0.1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gremio
Tags: one-column, full-site-editing, block-patterns, block-styles, wide-blocks, custom-colors, custom-logo, custom-menu, editor-style, featured-images, translation-ready
*/

/* -----------------------------------------------------------------------------------------------------
   Gremio · theme stylesheet
   The identity (palette, fonts, sizes) lives in theme.json: this file only holds what theme.json cannot do.
   Measurements taken from the reference template on 10/10/2026: lime var(--wp--preset--color--acento), ink var(--wp--preset--color--tinta), blue var(--wp--preset--color--acento-2),
   Quicksand for headings and Montserrat for body text, 1140 px container.
   ----------------------------------------------------------------------------------------------------- */

/* The gap between top-level blocks comes from the theme, not from blockGap: with the header stuck to the top
   that gap leaves a white band and a seam between full-width sections. */
.wp-site-blocks > * + * { margin-block-start: 0 !important; }

/* Nothing should run off the screen on mobile (a table, a long code block, an address). */
img, svg, video, iframe { max-width: 100%; height: auto; }
.wp-block-code, .wp-block-preformatted { overflow-x: auto; }

/* Visible, honest keyboard focus: you can see where you are, without depending on the button colour. */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
	outline: 3px solid var(--wp--preset--color--acento-2);
	outline-offset: 2px;
}

/* -----------------------------------------------------------------------------------------------------
   The quote form is left to a plugin on purpose: the theme does not collect data. All it does is leave the
   box ready, so the section looks finished before the form is dropped in.
   ----------------------------------------------------------------------------------------------------- */
.gremio-hueco {
	border: 1px dashed rgba(0, 0, 0, 0.22);
	border-radius: 12px;
	color: #5b6472;
	font-size: 15.5px;
	line-height: 1.6;
	margin: 0;
	padding: 36px 22px;
	text-align: center;
}

/* The header phone number: it does not hide when you scroll down. */
.gremio-telefono { white-space: nowrap; }

/* Links inside dark bands (the reviews band): white, and lime on hover. */
.wp-block-cover .has-claro-color a { color: var(--wp--preset--color--claro); }
.wp-block-cover .has-claro-color a:hover { color: var(--wp--preset--color--acento); }

/* The footer uses a light photo and dark text, like the reference template: links in BLACK and underlined,
   which is what reads on a light photo (the palette's blue and white did not read there). */
footer.wp-block-group a {
	color: var(--wp--preset--color--tinta);
	text-decoration: underline;
	text-decoration-color: rgba(0, 0, 0, 0.35);
	text-underline-offset: 3px;
}
footer.wp-block-group a:hover { color: var(--wp--preset--color--acento-2); text-decoration-color: currentColor; }

/* The review star, aligned and with its own space. */
.gremio-estrellas { display: flex; gap: 5px; margin: 0 0 14px; }

/* Cards in the services grid. They used to sit on the band's photo (hence the old name
   "gremio-tarjeta-sobre-foto"): since 11/10/2026 the services band is plain ink, no photo (the
   user asked for it), and the class is called "gremio-tarjeta-oscura". The old name is kept as well so as not to
   break content already saved. */
.gremio-tarjeta-oscura,
.gremio-tarjeta-sobre-foto { background: rgba(255,255,255,0.06); }

/* Inside a band with a dark overlay, text goes light: headings inherit the theme's black unless stated
   otherwise, and they do not read on the photo. */
.wp-block-cover .has-claro-color :where(h1,h2,h3,h4,h5,h6) { color: var(--wp--preset--color--claro); }
.wp-block-cover .has-claro-color :where(p,li) { color: rgba(255,255,255,0.87); }

/* No default gradients and no shadows that have not been decided on. */
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; }