/* Colores propios, enlazados al interruptor de WP Dark Mode. */
html body.arik-vg {
 --avg-card:#fff;--avg-text:#202c36;--avg-muted:#52616e;--avg-line:#dce3e8;
 --avg-soft:#f3f7f9;--avg-link:#12618a;--avg-shadow:0 5px 18px #192d3c12;
 --avg-accent:#1fa8d0;--avg-accent-text:#08232c;
}
html.wp-dark-mode-active body.arik-vg,
html[data-wp-dark-mode-active]:not([data-wp-dark-mode-active="false"]) body.arik-vg,
html body.arik-vg.wp-dark-mode-active,
html body.arik-vg[data-wp-dark-mode-active]:not([data-wp-dark-mode-active="false"]) {
 --avg-card:#292f34;--avg-text:#f2f5f6;--avg-muted:#c1cbd1;--avg-line:#46515b;
 --avg-soft:#21272c;--avg-link:#8bdbf6;--avg-shadow:0 5px 18px #0003;
}
/* El catálogo incluye bloques de productos clásicos en inicio, búsquedas y relacionados. */
html body.arik-vg ul.products li.product {
 background:var(--avg-card) !important;color:var(--avg-text) !important;
 border:1px solid var(--avg-line) !important;border-radius:14px !important;
 box-shadow:var(--avg-shadow) !important;transition:transform .18s ease,box-shadow .18s ease !important;
}
html body.arik-vg ul.products li.product > figure {border-radius:13px 13px 0 0 !important;overflow:hidden;}
html body.arik-vg ul.products li.product .woocommerce-loop-product__title,
html body.arik-vg ul.products li.product .woocommerce-loop-category__title {
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif !important;
 font-size:15px !important;line-height:1.4 !important;font-weight:650 !important;
 color:var(--avg-text) !important;text-align:left !important;
 padding:0 16px !important;margin:14px 0 8px !important;
 height:auto !important;min-height:2.8em;max-height:4.2em;
 display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
 text-transform:none !important;
}
html body.arik-vg ul.products li.product .woocommerce-loop-product__title a,
html body.arik-vg ul.products li.product .woocommerce-loop-category__title a {color:inherit !important;font-weight:inherit !important;}
html body.arik-vg ul.products li.product :is(.product-categories,.ct-product-categories) {
 margin-top:0 !important;margin-bottom:12px !important;padding-inline:16px !important;
 font:500 12px/1.5 system-ui,sans-serif !important;text-align:left !important;
}
html body.arik-vg ul.products li.product :is(.product-categories,.product-categories a,.ct-product-categories,.ct-product-categories a) {color:var(--avg-muted) !important;}
html body.arik-vg ul.products li.product .price {color:var(--avg-text) !important;}
html body.arik-vg ul.products li.product .tinvwl_add_to_wishlist_button {
 color:var(--avg-link) !important;font:500 14px/1.4 system-ui,sans-serif !important;
 min-height:44px;display:inline-flex;align-items:center;justify-content:center;
}
html body.arik-vg ul.products li.product .arik-ai-btn {
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif !important;
 min-height:44px !important;padding:10px 12px !important;font-size:14px !important;
 background:var(--avg-accent) !important;color:var(--avg-accent-text) !important;
 border-color:transparent !important;box-shadow:none !important;
}
html body.arik-vg ul.products li.product .arik-ai-arrow {display:none !important;}
@media(hover:hover){html body.arik-vg ul.products li.product:hover{transform:translateY(-2px);}}
/* La cabecera conserva las dimensiones configuradas en Blocksy. */
/* Hero de categoría: imagen centrada con fondo difuminado existente. */
html body.arik-vg.tax-product_cat .hero-section[data-type="type-2"] {
 --min-height:180px;min-height:180px !important;
}
html body.arik-vg.tax-product_cat .hero-section[data-type="type-2"] > figure {height:100%;}
html body.arik-vg.tax-product_cat .hero-section[data-type="type-2"] .page-title {
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif !important;
 font-size:clamp(25px,3vw,38px) !important;line-height:1.2 !important;
 border-radius:14px !important;padding:12px 22px !important;
}
/* Navegación contextual */
body.arik-vg .avg-explore {clear:both;width:100%;margin:20px 0 18px;color:var(--avg-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;}
body.arik-vg .avg-crumbs {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.5;margin-bottom:14px;color:var(--avg-muted);}
body.arik-vg .avg-crumbs a,body.arik-vg .avg-reset {color:var(--avg-link) !important;text-decoration:none;}
body.arik-vg .avg-tools {display:flex;align-items:flex-end;gap:16px;}
body.arik-vg .avg-list-link {display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid var(--avg-line);border-radius:10px;color:var(--avg-link) !important;text-decoration:none;white-space:nowrap;box-sizing:border-box;}
body.arik-vg .avg-categories {margin-top:12px;padding:0;border:1px solid var(--avg-line);border-radius:10px;background:var(--avg-card) !important;color:var(--avg-text) !important;}
body.arik-vg .avg-categories summary {padding:12px 14px;min-height:44px;box-sizing:border-box;cursor:pointer;font-size:14px;font-weight:600;}
body.arik-vg .avg-chips {display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px;}
body.arik-vg .avg-chip {display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid var(--avg-line);border-radius:8px;background:var(--avg-soft) !important;color:var(--avg-text) !important;text-decoration:none;font-size:13px;box-sizing:border-box;}
body.arik-vg .avg-chip.is-current {background:var(--avg-accent) !important;color:var(--avg-accent-text) !important;font-weight:700;}
body.arik-vg .avg-reset {display:inline-block;padding:10px 0;font-size:13px;}
body.arik-vg .avg-explore :is(a,button,input,summary):focus-visible {outline:3px solid var(--avg-link);outline-offset:3px;}
/* Paginación WooCommerce y Blocksy */
html body.arik-vg .ct-container .woocommerce-pagination {
 display:flex !important;align-items:center !important;justify-content:center !important;
 flex-wrap:wrap !important;gap:8px !important;margin:24px 0 !important;white-space:normal !important;
}
html body.arik-vg .ct-container .woocommerce-pagination ul.page-numbers {display:flex !important;flex-wrap:wrap !important;justify-content:center;gap:8px !important;border:0;}
html body.arik-vg .ct-container .woocommerce-pagination :is(a.page-numbers,span.page-numbers,ul.page-numbers li .page-numbers,a.prev,a.next) {
 display:inline-flex !important;align-items:center !important;justify-content:center !important;
 min-width:44px !important;min-height:44px !important;height:auto !important;padding:8px 12px !important;
 border:1px solid var(--avg-line) !important;border-radius:9px !important;
 background:var(--avg-card) !important;color:var(--avg-text) !important;
 font:600 14px/1.3 system-ui,sans-serif !important;box-shadow:none !important;
}
html body.arik-vg .ct-container .woocommerce-pagination .page-numbers.current {
 background:var(--avg-accent) !important;color:var(--avg-accent-text) !important;
}
/* Redes: menos cajas anidadas, etiquetas visibles. */
body.arik-vg #arik-socials-inline {box-shadow:none !important;}
body.arik-vg #arik-socials-inline a {border-radius:9px !important;box-shadow:none !important;}
body.arik-vg .avg-social-label {margin-left:7px;font:500 13px/1.3 system-ui,sans-serif;}
@media(max-width:767px){
 html body.arik-vg.tax-product_cat .hero-section[data-type="type-2"] {--min-height:145px;min-height:145px !important;}
 html body.arik-vg ul.products li.product .woocommerce-loop-product__title {font-size:14px !important;padding-inline:10px !important;}
 html body.arik-vg ul.products li.product :is(.product-categories,.ct-product-categories) {padding-inline:10px !important;font-size:11px !important;}
 html body.arik-vg ul.products li.product .arik-ai-btn {font-size:12px !important;padding:10px 7px !important;}
 html body.arik-vg ul.products li.product .tinvwl_add_to_wishlist_button {font-size:12px !important;}
 body.arik-vg .avg-tools {flex-wrap:wrap;gap:10px;}
  body.arik-vg .avg-list-link {padding:8px 12px;font-size:13px;}
 body.arik-vg .avg-social-label {display:none;}
}
@media(prefers-reduced-motion:reduce){html body.arik-vg ul.products li.product {transition:none !important;}html body.arik-vg ul.products li.product:hover {transform:none !important;}}

/* 1.0.1: el único buscador es el original del sitio, con sus sugerencias. */
body.arik-vg .avg-explore {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:14px 0;}
body.arik-vg .avg-crumbs {margin:0;}
body.arik-vg .avg-tools:empty {display:none;}
body.arik-vg .avg-explore > .avg-categories {flex-basis:100%;}
html body.arik-vg .woo-listing-top.avg-catalog-controls {display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:12px !important;position:relative;overflow:visible !important;}
html body.arik-vg .avg-catalog-controls > .avg-categories {position:relative;margin:0;flex:0 1 auto;max-width:100%;}
html body.arik-vg .avg-catalog-controls > .arik-catalog-sort {float:none !important;margin:0 !important;max-width:100%;}
body.arik-vg .avg-catalog-controls .avg-categories summary {white-space:nowrap;padding:12px 16px;}
body.arik-vg .avg-catalog-controls .avg-categories[open] > .avg-chips {position:absolute;inset:auto auto auto 0;top:calc(100% + 8px);z-index:50;box-sizing:border-box;width:min(560px,calc(100vw - 48px));max-height:55vh;overflow-y:auto;padding:14px;border:1px solid var(--avg-line);border-radius:12px;background:var(--avg-card) !important;box-shadow:var(--avg-shadow);}
@media(max-width:767px){
 html body.arik-vg .woo-listing-top.avg-catalog-controls {gap:10px !important;}
 html body.arik-vg .avg-catalog-controls > .avg-categories {flex:1 1 100%;}
 html body.arik-vg .avg-catalog-controls > .arik-catalog-sort {width:100% !important;}
 body.arik-vg .avg-catalog-controls .avg-categories[open] > .avg-chips {position:static;width:100%;max-height:45vh;box-shadow:none;border:0;border-top:1px solid var(--avg-line);border-radius:0;}
}

/* 1.0.2 · Integración visual del buscador ORIGINAL.
   No crea campos, no mueve formularios ni modifica sus sugerencias/eventos.
   La paleta responde a WP Dark Mode, no a la preferencia del sistema operativo. */
html body.arik-vg #header :is(a.ct-header-search,button.ct-header-search,[data-id="search"] a,[data-id="search"] button) {
 background:var(--avg-card) !important;color:var(--avg-link) !important;
 border:1px solid var(--avg-link) !important;border-radius:999px !important;
 min-height:44px !important;padding:10px 16px !important;
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif !important;
 font-size:14px !important;line-height:1.3 !important;
 box-shadow:0 3px 10px rgba(0,0,0,.07) !important;
}
html body.arik-vg :is(#search-modal,.ct-search-modal,.ct-search,.dgwt-wcas-sf-wrapp) input[type="search"],
html body.arik-vg .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input {
 background:var(--avg-card) !important;color:var(--avg-text) !important;
 caret-color:var(--avg-link) !important;border:1px solid var(--avg-line) !important;
 border-radius:999px !important;min-height:48px !important;
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif !important;
 font-size:16px !important;line-height:1.4 !important;
 box-shadow:0 3px 12px rgba(0,0,0,.06) !important;
}
html body.arik-vg :is(#search-modal,.ct-search-modal,.ct-search,.dgwt-wcas-sf-wrapp) input[type="search"]::placeholder {
 color:var(--avg-muted) !important;font-weight:400 !important;letter-spacing:0 !important;opacity:1 !important;
}
html body.arik-vg :is(#search-modal,.ct-search-modal,.ct-search,.dgwt-wcas-sf-wrapp) input[type="search"]:focus {
 border-color:var(--avg-link) !important;
 box-shadow:0 0 0 3px var(--searchAccentSoft,rgba(14,165,233,.15)) !important;
}
html body.arik-vg :is(#search-modal,.ct-search-modal,.ct-search,.dgwt-wcas-sf-wrapp) input[type="search"]:-webkit-autofill {
 -webkit-text-fill-color:var(--avg-text) !important;
 caret-color:var(--avg-text) !important;
 -webkit-box-shadow:0 0 0 1000px var(--avg-card) inset !important;
}
html body.arik-vg :is(#search-modal,.ct-search-modal,.ct-search,.dgwt-wcas-sf-wrapp) :is(.search-submit,.dgwt-wcas-search-submit) {
 background:var(--avg-accent) !important;color:var(--avg-accent-text) !important;
 border-color:var(--avg-accent) !important;box-shadow:none !important;
}
html body.arik-vg #header :is(a.ct-header-search,button.ct-header-search):focus-visible,
html body.arik-vg #search-modal button:focus-visible {
 outline:3px solid var(--avg-link) !important;outline-offset:3px !important;
}
@media(hover:hover){
 html body.arik-vg #header :is(a.ct-header-search,button.ct-header-search,[data-id="search"] a,[data-id="search"] button):hover {
  background:var(--avg-accent) !important;color:var(--avg-accent-text) !important;
  border-color:var(--avg-accent) !important;box-shadow:0 4px 12px rgba(0,0,0,.12) !important;
 }
}
@media(max-width:768px){
 html body.arik-vg #header :is(a.ct-header-search,button.ct-header-search,[data-id="search"] a,[data-id="search"] button) {
  min-height:48px !important;padding:11px 18px !important;font-size:16px !important;
 }
 html body.arik-vg :is(#search-modal,.ct-search-modal,.ct-search,.dgwt-wcas-sf-wrapp) input[type="search"] {
  min-height:52px !important;font-size:18px !important;
 }
}

