/*
Theme Name: Astra Fachers Child
Description: Child theme de Astra con el estilo v2 de Fachers (verde #63be21 + blanco, Inter). ACTIVO en producción desde el 17-jul-2026: la portada real renderiza las secciones v2 del mu-plugin fachers-v2.php (front-page.php) y todo el marco (header, footer, botones, Woo) va en este CSS.
Template: astra
Version: 2.0.0
Author: Staywork
Text Domain: astra-fachers-child
*/

/* ═══════════════════════════════════════════════════════════════════
   FASE 1 — El marco v2: tokens, tipografía, header, footer, botones,
   formularios y el skin de carrito/checkout (portado de fv2_woo_skin).
   Todo vive AQUÍ y no en astra-settings ni en el kit de Elementor:
   esas options son globales y las vería la web pública antes del estreno.
   Fuente de verdad del diseño: fv2_shell() en mu-plugins/fachers-v2.php.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Tokens v2 ── */
:root{
	--fx-bg:#ffffff;
	--fx-soft:#f6f7f5;
	--fx-media:#f3f4f2;
	--fx-line:#e8eae6;
	--fx-hairline:#eef0ec;
	--fx-ink:#141613;
	--fx-muted:#6b7267;
	--fx-green:#63be21;
	--fx-green-deep:#4e9a17;
	--fx-green-ink:#3a7a0f;
	--fx-green-tint:#eff8e5;
	--fx-star:#e8a500;
	--fx-r-s:12px;
	--fx-r-m:16px;
	--fx-r-l:22px;
	--fx-shadow-s:0 1px 2px rgba(20,22,19,.04),0 3px 10px rgba(20,22,19,.04);
	--fx-shadow-m:0 8px 20px rgba(20,44,8,.07),0 22px 48px rgba(20,44,8,.07);
	--fx-font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ── Tipografía global: SOLO Inter (decisión de diseño de la v2) ── */
body,button,input,select,textarea,
h1,h2,h3,h4,h5,h6,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor{
	font-family:var(--fx-font) !important;
}
body{background:var(--fx-bg);color:var(--fx-ink)}
h1,h2,h3{font-weight:800;letter-spacing:-.02em}

/* Enlaces del contenido: acento verde en vez del azul del padre */
.entry-content a:not(.button):not(.elementor-button),
.woocommerce-page a:not(.button):not(.ast-button){color:var(--fx-green-ink)}
.entry-content a:not(.button):not(.elementor-button):hover{color:var(--fx-green-deep)}

/* ── Header (header builder de Astra) → topbar v2 ── */
.site-header,
.ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap{
	background:rgba(255,255,255,.92) !important;
	-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.site-header{border-bottom:1px solid var(--fx-hairline)}
.main-header-menu .menu-link{
	font-size:14px;font-weight:600;color:var(--fx-ink) !important;
	position:relative;transition:color .2s;
}
.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item>.menu-link{color:var(--fx-green-ink) !important}
/* subrayado verde que crece al pasar (patrón .fv2-nav) */
.main-header-menu>.menu-item>.menu-link::after{
	content:"";position:absolute;left:1em;right:100%;bottom:6px;height:2px;
	background:var(--fx-green);transition:right .25s;
}
.main-header-menu>.menu-item>.menu-link:hover::after,
.main-header-menu>.current-menu-item>.menu-link::after{right:1em}
.main-header-menu .sub-menu{
	border:1px solid var(--fx-line);border-radius:var(--fx-r-s);overflow:hidden;
	box-shadow:var(--fx-shadow-m);
}
/* iconos de cabecera (social/carrito) en circulitos como .fv2-icons */
.ast-header-social-wrap a,
.ast-site-header-cart .cart-container{border-radius:999px;transition:.2s}
.ast-header-social-wrap a:hover,
.ast-site-header-cart .cart-container:hover{background:var(--fx-soft)}
.ast-site-header-cart .count,
.ast-site-header-cart .ast-cart-menu-wrap .count{
	background:var(--fx-green);color:#fff;font-weight:800;border-color:#fff;
}
/* menú móvil desplegable de Astra */
.ast-mobile-popup-drawer .ast-mobile-popup-inner{background:#fff}
.ast-mobile-popup-drawer .menu-link{color:var(--fx-ink) !important;font-weight:600}
.ast-mobile-popup-drawer .menu-link:hover{color:var(--fx-green-ink) !important}
.menu-toggle,.menu-toggle:hover{background:transparent !important;color:var(--fx-ink) !important}

/* ── Footer (plantilla Elementor `elementor-location-footer`, ID 60) ── */
.elementor-location-footer,
.elementor-location-footer .elementor-section{background-color:var(--fx-soft) !important}
.elementor-location-footer{border-top:1px solid var(--fx-hairline)}
.elementor-location-footer .elementor-heading-title{
	font-size:13px !important;font-weight:700 !important;letter-spacing:.08em;
	text-transform:uppercase;color:var(--fx-ink) !important;
}
.elementor-location-footer,
.elementor-location-footer .elementor-widget-text-editor,
.elementor-location-footer p,.elementor-location-footer li{
	color:var(--fx-muted) !important;font-size:14px;
}
.elementor-location-footer a{color:var(--fx-muted) !important;transition:color .2s}
.elementor-location-footer a:hover{color:var(--fx-green-ink) !important}

/* ── Botones: pill verde v2 en Astra, Elementor y Woo ── */
.ast-button,
.wp-block-button__link,
.elementor-button,
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,
.woocommerce a.checkout-button,.woocommerce #place_order,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.cart .single_add_to_cart_button{
	background:linear-gradient(160deg,var(--fx-green),var(--fx-green-deep)) !important;
	color:#fff !important;border:none !important;border-radius:999px !important;
	font-weight:700 !important;text-shadow:none !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 26px rgba(99,190,33,.28) !important;
	transition:transform .2s,box-shadow .2s !important;
}
.ast-button:hover,
.wp-block-button__link:hover,
.elementor-button:hover,
.woocommerce button.button:hover,.woocommerce a.button:hover,
.woocommerce a.checkout-button:hover,.woocommerce #place_order:hover,
.cart .single_add_to_cart_button:hover{
	transform:translateY(-2px);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 32px rgba(99,190,33,.4) !important;
}

/* ── Formularios: inputs v2 (borde hairline, foco verde) ── */
input[type=text],input[type=email],input[type=url],input[type=password],
input[type=search],input[type=number],input[type=tel],textarea,select,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single{
	border:1px solid var(--fx-line) !important;border-radius:10px !important;
	padding:11px 14px !important;background:#fff !important;color:var(--fx-ink);
}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,
input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus,
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{
	border-color:var(--fx-green) !important;outline:none !important;
	box-shadow:0 0 0 3px rgba(99,190,33,.15) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Skin de carrito/checkout — portado tal cual de fv2_woo_skin()
   (fachers-v2.php). En el estreno, ese hook con cookie se retira y
   queda solo esto. Los .fob-bump__* son de fachers-order-bump.
   ═══════════════════════════════════════════════════════════════════ */

.woocommerce table.shop_table{border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-m) !important;overflow:hidden}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--fx-hairline) !important}
.woocommerce-cart table.cart img,.woocommerce img.attachment-woocommerce_thumbnail{border-radius:var(--fx-r-s) !important;background:var(--fx-media)}
.cart_totals,.woocommerce-checkout #order_review,#add_payment_method #payment,.woocommerce-checkout #payment{
	background:var(--fx-soft) !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-m) !important}
