/*
Theme Name: Murcia Drones XAG
Theme URI: https://xagmurcia.es
Description: Tema hijo de Storefront con el estilo XAG para la tienda de drones agrícolas Murcia Drones. Incluye home a medida, restyling de catálogo, ficha de producto, carrito y checkout, y bloque de Servicio Técnico (SAT).
Author: Murcia Drones
Template: storefront
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: murciadrones-xag
*/

/* =========================================================
   TOKENS
   ========================================================= */
:root{
  --paper:#0b1012;        /* Fondo general (oscuro) */
  --surface:#151c20;      /* Tarjetas y paneles */
  --mist:#10171b;         /* Fondo de secciones alternas */
  --ink:#e9eef1;          /* Texto principal (claro) */
  --ink-2:#9aa7ad;        /* Texto secundario */
  --line:#242e33;         /* Bordes sutiles */
  --dark:#0b1012;         /* Fondo para bloques que deben ir en negro */
  --red:#D42B2B;          /* Rojo XAG (acento principal). Sustituye por el hex de marca si lo tienes. */
  --red-bright:#f5443c;   /* Rojo claro para acentos sobre fondo oscuro y estados hover */
  --field:#a81818;        /* Rojo más profundo para el bloque de Servicio Técnico */
  --hero:#0b1012;
  --grid:rgba(255,255,255,.07);
  --grid-ink:rgba(212,43,43,.10);
  --r:4px;
  --maxw:1240px;
}

/* =========================================================
   BASE TYPOGRAPHY (sobreescribe Storefront)
   ========================================================= */
body,
button,
input,
select,
textarea,
.woocommerce,
.woocommerce-page{
  font-family:'Inter',system-ui,-apple-system,sans-serif !important;
  color:var(--ink);
}
h1,h2,h3,h4,
.entry-title,
.site-title,
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Space Grotesk',sans-serif !important;
  letter-spacing:-.02em;
  color:var(--ink);
}
.mdx-mono,.price,.woocommerce ul.products li.product .price,
.woocommerce div.product p.price{
  font-family:'Space Mono',monospace !important;
}
a{color:var(--red)}
a:hover{color:var(--red-bright)}

.mdx-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* =========================================================
   HEADER (Storefront) -> fijo y siempre visible
   ========================================================= */
.site-header{
  background:var(--paper) !important;
  border-bottom:1px solid var(--line);
  position:fixed !important;top:0;left:0;right:0;width:100%;
  z-index:9999;
  padding-top:14px;padding-bottom:14px;
  box-shadow:0 6px 24px rgba(0,0,0,.28);
}
/* El hueco bajo la cabecera y el desplazamiento por la barra de admin los
   calcula el JS (mdx_sticky_header_script) según el alto real. */
