.products .product-miniature .variant-links { 
  display: none !important; 
}

/* Separación CONSISTENTE entre la galería (columna izq.) y DESCRIPTION */
#product .tabs{
  /* crea un hueco adaptable en móviles y fijo en escritorio */
  margin-top: clamp(18px, 4vw, 36px) !important;
}

/* Un pelín de aire extra para el título “DESCRIPTION” y su subrayado */
#product #description .index_title{
  margin-top: clamp(6px, 1.8vw, 14px) !important;
}



/* Título de "Viewed products" (left column) */
#left-column .featured-products h2{
  display:inline-block;                 /* para que la raya azul solo ocupe el ancho del texto */
  border-bottom:2px solid #1b82d6;      /* la raya azul */
  padding-bottom:6px;                   /* distancia texto–raya azul (igual que New Products) */
  margin:0 0 12px 0;                    /* aire entre la raya azul y la primera tarjeta */
  font-size:16px;                       /* mismo tamaño que usamos para el otro */
  font-weight:600;
  text-transform:uppercase;
}

/* Espacio bajo el bloque "Viewed products" del lateral izquierdo (sin scroll) */
#left-column section.featured-products,
#left-column .ps-viewed-block {
  margin-bottom: 22px !important;
  padding-bottom: 1px;   /* evita colapso con el bloque siguiente */
  overflow: hidden;      /* NO barras deslizadoras */
}

#checkout-payment-step #payment-confirmation {
  margin-top: 24px !important;
}


/* ============================================================
   Accesibilidad (WCAG AA) — contraste + touch targets
   Oscurece SOLO los colores señalados por Lighthouse. Sin cambio de diseño.
   !important: el <style> del theme configurator carga DESPUÉS de este archivo.
   ============================================================ */

/* A·Grupo 1 — Precios: #ff5722 -> #d1471c (>=4.5 sobre blanco) */
.products .product-miniature span.price,
#home_cat_product ul li .product-price-and-shipping .price,
.ui-widget .search_right span.search_price,
.product-prices .current-price span.price{
  color:#d1471c !important;
}

/* A·Grupo 2 — Links azules: #1b82d6 -> #1979c7 (email, Sign in, Create account, selector moneda) */
#contact-link .shop-phone a,
#_desktop_user_info .user-info a.account,
#_desktop_currency_selector .currency-selector .expand-more{
  color:#1979c7 !important;
}

/* A·Grupo 3 — Texto blanco sobre fondo azul: fondo #1b82d6 -> #1979c7 */
#header div#_desktop_cart .blockcart .header,
#header div#_desktop_cart .blockcart .header .cart-products-count,
#home_categories ul li a.view_more,
.button-container .add-to-cart,
.button-container .add-to-cart:disabled,
.product-add-to-cart button.btn.add-to-cart,
.product-add-to-cart button.btn.add-to-cart:disabled,
a.product-flags span.product-flag.new,
#home_cat_product a.product-flags span.product-flag.new,
#product #content .product-flags li,
#product #content .product-flags .product-flag.new,
.block_newsletter .btn-newsletter,
.block_newsletter .btn-newsletter:hover{
  background:#1979c7 !important;
}
#home_categories ul li a.view_more,
.button-container .add-to-cart,
.product-add-to-cart button.btn.add-to-cart{
  border-color:#1979c7 !important;
}
/* preservar el :hover OSCURO (buen contraste) de los botones */
#home_categories ul li a.view_more:hover{ background:#1b1a1b !important; border-color:#1b1a1b !important; }
.button-container .add-to-cart:hover,
.product-add-to-cart button.btn.add-to-cart:hover{ background:#282828 !important; border-color:#282828 !important; }

/* A·Grupo 4 — Placeholder buscador: #7a7a7a -> #767676 */
#search_widget input.ui-autocomplete-input::placeholder{ color:#767676 !important; opacity:1; }
#search_widget input.ui-autocomplete-input::-webkit-input-placeholder{ color:#767676 !important; opacity:1; }
#search_widget input.ui-autocomplete-input::-moz-placeholder{ color:#767676 !important; opacity:1; }
#search_widget input.ui-autocomplete-input:-ms-input-placeholder{ color:#767676 !important; opacity:1; }

/* C — Touch targets: flechas de carruseles de categoría >=24x24 (icono sin cambios) */
#home_cat_product .arrows_container a.bx-prev,
#home_cat_product .arrows_container a.bx-next{
  min-width:24px; min-height:24px;
  display:inline-flex; align-items:center; justify-content:center;
}