.woocommerce-checkout #payment div.payment_box{background:#fff !important;border-radius:var(--fx-r-s)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#fff !important}

/* Avisos */
.woocommerce-message,.woocommerce-info{border-top-color:var(--fx-green) !important;background:var(--fx-soft) !important;border-radius:0 0 var(--fx-r-s) var(--fx-r-s)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--fx-green-ink) !important}

/* Cross-sells ("puede interesarte") y relacionados → tarjetas v2 */
.cross-sells>h2,.cart-collaterals h2{font-weight:800;letter-spacing:-.02em}
.cross-sells ul.products li.product,.related.products ul.products li.product{
	background:#fff;border:1px solid var(--fx-line);border-radius:var(--fx-r-m);padding:0 0 14px !important;overflow:hidden;
	box-shadow:var(--fx-shadow-s);transition:transform .25s,box-shadow .25s}
.cross-sells ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--fx-shadow-m)}
.cross-sells ul.products li.product img{border-radius:0 !important;margin-bottom:10px !important}
.cross-sells ul.products li.product .woocommerce-loop-product__title{padding:0 14px;font-size:14px;font-weight:600}
.cross-sells ul.products li.product .price{padding:0 14px;font-weight:800;color:var(--fx-ink)}
.cross-sells ul.products li.product .button{margin:8px 14px 0 !important}