.site-header .site-branding,.site-header .site-title{margin-bottom:0}
.site-title a,.site-title a:hover{color:var(--ink) !important}
.main-navigation ul.menu li a,
.main-navigation ul.nav-menu li a{
  color:var(--ink-2) !important;font-weight:500;font-family:'Inter',sans-serif !important;
}
.main-navigation ul.menu li a:hover,
.main-navigation ul.nav-menu li a:hover{color:var(--ink) !important}
.site-header-cart .cart-contents{color:var(--ink)}
.mdx-logo{display:inline-block;line-height:0}
.mdx-logo svg{height:46px;width:auto;display:block}
.mdx-logo img{max-height:52px;width:auto;display:block}
.mdx-logo.mdx-logo-text{font-family:var(--font-head,'Space Grotesk',sans-serif);font-weight:700;font-size:1.25rem;color:var(--ink,#0b1012);text-decoration:none;line-height:1.2}
@media(max-width:768px){.mdx-logo svg{height:38px}.mdx-logo img{max-height:40px}}

/* Imagen placeholder (icono XAG) limpia y centrada en productos/categorías sin foto */
.mdx-front .product img[src*="icon-512"],
.woocommerce ul.products li.product img[src*="icon-512"],
.woocommerce .product img[src*="icon-512"]{
	max-width:60%;height:auto;margin:0 auto;display:block;opacity:.92;
}
.mdx-footer-logo{text-align:center;margin:0 0 24px}
.mdx-footer-logo img{max-width:240px;width:100%;height:auto;display:inline-block}

/* =========================================================
   BOTONES (marca red)
   ========================================================= */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background-color:var(--red) !important;
  color:#fff !important;
  border:0;border-radius:var(--r);
  font-family:'Inter',sans-serif !important;font-weight:600;
  text-shadow:none;transition:background-color .18s ease,transform .18s ease;
}
.button:hover,
button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{
  background-color:var(--red-bright) !important;transform:translateY(-1px);
}
.mdx-btn-ghost{
  background:transparent !important;color:var(--ink) !important;
  border:1px solid var(--line) !important;border-radius:var(--r);
  padding:13px 24px;font-weight:600;display:inline-flex;align-items:center;gap:9px;transition:.18s;
}
.mdx-btn-ghost:hover{background:var(--red) !important;color:#fff !important;border-color:var(--red) !important}
.mdx-btn-field{background:var(--field) !important}
.mdx-btn-field:hover{background:#8f1414 !important}

/* =========================================================
   CATÁLOGO / LOOP DE PRODUCTOS (categoría + tienda + home)
   ========================================================= */
/* Rejilla por grid (sustituye los floats de Storefront que se veían mal):
   - Tienda y categorías: filas de 3.
   - Home (drones y rovers): en parejas (2 por fila). */
.woocommerce ul.products,
.woocommerce-page ul.products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  margin:0 0 30px;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{display:none !important;content:none !important}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width:auto !important;margin:0 !important;float:none !important;clear:none !important;
}
#drones ul.products,
#rovers ul.products{grid-template-columns:repeat(2,1fr);gap:30px}
/* Categorías de la home: 4 por línea (responsive) */
#cats ul.products{grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:1000px){#cats ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){#cats ul.products{grid-template-columns:repeat(2,1fr)}}
@media (max-width:460px){#cats ul.products{grid-template-columns:1fr}}
/* Imágenes (y textos) de las parejas drones/rovers, centradas */
#drones ul.products li.product,
#rovers ul.products li.product{text-align:center}
#drones ul.products li.product a img,
#rovers ul.products li.product a img{display:block;margin-left:auto;margin-right:auto;max-width:100%}
#drones ul.products li.product .button,
#rovers ul.products li.product .button{margin-left:auto;margin-right:auto}
@media (max-width:900px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  #drones ul.products,
  #rovers ul.products{grid-template-columns:1fr}
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:0 0 22px;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease;
}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);border-color:var(--red)}
.woocommerce ul.products li.product a img{
  margin:0 0 18px;background:var(--mist);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:20px;font-weight:600;padding:0 20px;
}
.woocommerce ul.products li.product .price{
  color:var(--red) !important;font-size:15px;padding:0 20px;display:block;margin-top:6px;
}
.woocommerce ul.products li.product .price del{color:var(--ink-2) !important}
.woocommerce ul.products li.product .button{
  margin:14px 20px 0;display:inline-block;
}
.woocommerce span.onsale{
  background:var(--red) !important;color:#fff !important;border-radius:3px;
  font-family:'Space Mono',monospace !important;font-size:11px;letter-spacing:.06em;
  min-height:auto;min-width:auto;padding:6px 10px;line-height:1;
}

/* Rejilla de categorías por shortcode [product_categories] */
.woocommerce ul.products li.product-category h2{
  font-size:20px;font-weight:600;padding:0 20px;
}
.woocommerce ul.products li.product-category mark{background:transparent;color:var(--red)}

/* =========================================================
   FICHA DE PRODUCTO (single)
   ========================================================= */
.woocommerce div.product .product_title{font-size:34px;font-weight:600}
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--red) !important;font-size:24px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--red)}
.woocommerce div.product form.cart .button{padding:14px 30px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--red)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--red)}

/* =========================================================
   HOME (front-page.php) - secciones a medida (mdx-)
   ========================================================= */
.mdx-front section{padding:96px 0}
.mdx-eyebrow{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:10px}
.mdx-eyebrow::before{content:"";width:26px;height:1px;background:var(--red)}
.mdx-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.mdx-sec-head h2{font-size:clamp(28px,3.6vw,44px);font-weight:600;margin-top:16px}
.mdx-sec-head p{color:var(--ink-2);max-width:420px}