/* 1.0.3: el mismo botón original, debajo del banner del catálogo móvil.
   No se clona el botón ni se reemplaza el formulario de sugerencias. */
@media(max-width:999px){
 body.arik-vg .avg-explore .avg-tools {width:100%;align-items:center;flex-wrap:wrap;gap:10px;}
 html body.arik-vg .avg-tools > .avg-mobile-search {
  display:inline-flex !important;position:relative !important;inset:auto !important;
  align-items:center !important;justify-content:center !important;gap:10px !important;
  flex:1 1 150px;min-height:48px !important;height:auto !important;width:auto !important;
  padding:12px 16px !important;margin:0 !important;box-sizing:border-box;
  border:1px solid var(--avg-link) !important;border-radius:12px !important;
  background:var(--avg-card) !important;color:var(--avg-link) !important;
  font:600 16px/1.4 system-ui,sans-serif !important;box-shadow:none !important;
  pointer-events:auto !important;visibility:visible !important;opacity:1 !important;
  cursor:pointer;touch-action:manipulation;transform:none !important;
 }
 html body.arik-vg .avg-mobile-search .ct-label {display:inline !important;position:static !important;color:inherit !important;}
 html body.arik-vg .avg-mobile-search svg {width:20px !important;height:20px !important;fill:currentColor !important;flex-shrink:0;}
 html body.arik-vg .avg-mobile-search:focus-visible {outline:3px solid var(--avg-link) !important;outline-offset:3px !important;}
}

