/* ============================================================
   vestir-woodmart.css · F8 (26/09/2026, Claude Code en la nube) · LO QUE SE VE EN TODAS LAS PÁGINAS
   Woodmart 8.6.1 (cabecera, pie, menús, barra fija del móvil hasta 1200 px), WPBakery 9.0.1, migas (Yoast 28.5 y partes/migas.php),
   aviso de cookies (inc/premium.php) y panel de accesibilidad (inc/accesibilidad.php). Se carga solo con VL_VESTIR activo, DESPUÉS
   de cabecera.css, pie.css, remate-1-1.css y reparo-*.css: no los repite, añade lo que faltaba de la marca (el neón en 3 capas) y
   los toques de 48 px. Woodmart imprime sus «parts» después del tema hijo: se gana con un selector más (html body …), no a gritos.
   Revisado a 375 · 850 · 1200 · 1440 (la cabecera móvil de Woodmart llega hasta 1200: inc/cabecera-1200.php). Sin !important.
   ============================================================ */

/* ---------- 1 · Cabecera: la línea de luz bajo la cabecera pegada (capa 3 del neón, muy suave) ---------- */
html body.vl-vestir .whb-sticked .whb-main-header,
html body.vl-vestir .whb-sticked .whb-sticky-row { box-shadow: 0 6px 24px rgba(15, 23, 42, .08), 0 2px 18px rgba(var(--vl-neon-rgb), .12); }
html body.vl-vestir .whb-header .wd-tools-element > a,
html body.vl-vestir .whb-header .wd-header-nav .menu > li > a { min-height: var(--vl-touch); }
html body.vl-vestir .whb-header .wd-tools-element > a:focus-visible,
html body.vl-vestir .whb-header .menu a:focus-visible,
html body.vl-vestir .site-logo a:focus-visible { outline: var(--vl-focus-width) solid var(--vl-focus); outline-offset: 3px; border-radius: var(--vl-radius-sm); }
/* El menú desplegable del ordenador: tarjeta con halo */
html body.vl-vestir .wd-header-nav .menu > li > .wd-sub-menu,
html body.vl-vestir .wd-header-nav .menu > li > .wd-dropdown-menu,
html body.vl-vestir .wd-dropdown { border-radius: var(--vl-radius-lg); box-shadow: var(--vl-halo); border: 0; }
html body.vl-vestir .wd-dropdown-menu .sub-menu li a,
html body.vl-vestir .wd-sub-menu li a { min-height: var(--vl-touch); display: flex; align-items: center; }
/* El menú del móvil (la cortina lateral): enlaces de 48 px, el activo en azul claro */
html body.vl-vestir .mobile-nav .wd-nav-mobile > li > a,
html body.vl-vestir .mobile-nav .wd-nav-mobile .sub-menu li a { min-height: var(--vl-touch); font-size: var(--vl-font-body); }
html body.vl-vestir .mobile-nav .wd-nav-mobile > li.current-menu-item > a,
html body.vl-vestir .mobile-nav .wd-nav-mobile > li.wd-active > a { color: var(--vl-secondary-dark); background: var(--vl-secondary-light); border-radius: var(--vl-radius-md); }
html body.vl-vestir .mobile-nav .wd-nav-mobile .menu-item-account > a::before { color: var(--vl-primary-dark); }

/* ---------- 2 · La barra fija del móvil (Woodmart .wd-toolbar y la de 6 iconos del tema .vl-barra-iconos) ---------- */
html body.vl-vestir .wd-toolbar,
html body.vl-vestir .vl-barra-iconos { box-shadow: 0 -6px 24px rgba(15, 23, 42, .08), 0 -2px 18px rgba(var(--vl-neon-rgb), .12); }
html body.vl-vestir .wd-toolbar .wd-toolbar-item,
html body.vl-vestir .vl-barra-iconos a { min-height: var(--vl-touch); }
html body.vl-vestir .wd-toolbar .wd-toolbar-item:focus-visible,
html body.vl-vestir .vl-barra-iconos a:focus-visible { outline: var(--vl-focus-width) solid var(--vl-focus); outline-offset: -3px; border-radius: var(--vl-radius-sm); }
html body.vl-vestir .wd-toolbar .wd-toolbar-item.wd-active,
html body.vl-vestir .vl-barra-iconos a[aria-current="page"] { color: var(--vl-primary-dark); }
html body.vl-vestir .wd-toolbar .wd-toolbar-item .wd-toolbar-label,
html body.vl-vestir .vl-barra-iconos span { font-size: var(--vl-font-caption); font-weight: 600; }

/* ---------- 3 · El pie: enlaces de 48 px, foco visible, la palabra «Lovers» en rosa si el pie escribe el nombre ---------- */
html body.vl-vestir .footer-container a:focus-visible,
html body.vl-vestir .vl-pie a:focus-visible { outline: var(--vl-focus-width) solid var(--vl-footer-text); outline-offset: 3px; border-radius: var(--vl-radius-sm); }
html body.vl-vestir .footer-container .menu li a,
html body.vl-vestir .vl-pie__menu a { display: inline-flex; align-items: center; min-height: var(--vl-touch); }
html body.vl-vestir .vl-pie .vl-logo-texto em,
html body.vl-vestir .footer-container .vl-logo-texto em { font-style: normal; color: var(--vl-primary); }
html body.vl-vestir .copyrights-wrapper { font-size: var(--vl-font-small); }

