/*
 * Frontend-only customizations.
 * Loaded only on the site front-end (NOT in the block editor),
 * so editor styling stays clean.
 */

/* === Custom: Layout a todo el ancho del navegador (con margen lateral) === */
:root{--layout_width_content:96%}
.site-header-inner{width:96%}
.entry-content-container,.entry-media,.comments-area-inner{max-width:96%}

/* === Custom: Logo dentro de la barra de menú, alineado a la izquierda === */
.site-header-navigation .site-header-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:3rem;padding-left:2%;padding-right:2%}
.site-header-navigation-branding{flex:0 0 auto;display:flex;align-items:center}
.site-header-navigation-branding .custom-logo{max-height:2.6em;width:auto;margin:0;vertical-align:middle}
.site-header-navigation-title{font-weight:700;font-size:1.15em;line-height:1;color:inherit;text-decoration:none}
.site-header-navigation .main-navigation{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}

/* === Custom: Ocultar branding/logo del area grande de cabecera (hero) === */
.site-header-content{display:none}

/* === Custom: Boton hamburguesa dentro de la barra, a la derecha === */
.has-navigation-mobile .menu-toggle{position:static;width:auto;left:auto;right:auto;bottom:auto;margin:0;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none;z-index:auto}

/* === Custom: Barra de menu al doble de alto + logo al doble === */
.site-header-navigation{padding-top:1rem;padding-bottom:1rem}
.site-header-navigation-branding .custom-logo{max-height:5.2em}

/* === Custom: Menu secundario en el mismo bloque que el buscador === */
.site-header-navigation .menu-account{display:flex;flex-wrap:nowrap;align-items:center;gap:1.2rem;margin:0;padding:0;list-style:none}
.site-header-navigation .menu-account li{margin:0;padding:0;list-style:none}
.site-header-navigation .menu-account a{white-space:nowrap}
@media only screen and (min-width:55em){.site-header-navigation .menu-search{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem}}

/* === Custom: Bloque de cuenta (login/guest) === */
.site-header-navigation .menu-account .account-greeting{opacity:0.7;font-weight:700}
.site-header-navigation .menu-account .cart-count{display:inline-block;min-width:1.4em;padding:0 0.4em;margin-left:0.2em;text-align:center;border-radius:1em;font-size:0.8em;line-height:1.4em;background:var(--color_accent,#00855b);color:var(--color_accent_text,#fff)}

/* === Custom: Icono de carrito === */
.site-header-navigation .account-cart a{display:inline-flex;align-items:center;gap:0.35em}
.site-header-navigation .cart-icon{display:block}

/* === Custom: Outline de foco solo con teclado (sin punteado al hacer clic) === */
.site :focus:not(:focus-visible){outline:none}

/* === Custom: Fondo del sitio en blanco === */
:root{
	--color_intro_background:#ffffff;
	--color_intro_text:#1a1c1e;
	--background_color:#ffffff;
}
body{background-color:#ffffff}
.site{background-color:#ffffff}

/* === Custom: Home (plantilla PHP de tienda) === */
.home-custom{padding-bottom:3rem}
.home-hero{padding:4rem 1rem;text-align:center}
.home-hero-title{margin:0 0 .5em}
.home-hero-text{max-width:42rem;margin:0 auto 1.5em;font-size:1.15em;opacity:.85}
.home-section{margin:3rem auto}
.home-section-title,.home-cta-title{text-align:center;margin:0 0 1.5rem}
.home-cta{padding:3rem 1rem;text-align:center}
.home-custom .button{display:inline-block}

/* === Custom: Header en flujo normal (no fijo) -> header > content > footer === */
@media only screen and (min-width:55em){
	.site-header-navigation{position:relative;top:auto;left:auto}
}

/* === Custom: site-content-inner sin borde === */
.site-content-inner{border:0;box-shadow:none}