/* Hero */
.mdx-hero{position:relative;background:var(--hero);color:#fff;overflow:hidden;padding:0 !important}
.mdx-hero::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:54px 54px;mask-image:radial-gradient(120% 100% at 70% 0%,#000 35%,transparent 80%);
  -webkit-mask-image:radial-gradient(120% 100% at 70% 0%,#000 35%,transparent 80%)}
.mdx-hero-inner{position:relative;padding:90px 0 0;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.mdx-hero h1{font-size:clamp(40px,6vw,72px);font-weight:600;margin:22px 0 20px;color:#fff;line-height:1.05}
.mdx-hero h1 em{font-style:normal;color:var(--red-bright)}
.mdx-hero p{color:#aeb8bb;font-size:18px;max-width:480px;margin-bottom:30px}
.mdx-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.mdx-btn-light{border:1px solid rgba(255,255,255,.3);color:#fff !important;background:transparent !important;
  border-radius:var(--r);padding:13px 24px;font-weight:600;display:inline-flex;align-items:center;gap:9px;transition:.18s}
.mdx-btn-light:hover{background:#fff !important;color:#0b1012 !important}
.mdx-hero-visual{min-height:420px;display:grid;place-items:center;position:relative}
.mdx-craft{position:relative;width:min(440px,90%);aspect-ratio:1/1;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,rgba(245,68,60,.22),transparent 62%);display:grid;place-items:center}
.mdx-craft .ring{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.mdx-craft .r1{inset:0}.mdx-craft .r2{inset:14%;border-color:rgba(245,68,60,.35)}.mdx-craft .r3{inset:30%}
.mdx-glyph{width:58%;filter:drop-shadow(0 24px 40px rgba(0,0,0,.55))}
.mdx-coord{position:absolute;font-family:'Space Mono',monospace;font-size:11px;color:rgba(255,255,255,.5)}
.mdx-coord.c1{top:8%;left:4%}.mdx-coord.c2{bottom:10%;right:6%;color:var(--red-bright)}.mdx-coord.c3{bottom:30%;left:0}

/* Stats */
.mdx-stats{position:relative;border-top:1px solid rgba(255,255,255,.12);margin-top:56px}
.mdx-stats-row{display:grid;grid-template-columns:repeat(4,1fr)}
.mdx-stat{padding:26px 0;border-right:1px solid rgba(255,255,255,.12)}
.mdx-stat:last-child{border-right:0}
.mdx-stat .n{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:600;color:#fff}
.mdx-stat .n span{color:var(--red-bright)}
.mdx-stat .l{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a9498;margin-top:4px}

/* Categorías band */
.mdx-cats{background:var(--mist)}

/* Feature cards (Smart Farm / APC2) */
.mdx-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mdx-fcard{border:1px solid var(--line);border-radius:var(--r);padding:34px;background:var(--surface);transition:transform .2s ease,border-color .2s ease}
.mdx-fcard:hover{border-color:var(--ink);transform:translateY(-4px)}
.mdx-fcard .k{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.mdx-fcard h3{font-size:24px;font-weight:600;margin:12px 0 10px}
.mdx-fcard p{color:var(--ink-2);font-size:15px;margin-bottom:18px}
.mdx-fcard .more{font-size:14px;font-weight:600;color:var(--red);display:inline-flex;gap:6px;align-items:center}

/* Tech band */
.mdx-tech{background:var(--dark);color:#fff;position:relative;overflow:hidden}
.mdx-tech::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:54px 54px;mask-image:radial-gradient(100% 80% at 20% 50%,#000,transparent 75%);
  -webkit-mask-image:radial-gradient(100% 80% at 20% 50%,#000,transparent 75%)}
.mdx-tech .mdx-wrap{position:relative}
.mdx-tech h2{color:#fff;font-size:clamp(28px,3.6vw,44px);font-weight:600;margin-top:16px;max-width:560px}
.mdx-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.mdx-tcard{border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:30px}
.mdx-tcard .k{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--red-bright);text-transform:uppercase}
.mdx-tcard h3{color:#fff;font-size:23px;font-weight:600;margin:14px 0 10px}
.mdx-tcard p{color:#9aa4a8;font-size:15px}

/* SAT */
.mdx-sat{background:linear-gradient(180deg,#0f1418,#0b1012)}
.mdx-sat-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.mdx-sat .badge{display:inline-flex;align-items:center;gap:9px;font-family:'Space Mono',monospace;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--field)}
.mdx-sat .badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--field)}
.mdx-sat h2{font-size:clamp(28px,3.4vw,40px);font-weight:600;margin:16px 0 16px}
.mdx-sat p{color:var(--ink-2);margin-bottom:26px;max-width:460px}
.mdx-track{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.mdx-track .lab{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.mdx-track .field{display:flex;gap:10px;margin-top:12px}
.mdx-track input{flex:1;border:1px solid var(--line);border-radius:var(--r);padding:13px 14px;font-family:'Space Mono',monospace;font-size:14px}
.mdx-track input:focus{outline:none;border-color:var(--field)}
.mdx-track .steps{display:flex;justify-content:space-between;margin-top:24px;font-family:'Space Mono',monospace;font-size:11px;color:var(--ink-2)}
.mdx-track .steps .s{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}
.mdx-track .steps .s::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--line)}
.mdx-track .steps .s.on::before{background:var(--field)}
.mdx-track .steps .s.on{color:var(--field)}

.mdx-arrow{transition:transform .18s ease;display:inline-block}
a:hover .mdx-arrow{transform:translateX(3px)}

/* Reveal */
.mdx-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.mdx-reveal.in{opacity:1;transform:none}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1080px){
  .mdx-tech-grid{grid-template-columns:repeat(2,1fr)}
  .mdx-feature{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .mdx-hero-inner{grid-template-columns:1fr;padding-top:60px}
  .mdx-hero-visual{min-height:280px;order:-1}
  .mdx-stats-row{grid-template-columns:1fr 1fr}
  .mdx-stat:nth-child(2){border-right:0}
  .mdx-tech-grid{grid-template-columns:1fr}
  .mdx-feature{grid-template-columns:1fr}
  .mdx-sat-inner{grid-template-columns:1fr}
  .mdx-front section{padding:60px 0}
}
@media(prefers-reduced-motion:reduce){
  .mdx-reveal{transition:none;opacity:1;transform:none}
}

/* =========================================================
   DARK THEME OVERRIDES (Storefront + WooCommerce core)
   Fondo general oscuro y coherente con el hero.
   ========================================================= */
html,body,#page,.site,.site-content,#content,.col-full{
  background:var(--paper) !important;
  color:var(--ink);
}
.site-content,#content,#primary,#main{background:transparent !important}

/* Texto general claro */
p,li,dd,dt,span,td,th,label,figcaption,blockquote,address,
.entry-content,.site-main,.widget,.hentry{color:var(--ink)}
h1,h2,h3,h4,h5,h6,.entry-title{color:var(--ink)}

/* Cabecera oscura */
.site-header{background:var(--paper) !important;border-bottom:1px solid var(--line) !important}
.site-title a,.site-title a:hover{color:var(--ink) !important}
.main-navigation,.main-navigation ul.menu,.main-navigation ul.nav-menu,
.main-navigation ul.menu ul,.main-navigation ul.nav-menu ul{background:var(--paper) !important}
.main-navigation ul.menu li a,.main-navigation ul.nav-menu li a{color:var(--ink-2) !important}
.main-navigation ul.menu li a:hover,.main-navigation ul.nav-menu li a:hover,
.main-navigation ul.menu li.current-menu-item a{color:var(--ink) !important}
.main-navigation ul li ul li{border-color:var(--line) !important}
.site-header-cart .cart-contents{color:var(--ink) !important}
.site-header-cart .widget_shopping_cart,.site-header-cart:hover .widget_shopping_cart{background:var(--surface) !important;border-color:var(--line) !important}
button.menu-toggle,button.menu-toggle:hover{background:var(--surface) !important;color:var(--ink) !important}

/* Buscador de productos */
.site-search .widget_product_search input[type="search"],
.widget_product_search input[type="search"],
input[type="search"]{
  background:var(--surface) !important;border:1px solid var(--line) !important;color:var(--ink) !important;
}

/* Formularios e inputs */
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],
input[type="password"],input[type="number"],input[type="date"],input[type="search"],
textarea,select,.select2-container .select2-selection,
.select2-container--default .select2-selection--single{
  background:var(--surface) !important;border:1px solid var(--line) !important;color:var(--ink) !important;
}
input::placeholder,textarea::placeholder{color:#6b7780 !important}
.select2-dropdown,.select2-container--default .select2-results__option{
  background:var(--surface) !important;color:var(--ink) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--red) !important;color:#fff !important}

/* Cantidad */
.woocommerce .quantity .qty{background:var(--surface) !important;border:1px solid var(--line) !important;color:var(--ink) !important}

/* Tablas (carrito, checkout, pedidos, mi cuenta) */
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-cart table.cart td.actions,
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading{
  background:var(--surface) !important;border-color:var(--line) !important;color:var(--ink) !important;
}
.woocommerce table.shop_table tbody tr:nth-child(odd){background:rgba(255,255,255,.02) !important}

/* Avisos / mensajes */
.woocommerce-message,.woocommerce-info,.woocommerce-error,
.woocommerce-noreviews,p.no-comments{
  background:var(--surface) !important;color:var(--ink) !important;border-top-color:var(--red) !important;
}

/* Ficha de producto: pestañas y paneles */
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line) !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--mist) !important;border-color:var(--line) !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--surface) !important;border-bottom-color:var(--surface) !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--ink) !important}
.woocommerce div.product .woocommerce-tabs .panel{background:transparent !important}
.woocommerce #reviews #comments ol.commentlist li .comment-text{background:var(--surface) !important;border-color:var(--line) !important}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb,.woocommerce-breadcrumb a{color:var(--ink-2) !important}

/* Widgets y barras laterales */
.widget,.widget-area .widget{background:transparent !important;color:var(--ink)}
.widget-title{color:var(--ink) !important}
.widget a{color:var(--red)}

/* Paginación */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{border-color:var(--line) !important}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{background:var(--surface) !important;color:var(--ink) !important}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--red) !important;color:#fff !important}

/* Footer oscuro */
.site-footer{background:var(--paper) !important;color:var(--ink-2) !important;border-top:1px solid var(--line)}
.site-footer a{color:var(--ink-2) !important}
.site-footer a:hover{color:var(--red-bright) !important}
.site-footer .widget-title,.site-footer h1,.site-footer h2,.site-footer h3{color:var(--ink) !important}

/* Footer: maquetación centrada y compacta (logo -> enlaces -> copyright) */
.site-footer{padding-top:46px !important;padding-bottom:46px !important;text-align:center}
.site-footer .col-full{max-width:760px}
.site-footer .footer-widgets:empty{display:none}
.mdx-footer-logo{text-align:center;margin:0 0 22px}
.mdx-footer-logo img{max-width:210px}
.site-footer .mdx-legal-footer{margin:0 auto 14px !important;padding:0 !important;opacity:1 !important}
.site-footer .mdx-legal-footer a{color:var(--ink-2) !important;text-decoration:none;margin:0 2px}
.site-footer .mdx-legal-footer a:hover{color:var(--red-bright) !important;text-decoration:underline}
.site-footer .site-info{
  text-align:center !important;float:none !important;width:auto !important;
  padding:14px 0 0 !important;margin:0 !important;border-top:1px solid var(--line);
  color:var(--ink-2) !important;opacity:.7;font-size:.85em;max-width:560px;margin:0 auto !important;
}

/* La imagen de producto: fondo neutro oscuro detrás del icono/foto */
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img{background:var(--mist) !important}

/* =========================================================
   DARK OVERRIDES — zonas adicionales de WooCommerce/Storefront
   ========================================================= */
/* Checkout: caja de métodos de pago */
.woocommerce-checkout #payment,
.woocommerce #payment{background:var(--surface) !important;border-color:var(--line) !important}
.woocommerce-checkout #payment ul.payment_methods{border-color:var(--line) !important}
.woocommerce-checkout #payment ul.payment_methods li,
.woocommerce-checkout #payment label{color:var(--ink) !important}
.woocommerce-checkout #payment div.payment_box,
.woocommerce #payment div.payment_box{background:var(--mist) !important;color:var(--ink) !important}
.woocommerce-checkout #payment div.payment_box::before,
.woocommerce #payment div.payment_box::before{border-bottom-color:var(--mist) !important}
.woocommerce-checkout #payment .place-order{border-color:var(--line) !important}

/* Login / registro / cupón */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce .checkout_coupon,
.woocommerce form.lost_reset_password{
  background:var(--surface) !important;border-color:var(--line) !important;color:var(--ink) !important;
}

/* Mi cuenta */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-color:var(--line) !important}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color:var(--ink) !important}
.woocommerce-MyAccount-content,.woocommerce-MyAccount-content p{color:var(--ink) !important}
.woocommerce-Address-title a,.woocommerce address{color:var(--ink) !important}

/* Barra inferior en móvil (Storefront handheld) */
.storefront-handheld-footer-bar{background:var(--surface) !important;border-top:1px solid var(--line) !important}
.storefront-handheld-footer-bar ul li a{color:var(--ink) !important}
.storefront-handheld-footer-bar ul li.cart .count{background:var(--red) !important;color:#fff !important;border-color:var(--surface) !important}

/* Aviso de tienda */
.woocommerce-store-notice,p.demo_store{background:var(--red) !important;color:#fff !important}

/* Detalles varios */
hr{border-color:var(--line) !important}
.mdx-fcard:hover{border-color:var(--red)}
abbr[title],abbr.required{color:var(--red-bright);border:0}
.woocommerce .star-rating span{color:var(--red-bright)}
mark{background:transparent;color:var(--red-bright)}