/* ---------- 4 · Migas: las de partes/migas.php y las de Yoast/Woodmart, con el mismo aspecto ---------- */
html body.vl-vestir .yoast-breadcrumb,
html body.vl-vestir .wd-breadcrumbs,
html body.vl-vestir .woocommerce-breadcrumb,
html body.vl-vestir .breadcrumbs { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; margin: 0 0 var(--vl-space-md); font-size: var(--vl-font-small); line-height: var(--vl-lh-small); color: var(--vl-text-muted); }
html body.vl-vestir .yoast-breadcrumb a,
html body.vl-vestir .wd-breadcrumbs a,
html body.vl-vestir .woocommerce-breadcrumb a { display: inline-flex; align-items: center; min-height: 32px; color: var(--vl-secondary); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(var(--vl-neon-rgb), .6); }
html body.vl-vestir .yoast-breadcrumb a:hover,
html body.vl-vestir .wd-breadcrumbs a:hover { color: var(--vl-secondary-dark); text-decoration-color: var(--vl-primary); }
html body.vl-vestir .yoast-breadcrumb .breadcrumb_last,
html body.vl-vestir .wd-breadcrumbs .wd-last { color: var(--vl-text); font-weight: 600; }
html body.vl-vestir .wd-breadcrumbs .wd-delimiter,
html body.vl-vestir .woocommerce-breadcrumb .wd-delimiter { color: var(--vl-text-light); }

/* ---------- 5 · Aviso de cookies (inc/premium.php, ya compacto): tarjeta con halo, botones de 48 px ---------- */
html body.vl-vestir .vl-cookies__caja { border-radius: var(--vl-radius-xl); box-shadow: var(--vl-halo-fuerte); }
html body.vl-vestir .vl-cookies__botones .vl-btn,
html body.vl-vestir .vl-cookies__botones button { min-height: var(--vl-touch); }
html body.vl-vestir .vl-cookies__opcion { min-height: var(--vl-touch); display: flex; align-items: center; gap: var(--vl-space-sm); }
html body.vl-vestir .vl-cookies__reabrir { box-shadow: var(--vl-aro); border-radius: var(--vl-radius-pill); }
html body.vl-vestir .vl-cookies__reabrir:focus-visible { outline: var(--vl-focus-width) solid var(--vl-focus); outline-offset: 3px; }

/* ---------- 6 · Panel de accesibilidad (inc/accesibilidad.php): la hoja como tarjeta, los interruptores de 48 px ---------- */
html body.vl-vestir .vl-a11y__hoja { border-radius: var(--vl-radius-xl); box-shadow: var(--vl-halo-fuerte); }
html body.vl-vestir .vl-a11y__boton { box-shadow: var(--vl-aro); }
html body.vl-vestir .vl-a11y__boton:hover { box-shadow: var(--vl-aro-fuerte); }
html body.vl-vestir .vl-a11y__interruptor,
html body.vl-vestir .vl-a11y__accion,
html body.vl-vestir .vl-a11y__letra { min-height: var(--vl-touch); }
html body.vl-vestir .vl-a11y__interruptor:focus-visible,
html body.vl-vestir .vl-a11y__accion:focus-visible { outline: var(--vl-focus-width) solid var(--vl-focus); outline-offset: 2px; }
/* Con contraste alto o «sin animaciones» (html[data-vl-…]), el neón se apaga: los halos no son texto, pero molestan */
html[data-vl-contraste="alto"] body.vl-vestir .whb-sticked .whb-main-header,
html[data-vl-contraste="alto"] body.vl-vestir .wd-toolbar,
html[data-vl-contraste="alto"] body.vl-vestir .vl-cookies__caja,
html[data-vl-contraste="alto"] body.vl-vestir .vl-a11y__hoja { box-shadow: 0 0 0 2px var(--vl-hc-border); }

/* ---------- 7 · WPBakery: las filas a todo el ancho no dejan scroll lateral; los botones vc_btn como los de la casa ---------- */
html body.vl-vestir .vc_row[data-vc-full-width] { overflow: hidden; }
html body.vl-vestir .vc_btn3-container .vc_btn3,
html body.vl-vestir .vc_general.vc_btn3 { min-height: var(--vl-touch); padding: 12px var(--vl-space-lg); border-radius: var(--vl-radius-pill); font-family: var(--font-cuerpo); font-size: var(--vl-font-boton); font-weight: 600; }
html body.vl-vestir .vc_btn3.vc_btn3-color-primary,
html body.vl-vestir .vc_btn3.vc_btn3-style-modern { background: var(--vl-secondary); color: var(--vl-on-color); border-color: var(--vl-secondary); }
html body.vl-vestir .vc_btn3.vc_btn3-style-outline { background: var(--vl-bg); color: var(--vl-primary-dark); border: 0; border-radius: var(--vl-radius-aro); box-shadow: var(--vl-aro); }
html body.vl-vestir .vc_toggle .vc_toggle_title { min-height: var(--vl-touch); display: flex; align-items: center; }
html body.vl-vestir .vc_tta-tabs .vc_tta-tab > a { min-height: var(--vl-touch); border-radius: var(--vl-radius-pill); }

/* ---------- 8 · Los avisos de Woodmart (wd-notice, la barra superior) ---------- */
html body.vl-vestir .wd-notice,
html body.vl-vestir .woocommerce-store-notice { border-radius: var(--vl-radius-lg); font-size: var(--vl-font-body); }
html body.vl-vestir .wd-scroll-top,
html body.vl-vestir .scrollToTop { width: var(--vl-touch); height: var(--vl-touch); border-radius: 50%; box-shadow: var(--vl-aro); background: var(--vl-bg); color: var(--vl-primary-dark); }
html body.vl-vestir .wd-scroll-top:hover { box-shadow: var(--vl-aro-fuerte); }