/* Order bump ("solo en este pedido…") → caja premium v2 */
#fob-bump,.fob-bump{background:#fff !important;border:1.5px solid var(--fx-green) !important;border-radius:var(--fx-r-m) !important;
	box-shadow:0 8px 20px rgba(20,44,8,.07) !important;overflow:hidden}
.fob-bump__title{background:linear-gradient(160deg,var(--fx-green),var(--fx-green-deep)) !important;color:#fff !important;font-weight:800 !important;letter-spacing:.02em}
.fob-bump__name{font-weight:700 !important;color:var(--fx-ink) !important}
.fob-bump__price{font-weight:800 !important;color:var(--fx-green-ink) !important}
.fob-bump__save{background:var(--fx-ink) !important;color:#fff !important;border-radius:999px !important;padding:3px 10px !important;font-weight:700 !important}
.fob-bump__image img{border-radius:var(--fx-r-s) !important}
.fob-bump--active{box-shadow:0 0 0 3px rgba(99,190,33,.2) !important}

/* Estrellas de valoración */
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:var(--fx-star)}

/* Precios */
.woocommerce div.product p.price,.woocommerce div.product span.price,
.woocommerce ul.products li.product .price{color:var(--fx-ink);font-weight:800}
.woocommerce ul.products li.product .price del,.woocommerce div.product p.price del{color:var(--fx-muted);font-weight:500}

/* ═══════════════════════════════════════════════════════════════════
   FASE 3 — Ficha de producto y grids de tienda al estilo v2
   (misma estética que fv2_card y /v2/producto, sobre el markup real
   de WooCommerce/Astra: toda la funcionalidad se conserva).
   ═══════════════════════════════════════════════════════════════════ */

/* ── Tarjetas del loop (categorías, tienda, Elementor con widgets Woo) ── */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
	background:#fff;border:1px solid var(--fx-line);border-radius:var(--fx-r-m);
	padding:0 0 16px;overflow:hidden;box-shadow:var(--fx-shadow-s);
	transition:transform .25s,box-shadow .25s;
}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--fx-shadow-m)}
.woocommerce ul.products li.product img{background:var(--fx-media);border-radius:0;margin-bottom:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title{
	padding:0 16px;font-size:14.5px;font-weight:600;color:var(--fx-ink);
}
.woocommerce ul.products li.product .price{padding:0 16px}
.woocommerce ul.products li.product .button{margin:10px 16px 0}
.woocommerce ul.products li.product .star-rating{margin-left:16px}

/* Badge de oferta: pill negra "−X%" como en las tarjetas v2 */
.woocommerce span.onsale{
	background:var(--fx-ink) !important;color:#fff !important;border-radius:999px !important;
	font-weight:700;font-size:12px;padding:5px 12px !important;min-height:0 !important;
	line-height:1.4 !important;top:12px;left:12px;
}

/* ── Ficha de producto ── */
.woocommerce div.product div.images img{border-radius:var(--fx-r-m);background:var(--fx-media)}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{border-radius:var(--fx-r-m);overflow:hidden}
.woocommerce div.product .flex-control-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.woocommerce div.product .flex-control-thumbs li{width:72px}
.woocommerce div.product .flex-control-thumbs li img{
	border-radius:10px;border:2px solid transparent;cursor:pointer;opacity:.7;transition:.2s;
}
.woocommerce div.product .flex-control-thumbs li img.flex-active,
.woocommerce div.product .flex-control-thumbs li img:hover{border-color:var(--fx-green);opacity:1}
.woocommerce div.product .product_title{
	font-weight:800;letter-spacing:-.02em;font-size:clamp(28px,3.2vw,40px);line-height:1.1;
}
.woocommerce div.product p.price{font-size:26px;margin:10px 0 4px}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--fx-muted)}
.woocommerce div.product form.cart div.quantity .qty{
	border-radius:999px !important;text-align:center;width:76px;
}
.woocommerce div.product form.cart .variations select{border-radius:999px !important;padding:10px 16px !important}
.woocommerce div.product form.cart{margin:18px 0}
.woocommerce div.product .stock.in-stock{color:var(--fx-green-ink);font-weight:600}
.woocommerce div.product .product_meta{color:var(--fx-muted);font-size:13px}
.woocommerce div.product .product_meta a{color:var(--fx-green-ink)}

