/*
Theme Name: skaroots
Author: Pressrig
Description: Punto de partida provisional de Pressrig: paleta, tipografía y estilos de ejemplo que se reemplazan por el diseño del proyecto. Incluye una variación oscura y compatibilidad básica con WooCommerce.
Version: 0.4.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: skaroots
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

a { text-underline-offset: .15em; }
button, input, textarea { font: inherit; }

/* Cabecera */
.site-header__bar { border-bottom: 1px solid var(--wp--preset--color--border); }
.site-header .wp-block-site-title a { text-decoration: none; }
.site-header .wp-block-navigation a { text-decoration: none; }
.site-header .wp-block-navigation a:hover { text-decoration: underline; }
.site-header__search .wp-block-search__button {
	background: transparent;
	color: inherit;
	border: 0;
	padding: .35rem;
}
.site-header .wp-block-woocommerce-mini-cart { color: inherit; }
.site-header .wp-block-site-title { line-height: 1.2; }
.site-header__search { display: flex; align-items: center; }
.site-header__search .wp-block-search__inside-wrapper { align-items: center; }
.site-header__search .wp-block-search__button { margin: 0; line-height: 0; display: inline-flex; }

/* Cabecera transparente sobre el hero (portada) */
.site-header.is-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	margin-block-start: 0;
	color: var(--wp--preset--color--base);
}
.admin-bar .site-header.is-overlay { top: 32px; }
.site-header.is-overlay .site-header__bar { border-bottom-color: rgb(255 255 255 / .25); }
.site-header.is-overlay .wp-block-site-title a,
.site-header.is-overlay .wp-block-navigation a,
.site-header.is-overlay .wp-block-search__button,
.site-header.is-overlay .wp-block-woocommerce-mini-cart,
.site-header.is-overlay .wp-block-woocommerce-mini-cart button {
	color: var(--wp--preset--color--base);
}
.site-header.is-overlay .wp-block-navigation__responsive-container.is-menu-open a { color: var(--wp--preset--color--base); }

/* La portada empieza justo bajo la cabecera transparente (el slider vive en el plugin) */
.site-header.is-overlay + main { margin-block-start: 0; }

/* Margen lateral en las páginas interiores (la portada gestiona el suyo por sección) */
main.wp-block-group:not(.front-main) {
	padding-left: var(--wp--custom--gap--horizontal);
	padding-right: var(--wp--custom--gap--horizontal);
}

/* Ficha de producto: la imagen se adapta a la altura de la ventana y queda fija al hacer scroll */
.product-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: start;
	margin-block-start: 1.5rem;
}

.product-layout__media {
	position: sticky;
	top: 5.5rem;
}

.admin-bar .product-layout__media { top: calc(5.5rem + 32px); }

.product-layout__media .woocommerce-product-gallery {
	margin: 0;
}

.product-layout__media .woocommerce-product-gallery .flex-viewport {
	height: auto !important;
}

.product-layout__media .woocommerce-product-gallery .woocommerce-product-gallery__image img {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: clamp(20rem, calc(100vh - 14.5rem), 54rem) !important;
	height: clamp(20rem, calc(100svh - 14.5rem), 54rem) !important;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--lg);
}

.product-layout__info > * + * { margin-block-start: 1rem; }
.product-layout__info > .wp-block-post-title { margin-block-start: 0; }

@media (max-width: 781px) {
	.product-layout { grid-template-columns: minmax(0, 1fr); }
	.product-layout__media { position: static; }
	.product-layout__media .woocommerce-product-gallery .woocommerce-product-gallery__image img {
		height: min(75svh, 34rem) !important;
	}
}

/* Foco visible y accesible en todos los elementos interactivos. */
:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}