/* 1.0.4: colapsar únicamente la fila vacía dejada por el buscador móvil. */
@media(max-width:999px){
 html body.arik-vg #header [data-device="mobile"] [data-row].avg-empty-search-row {
  display:none !important;--height:0px;height:0 !important;min-height:0 !important;
  margin:0 !important;padding:0 !important;border:0 !important;
 }
}

/* 1.0.5: herramientas ligeras, con etiquetas y áreas táctiles claras. */
html body.arik-vg .avg-explore {margin:14px 0 10px;gap:8px;justify-content:flex-end;}
html body.arik-vg .avg-tools {gap:12px;align-items:center;}
html body.arik-vg .avg-list-link {
 border:0 !important;background:transparent !important;box-shadow:none !important;
 border-radius:6px !important;min-height:48px;padding:10px 12px;
 color:var(--avg-link) !important;font:500 15px/1.4 system-ui,sans-serif;
}
html body.arik-vg .avg-categories {
 border:0 !important;border-radius:0 !important;background:transparent !important;
 box-shadow:none !important;
}
html body.arik-vg .avg-categories > summary {
 min-height:48px;padding:12px 4px !important;
 border:0 !important;border-bottom:1px solid var(--avg-line) !important;
 border-radius:0 !important;background:transparent !important;box-shadow:none !important;
 color:var(--avg-text) !important;font:600 15px/1.5 system-ui,sans-serif;
 white-space:normal;
}
html body.arik-vg .avg-chips {gap:8px;}
html body.arik-vg .avg-chip {
 min-height:44px;padding:10px 12px;border:0 !important;border-radius:6px !important;
 background:var(--avg-soft) !important;color:var(--avg-text) !important;
 box-shadow:none !important;font:500 14px/1.4 system-ui,sans-serif;
}
html body.arik-vg .avg-chip.is-current {
 background:var(--avg-accent) !important;color:var(--avg-accent-text) !important;font-weight:700;
}
html body.arik-vg .avg-categories :is(a,summary):focus-visible,
html body.arik-vg .avg-list-link:focus-visible {
 outline:3px solid var(--avg-link) !important;outline-offset:3px !important;
}
@media(hover:hover){
 html body.arik-vg .avg-list-link:hover {text-decoration:underline;text-underline-offset:4px;}
 html body.arik-vg .avg-chip:hover {text-decoration:underline;text-underline-offset:3px;}
}
@media(max-width:999px){
 html body.arik-vg .avg-tools > .avg-mobile-search {
  flex:1 1 120px;min-height:48px !important;padding:10px 14px !important;
  border:1px solid var(--avg-line) !important;border-radius:8px !important;
  background:var(--avg-soft) !important;color:var(--avg-text) !important;
  font-size:16px !important;font-weight:500 !important;text-transform:none !important;
 }
 html body.arik-vg .avg-mobile-search .ct-label {text-transform:none !important;}
 html body.arik-vg .avg-list-link {flex:0 0 auto;font-size:15px;padding:10px 8px;}
}
@media(max-width:767px){
 html body.arik-vg .avg-catalog-controls .avg-categories[open] > .avg-chips {
  border:0 !important;background:transparent !important;padding:12px 0 4px;
 }
}