/* Pestañas (descripción / valoraciones): subrayado verde, sin cajas grises */
.woocommerce div.product .woocommerce-tabs ul.tabs{border-bottom:1px solid var(--fx-line);padding:0;margin:0 0 22px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background:none !important;border:none !important;border-radius:0 !important;margin:0 22px 0 0;padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	font-weight:600;color:var(--fx-muted);padding:12px 2px;display:inline-block;
	border-bottom:2px solid transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--fx-ink);border-bottom-color:var(--fx-green)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none !important}

/* Reseñas */
.woocommerce #reviews #comments ol.commentlist li{border:1px solid var(--fx-line);border-radius:var(--fx-r-m);padding:16px;margin-bottom:14px}
.woocommerce #reviews #comments ol.commentlist li img.avatar{border-radius:999px;border:none;background:var(--fx-media)}

/* Relacionados: mismo título de sección que la v2 */
.woocommerce .related.products>h2,.woocommerce .up-sells>h2{font-weight:800;letter-spacing:-.02em;font-size:24px;margin-bottom:18px}

/* ═══════════════════════════════════════════════════════════════════
   FASE 4 — Portada a sangre, mi-cuenta y pulido de carrito/checkout
   ═══════════════════════════════════════════════════════════════════ */

/* La front page va dentro de .ast-container (max-width+padding). Las secciones
   v2 son full-bleed con su propio .wrap → romper el contenedor y quitar el
   padding vertical de #content SOLO en la portada. */
.fv2-page{width:100vw;position:relative;left:50%;margin-left:-50vw}
/* el 100vw incluye la barra de scroll → sin esto habría ~15px de scroll lateral */
body.home.page{overflow-x:hidden}
body.home.page #content{padding:0}
body.home.page .ast-container>.fv2-page{margin-top:0}
body.home.page #content .ast-container{max-width:none;padding-left:0;padding-right:0}

/* ── Mi cuenta ── */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.woocommerce-MyAccount-navigation li a{
	display:block;padding:10px 16px;border-radius:999px;font-weight:600;color:var(--fx-muted);
	transition:.2s;border:1px solid transparent;
}
.woocommerce-MyAccount-navigation li a:hover{background:var(--fx-soft);color:var(--fx-ink)}
.woocommerce-MyAccount-navigation li.is-active a{
	background:var(--fx-green-tint);color:var(--fx-green-ink);border-color:rgba(99,190,33,.25);
}
.woocommerce-MyAccount-content{line-height:1.7}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-weight:800;letter-spacing:-.02em}
.woocommerce-Address,.woocommerce-column--billing-address,.woocommerce-column--shipping-address{
	border:1px solid var(--fx-line);border-radius:var(--fx-r-m);padding:18px;
}
.woocommerce-MyAccount-content .woocommerce-info .button{margin-left:8px}

/* ── Carrito: cantidades, cupón, quitar ── */
.woocommerce-cart table.cart .quantity .qty{border-radius:999px !important;text-align:center;width:72px}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:180px;margin-right:8px}
.woocommerce a.remove{
	color:var(--fx-muted) !important;background:var(--fx-soft);border-radius:999px;
	width:26px;height:26px;line-height:26px;font-weight:600;transition:.2s;
}
.woocommerce a.remove:hover{background:#fbeaea;color:#b71c1c !important}
.woocommerce-cart .cart_totals h2{font-weight:800;letter-spacing:-.02em;font-size:20px}

/* ── Checkout: títulos, filas y envío ── */
.woocommerce-checkout h3,#order_review_heading{font-weight:800;letter-spacing:-.02em}
.woocommerce-checkout form .form-row label{font-weight:600;font-size:13.5px}
.woocommerce ul#shipping_method li{display:flex;align-items:center;gap:8px}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:600}
.woocommerce-checkout #payment .place-order{padding-top:10px}
#place_order{width:100%;padding:15px 20px !important;font-size:16px !important}

/* Sellos de confianza v2 bajo el botón de pago (contenido via CSS, sin tocar plantillas) */
.woocommerce-checkout #payment .place-order::after{
	content:"🔒 Pago 100% seguro · Envío con seguimiento · Devoluciones fáciles";
	display:block;text-align:center;margin-top:14px;font-size:12.5px;color:var(--fx-muted);
}

/* ── Título de página interior (Astra entry header) ── */
.ast-archive-title,.entry-title,.woocommerce-products-header__title{font-weight:800;letter-spacing:-.02em}