/* --- Refinamientos a11y (2ª pasada) --- */
/* Placeholder: axe mide el color del PROPIO input (#7a7a7a), no el ::placeholder */
div#search_widget form input[type=text],
#search_widget input.ui-autocomplete-input{ color:#767676 !important; }
/* Flechas carrusel: separar para eliminar el solape de 6px (26px de ancho a 20px de distancia) */
#home_cat_product .arrows_container div[id^="home-prev"]{ transform:translateX(-6px) rotate(90deg) !important; }
#home_cat_product .arrows_container div[id^="home-next"]{ transform:translateX(6px) rotate(90deg) !important; }

/* --- Ajuste logo principal ATELIER 88 (1V-logo, 2026-07-31): -13% tamaño, centrado, aire vertical equilibrado; solo desktop (#_desktop_logo) --- */
a#_desktop_logo{ display:block; text-align:center; padding:14px 0 !important; }
a#_desktop_logo img.logo{ max-height:86px !important; width:auto !important; height:auto !important; margin:0 auto !important; display:inline-block; }

/* --- Logo header: -25px horizontal SOLO escritorio (>=992px); tamano y margenes verticales sin cambio; tablet/movil centrados (2026-07-31) --- */
@media (min-width:992px){
  a#_desktop_logo img.logo{ transform: translateX(-25px); }
}