/* 1.0.6: tres botones en una fila móvil, panel anclado debajo. */
@media(max-width:999px){
 html body.arik-vg .avg-explore .avg-tools {
  position:relative;display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);
  align-items:start;gap:6px !important;width:100%;overflow:visible;
 }
 html body.arik-vg .avg-tools > .avg-mobile-search,
 html body.arik-vg .avg-tools > .avg-list-link,
 html body.arik-vg .avg-tools > .avg-categories > summary {
  display:flex !important;align-items:center !important;justify-content:center !important;
  gap:5px !important;width:100% !important;min-width:0;min-height:48px !important;
  margin:0 !important;padding:10px 6px !important;box-sizing:border-box;
  border:1px solid var(--avg-line) !important;border-radius:8px !important;
  background:var(--avg-card) !important;color:var(--avg-link) !important;
  box-shadow:none !important;font:600 13px/1.4 system-ui,sans-serif !important;
  text-decoration:none !important;text-transform:none !important;white-space:nowrap;
  cursor:pointer;touch-action:manipulation;
 }
 html body.arik-vg .avg-tools > .avg-categories {
  position:static !important;margin:0 !important;min-width:0;width:100%;
 }
 html body.arik-vg .avg-tools > .avg-categories > summary {list-style:none;}
 html body.arik-vg .avg-tools > .avg-categories > summary::-webkit-details-marker {display:none;}
 html body.arik-vg .avg-tools > .avg-categories > summary::after {content:'▾';font-size:12px;}
 html body.arik-vg .avg-tools > .avg-categories[open] > summary::after {content:'▴';}
 html body.arik-vg .avg-tools > .avg-categories[open] > summary {border-color:var(--avg-link) !important;}
 html body.arik-vg .avg-tools .avg-mobile-search svg {width:16px !important;height:16px !important;}
 html body.arik-vg .avg-tools > .avg-categories[open] > .avg-chips {
  position:absolute !important;top:calc(100% + 8px);left:0;right:0;z-index:50;
  width:100%;max-height:50vh;overflow-y:auto;box-sizing:border-box;
  margin:0;padding:12px !important;border:1px solid var(--avg-line) !important;
  border-radius:10px !important;background:var(--avg-card) !important;box-shadow:var(--avg-shadow) !important;
 }
}