/* ── Breadcrumbs discretas ── */
.woocommerce .woocommerce-breadcrumb{color:var(--fx-muted);font-size:12.5px}
.woocommerce .woocommerce-breadcrumb a{color:var(--fx-muted)}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--fx-green-ink)}

/* ── F4b: header sticky + iconos v2 ── */
#masthead{position:sticky;top:0;z-index:60}
.admin-bar #masthead{top:32px}
.ast-header-search,.ast-header-account-wrap,.ast-site-header-cart{color:var(--fx-ink)}
.ast-header-search .astra-search-icon,.ast-header-account-link{
	display:grid;place-items:center;width:38px;height:38px;border-radius:999px;transition:.2s;color:var(--fx-ink);
}
.ast-header-search .astra-search-icon:hover,.ast-header-account-link:hover{background:var(--fx-soft);color:var(--fx-green-ink)}

/* ── F4b: cantidad de Astra (+/−) como circulitos ── */
.ast-qty-placeholder{
	display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;
	background:var(--fx-soft);color:var(--fx-ink);font-weight:700;transition:.2s;
}
.ast-qty-placeholder:hover{background:var(--fx-green-tint);color:var(--fx-green-ink)}

/* ── F4b: login/registro de mi-cuenta como tarjeta ── */
.woocommerce form.login,.woocommerce form.register,.woocommerce-ResetPassword{
	border:1px solid var(--fx-line);border-radius:var(--fx-r-m);padding:24px;box-shadow:var(--fx-shadow-s);
}
.woocommerce-form-login__rememberme{display:block;margin:8px 0}

/* ── F4b: página de pedido recibido (gracias) ── */
.woocommerce ul.order_details{
	list-style:none;display:flex;flex-wrap:wrap;gap:14px 28px;margin:0 0 24px;padding:18px 22px;
	border:1px solid var(--fx-line);border-radius:var(--fx-r-m);background:var(--fx-soft);
}
.woocommerce ul.order_details li{border-right:none;margin:0;padding:0;font-size:12.5px;color:var(--fx-muted)}
.woocommerce ul.order_details li strong{display:block;font-size:15px;color:var(--fx-ink);margin-top:2px}
.woocommerce-thankyou-order-received{font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--fx-green-ink);margin-bottom:18px}

/* ── F4b: scroll-top y paginación ── */
#ast-scroll-top{background:var(--fx-green);border-radius:999px}
.woocommerce nav.woocommerce-pagination ul{border:none}
.woocommerce nav.woocommerce-pagination ul li{border:none;margin:0 3px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
	border-radius:999px;min-width:36px;height:36px;display:grid;place-items:center;font-weight:600;
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--fx-ink);color:#fff}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--fx-green-tint);color:var(--fx-green-ink)}

/* ═══════════════════════════════════════════════════════════════════
   F4c — Colores de las secciones v2 dentro del tema + footer v2 global
   ═══════════════════════════════════════════════════════════════════ */

/* Tokens v2 con sus nombres originales, scoped a .fv2-page (los usan las
   secciones de la portada y el footer v2 en todo el sitio). */