/* Aviso de ampliacion del buscador (ver themes/AngarTheme/templates/catalog/listing/search.tpl) */
.rh-aviso-ampliacion{margin:0 0 18px;padding:12px 16px;border:1px solid #e3c98a;border-left:4px solid #c8a24a;background:#fdf7e8;color:#5a4a20;border-radius:3px;font-size:14px;line-height:1.5}
.rh-aviso-ampliacion strong{color:#3f3414}
.rh-aviso-usados{font-weight:600}
.rh-aviso-consulta{display:block;margin-top:4px;font-size:13px;color:#7a6a3c}
/* Aviso de coincidencia parcial dentro del autocompletado. jQuery UI aplica
   opacity:.35 a .ui-state-disabled y lo dejaba casi ilegible. */
.ui-autocomplete li.search_aviso{opacity:1!important;filter:none!important;background:#fdf7e8;border-bottom:1px solid #e3c98a;cursor:default;list-style:none;padding:0;margin:0}
.ui-autocomplete li.search_aviso .search_aviso_txt{display:block;padding:9px 12px;font-size:12.5px;line-height:1.4;color:#5a4a20;white-space:normal}

/* ============================================================
   IDENTIDAD ATELIER 88 v3 — azul corporativo -> marron #6C3C1F
   Hover marron: #583119.
   Tomado del boton real de los banners de la home.
   Solo color de interfaz: no cambia estructura, tamanos ni tipografias.

   REGLAS QUE ESTA VERSION CUMPLE
   1. Ninguna regla generica: no hay a:hover, .btn, .dropdown sueltos.
      Todo selector esta acotado a un componente concreto.
   2. Todo fondo que pasa a marron fija explicitamente el color del texto.
   3. Todo estado hover que va a fondo oscuro fija texto blanco.
   4. No se usa ningun filter: los logos de pago son imagenes y no se tocan.

   EXCLUSIONES SEMANTICAS — intactas
   .btn-primary  = VERDE de accion (#43b754, inyectado por el configurador):
                   boton Checkout de /cart.
   .btn-success, .alert-success, .bg-success, .text-success, .tag-success,
   .list-group-item-success, .has-success, .progress-success = verde.
   Rojos de error, warnings, precios (#d1471c) y logos de pago = intactos.
   ============================================================ */

/* ---------- 1. Fondos marrones + texto blanco explicito ---------- */
div#search_widget form button[type=submit],
#header div#_desktop_cart .blockcart .header,
#header div#_desktop_cart .blockcart .header a.cart_link,
#header div#_desktop_cart .blockcart .header .cart-products-count,
#home_categories ul li a.view_more,
.button-container .add-to-cart,
.button-container .add-to-cart:disabled,
.product-add-to-cart button.btn.add-to-cart,
.product-add-to-cart button.btn.add-to-cart:disabled,
a.product-flags span,
a.product-flags span.product-flag.new,
#home_cat_product a.product-flags span.product-flag.new,
#product #content .product-flags li,
#product #content .product-flags .product-flag.new,
.block_newsletter .btn-newsletter,
#_desktop_top_menu > ul > li:hover > a,
.rwd_menu_open ul.user_info li a:hover,
#mobile_top_menu_wrapper2 .top-menu li a:hover,
#scroll_top,
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.nav-pills .nav-link.active,
.custom-radio input[type=radio]:checked+span,
.custom-control-input:checked~.custom-control-indicator,
.progress-bar,
.tag-primary{
  background-color:#6C3C1F !important;
  color:#FFFFFF !important;
  border-color:#6C3C1F !important;
}

/* ---------- 2. Hover marron oscuro, texto blanco ---------- */
div#search_widget form button[type=submit]:hover,
.block_newsletter .btn-newsletter:hover,
.btn-secondary:hover,
.btn-secondary:focus,
#scroll_top:hover,
#scroll_top:focus,
.tag-primary[href]:focus,
.tag-primary[href]:hover{
  background-color:#583119 !important;
  color:#FFFFFF !important;
  border-color:#583119 !important;
}

/* ---------- 3. Hover oscuro heredado del tema: texto blanco forzado ---------- */
/* el tema y el configurador llevan estos botones a #1b1a1b / #282828 al pasar
   el raton. Se respeta ese fondo y se garantiza que el texto siga siendo blanco. */
#home_categories ul li a.view_more:hover,
#home_categories ul li a.view_more:focus{
  background-color:#1b1a1b !important; border-color:#1b1a1b !important; color:#FFFFFF !important;
}
.button-container .add-to-cart:hover,
.button-container .add-to-cart:focus,
.product-add-to-cart button.btn.add-to-cart:hover,
.product-add-to-cart button.btn.add-to-cart:focus{
  background-color:#282828 !important; border-color:#282828 !important; color:#FFFFFF !important;
}

/* ---------- 3b. CHECK OUT del mini-carrito: VERDE de accion ----------
   Mismo color que el boton Checkout de /cart (.btn-primary del configurador).
   La cabecera del carrito sigue en marron; solo el boton es verde. */
#subcart .cart-buttons .viewcart{
  background-color:#43b754 !important; color:#FFFFFF !important; border-color:#399a49 !important;
}
#subcart .cart-buttons .viewcart:hover,
#subcart .cart-buttons .viewcart:focus{
  background-color:#3aa04c !important; color:#FFFFFF !important; border-color:#196f28 !important;
}

/* ---------- 4. Texto: solo enlaces de interfaz que hoy son azules ---------- */
#contact-link .shop-phone a,
#contact-link span.shop-phone strong,
#contact-link span.shop-phone strong a,
#contact-link span.shop-phone i,
#_desktop_user_info .user-info a.account,
nav.header-nav .user-info a.account,
#_desktop_currency_selector .currency-selector .expand-more,
.lang_currency_top span.expand-more,
div#angarinfo_block .icon_cms,
.page-my-account #content .links a:hover i,
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i,
.page-item .page-link,
.btn-link,
.text-primary,
/* paginacion REAL de AngarTheme: no usa .page-item/.page-link de Bootstrap.
   El configurador la inyecta con body .pagination .page-list ... {color:#1b82d6} */
body .pagination .page-list .current a,
body .pagination .page-list a:hover,
body .pagination .page-list .current a.disabled,
body .pagination .page-list .current a.disabled:hover{
  color:#6C3C1F !important;
}
/* el activo de la paginacion va sobre fondo marron: texto blanco */
.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus{ color:#FFFFFF !important; }

/* ---------- 5. Subrayados y bordes de seccion ---------- */
.index_title span,
.index_title a,
.columns .text-uppercase span,
.columns .text-uppercase a,
.columns div#_desktop_cart .cart_index_title a,
.footer-container .h3 span,
.footer-container .h3 a,
.footer-container .links .title span.h3,
.page-product-heading span,
#left-column .featured-products h2{
  border-bottom-color:#6C3C1F !important;
}
.tabs ul.nav-tabs li.nav-item a.active,
.tabs ul.nav-tabs li.nav-item a:hover,
.card-outline-primary,
#product-modal .modal-content .modal-body .product-images img:hover,
#product-modal .modal-content .img_scroll ul.product-images>li.thumb-container>.thumb.selected,
body#checkout section.checkout-step .address-item.selected{
  border-color:#6C3C1F !important;
}

/* ---------- 6. Foco ---------- */
.form-control:focus,
.input-group.focus,
.product-customization .product-message:focus{
  outline-color:#6C3C1F !important;
}