/* 1.1.0: pulido móvil. Mantiene Buscar / Categorías / Mi lista y sus eventos. */
@media (max-width:767px) {
 html body.arik-vg .avg-explore {margin:12px 0 10px !important;}
 html body.arik-vg .avg-tools > .avg-mobile-search,
 html body.arik-vg .avg-tools > .avg-list-link,
 html body.arik-vg .avg-tools > .avg-categories > summary {
  border-color:var(--avg-line) !important;border-radius:10px !important;
  background:var(--avg-soft) !important;color:var(--avg-text) !important;
  min-height:46px !important;font-weight:600 !important;
 }
 html body.arik-vg .avg-tools > .avg-mobile-search {
  border-color:var(--avg-link) !important;color:var(--avg-link) !important;
 }
 html body.arik-vg .avg-tools > .avg-categories[open] > summary {
  border-color:var(--avg-link) !important;color:var(--avg-link) !important;
 }
 /* El contenedor más ancho evita una caja estrecha para títulos largos. */
 html body.arik-vg.tax-product_cat .hero-section[data-type="type-2"] {
  --min-height:132px;min-height:132px !important;
 }
 html body.arik-vg.tax-product_cat .hero-section[data-type="type-2"] > .entry-header {
  --min-height:132px;min-height:132px !important;
  width:100% !important;max-width:none !important;
  padding:22px 6% 18px !important;box-sizing:border-box;
  justify-content:flex-end !important;align-items:flex-start !important;text-align:left !important;
 }
 html body.arik-vg.tax-product_cat .hero-section[data-type="type-2"] > figure::after {
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,15,23,0) 15%,rgba(4,15,23,.30) 45%,rgba(4,15,23,.82) 100%);
 }
 html body.arik-vg.tax-product_cat .hero-section[data-type="type-2"] .page-title {
  background:transparent !important;background-image:none !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  border:0 !important;border-radius:0 !important;box-shadow:none !important;
  padding:0 !important;margin:0 !important;text-align:left !important;
  font-size:clamp(23px,6vw,28px) !important;line-height:1.2 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45);overflow-wrap:anywhere;
 }
}