.fv2-page{
	--bg:#ffffff;--soft:#f6f7f5;--media:#f3f4f2;--line:#e8eae6;--hairline:#eef0ec;
	--ink:#141613;--muted:#6b7267;
	--green:#63be21;--green-deep:#4e9a17;--green-ink:#3a7a0f;--green-tint:#eff8e5;
	--wine:#4a0b0b;--wine-2:#8f1414;--gold:#e9c46a;--star:#e8a500;
	--r-s:12px;--r-m:16px;--r-l:22px;
	--shadow-s:0 1px 2px rgba(20,22,19,.04),0 3px 10px rgba(20,22,19,.04);
	--shadow-m:0 8px 20px rgba(20,44,8,.07),0 22px 48px rgba(20,44,8,.07);
	--font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* Base scoped (la v2 standalone usa un reset global; aquí conviven el header y
   el footer del tema, así que el reset vive dentro de .fv2-page). */
.fv2-page{font-size:16px;line-height:1.65;color:var(--ink);background:var(--bg)}
.fv2-page *{margin:0;padding:0;box-sizing:border-box}
.fv2-page img{max-width:100%;display:block}
.fv2-page a{color:inherit;text-decoration:none}
.fv2-page svg{width:1em;height:1em;display:block}
.fv2-page .wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.fv2-page h1,.fv2-page h2,.fv2-page h3{letter-spacing:-.025em;line-height:1.05;font-weight:800}
.fv2-page ul,.fv2-page ol{list-style:none}
.fv2-page .fv2-nlrow input[type=email],.fv2-page .fv2-join input[type=email]{border-radius:999px !important;padding:14px 20px !important}

/* HERENCIA DE COLOR: la v2 colorea contenedores y deja heredar; Astra y el kit
   de Elementor pisan esa herencia con reglas de elemento → restaurarla. */
.fv2-page :is(h1,h2,h3,h4,h5,h6){color:inherit !important}
.fv2-page p{color:inherit}
.fv2-page .fv2-news-in h2,.fv2-page .fv2-news-in p{color:#fff !important}
.fv2-page .fv2-btn-white{background:#fff;color:var(--green-ink) !important}
.fv2-page .fv2-btn-green{color:#fff !important}
.fv2-page .fv2-btn-ghost{color:var(--ink) !important}

/* Footer v2 en TODO el sitio: el de Elementor (plantilla 60, herencia del
   diseño viejo con textos blancos ilegibles) se oculta — editarlo lo vería el
   público. Lo pinta wp_footer (functions.php) con fv2_footer_html(false). */
.elementor-location-footer{display:none !important}
.fv2-sitefoot{border-top:1px solid var(--hairline)}
/* ── Footer ── */
.fv2-foot{padding:64px 0 30px}
.fv2-foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;margin-bottom:44px}
.fv2-foot h4{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;color:var(--ink)}
.fv2-foot .brand{font-size:20px;font-weight:900;letter-spacing:-.02em;margin-bottom:12px}
.fv2-foot .brand span{color:var(--green)}
.fv2-foot p{color:var(--muted);font-size:14px;max-width:38ch}
.fv2-foot ul{list-style:none;display:grid;gap:10px;font-size:14px;color:var(--muted)}
.fv2-foot ul a:hover{color:var(--green-ink)}
.fv2-foot .base{border-top:1px solid var(--hairline);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.fv2-foot .base b{color:var(--green-ink);font-weight:700}
@media(max-width:760px){.fv2-foot .cols{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════════════
   F4d — El header clavado a la topbar v2 (pantallazo del usuario:
   tipografía slab vieja, Twitch/Patreon y redes sobrantes, sin marca
   FACHERS., carrito negro)
   ═══════════════════════════════════════════════════════════════════ */

/* Tipografía del menú: Inter, nada de slab ni uppercase (la fija Astra en
   astra-settings con font propia → forzar aquí) */
.menu-link,.main-header-menu .menu-link,.ast-mobile-popup-drawer .menu-link{
	font-family:var(--fx-font) !important;text-transform:none !important;letter-spacing:0 !important;
}

/* Fuera los restos del header viejo: widget Twitch/Patreon y las redes */
.ast-primary-header-bar .header-widget-area,
.ast-header-social-1-wrap{display:none !important}

/* Marca v2: mascota 40px + "FACHERS" + punto verde */
.site-branding{display:flex;align-items:center}
.custom-logo-link{display:flex;align-items:center;gap:10px}
.custom-logo-link img{width:40px !important;height:auto !important}
.custom-logo-link::after{
	content:"FACHERS";font-family:var(--fx-font);font-weight:900;font-size:21px;
	letter-spacing:-.02em;color:var(--fx-ink);line-height:1;
}
.site-branding::after{
	content:".";font-family:var(--fx-font);font-weight:900;font-size:21px;
	color:var(--fx-green);line-height:1;
}

/* Iconos del header en tinta, carrito con contador verde (Astra usa reglas con
   ID #ast-site-header-cart → hace falta ganarle) */
.ast-site-header-cart,.ast-site-header-cart a,.ast-header-search,.ast-header-account-link{color:var(--fx-ink) !important}
#ast-site-header-cart .count,.ast-site-header-cart .count{
	background:var(--fx-green) !important;color:#fff !important;
	border:2px solid #fff !important;font-weight:800 !important;
}

/* ── F4e: botones de las tarjetas de producto, compactos (pantallazo del
   usuario: Astra los pinta en bloque a todo el ancho y salían enormes) ── */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{
	display:inline-block !important;width:auto !important;
	padding:10px 22px !important;font-size:13.5px !important;line-height:1.3 !important;
	margin:10px 16px 4px !important;white-space:nowrap;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 14px rgba(99,190,33,.22) !important;
}
.woocommerce ul.products li.product .button:hover{
	box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 20px rgba(99,190,33,.32) !important;
}