/* Custom CSS */
/* Disable product image hover zoom; keep gallery and lightbox available. */
.product-zoom-container,
.product-zoom-img {
  display: none !important;
}
/* Show the first Avanam Home slide before Elementor/Swiper finishes booting. */
body#index .elementor-element-dcd34bb.elementor-invisible {
  visibility: visible;
}

/* Wishlist is disabled: hide Avanam's now-inert product action. */
.my-wishlist-button {
  display: none !important;
}

/* ── Barra superior: botones ¿PROFESIONAL? y PEDIDO RÁPIDO (24/09/2026) ──
   Esa fila repartía el ancho en porcentajes fijos, y al meter el segundo
   botón se quedaba aire de sobra entre ellos y el teléfono se partía en dos
   renglones. Aquí se le dice que cada columna ocupe lo que de verdad
   necesita y que el sobrante se lo quede el bloque de contacto.

   Solo en pantalla de ordenador: en el móvil la barra se apila sola.      */
@media (min-width: 1025px) {

  /* Columna vacía que solo servía para robar sitio */
  .elementor-element-cdcc310 { display: none !important; }

  /* Los dos botones: que cada uno mida lo que mide su texto */
  .elementor-element-432b353,
  .elementor-element-436635c {
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* Separación fija entre los dos, igual en todos los navegadores */
  .elementor-element-432b353 .elementor-button { margin-right: 10px; }

  /* El teléfono y el horario se quedan con todo el resto, así caben en un
     solo renglón */
  .elementor-element-7694c81 {
    width: auto !important;
    flex: 1 1 auto !important;
  }

  /* Tamaño de los botones (25/09/2026)
     Las píldoras medían 45 px de alto con el texto a 15 px, y al lado la
     palabra INICIO va a 21 px: los botones cantaban más que ella. Se bajan
     a 28 px de alto, que es lo que ocupa ese INICIO, y se les ajusta el
     redondeo para que sigan siendo píldora y no un rectángulo. */
  .elementor-element-432b353 .elementor-button,
  .elementor-element-436635c .elementor-button {
    font-size: 13px !important;
    line-height: 28px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
  }
}

/* Granadiet only: black text and contrasting surfaces, 2026-10-06.
 * Palette 7 is a surface token: it must stay light when palette 3 is black.
 * Keep white labels on dark controls and black labels on light surfaces.
 */
:root {
  --palette3: #000000 !important;
  --palette3rgb: 0, 0, 0;
  --palette7: #f2f2f2 !important;
  --palette7rgb: 242, 242, 242;
  --color-link: #000000;
  --color-link-hover: #000000;
  --product-title-color: #000000;
  --product-title-hover-color: #000000;
  --price-color: #000000;
  --price-color-light: #000000;
  --palette8: #f7f7f7 !important;
  --palette8rgb: 247, 247, 247;
  --btn-primary-bg-color: #000000;
  --btn-primary-border-color: #000000;
  --btn-primary-color: #ffffff;
  --btn-primary-hover-bg-color: #3b3b3b;
  --btn-primary-hover-border-color: #3b3b3b;
  --btn-primary-hover-color: #ffffff;
  --btn-cart-bg-color: #000000;
  --btn-cart-color: #ffffff;
  --btn-cart-hover-bg-color: #3b3b3b;
  --btn-cart-hover-color: #ffffff;
  --color-success: #000000;
  --color-success2: #000000;
  --color-success-bg: #f2f2f2;
  --color-success2-bg: #f2f2f2;
  --color-step: #000000;
  --progress-full: #000000;
  --green-400: #f2f2f2;
}

.active_filters .filter-block,
.active_filters .filter-block .close,
#search_filters .btn-tertiary,
#search_filters_brands .btn-tertiary,
#search_filters_suppliers .btn-tertiary,
.category-top-menu .btn-tertiary {
  color: #000000 !important;
  background-color: #f2f2f2 !important;
  border-color: #777777 !important;
}

.active_filters .filter-block .close:is(:hover, :focus-visible),
#search_filters .btn-tertiary:is(:hover, :focus-visible, :active),
#search_filters_brands .btn-tertiary:is(:hover, :focus-visible, :active),
#search_filters_suppliers .btn-tertiary:is(:hover, :focus-visible, :active),
.category-top-menu .btn-tertiary:is(:hover, :focus-visible, :active) {
  color: #000000 !important;
  background-color: #e2e2e2 !important;
}

.pagination a {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #777777 !important;
}

.pagination a:is(:hover, :focus-visible, :active),
.pagination .current a {
  color: #000000 !important;
  background-color: #e2e2e2 !important;
  border-color: #000000 !important;
}

/* This icon surface previously used palette 7 with a white foreground. */
.social-share a.social-share-btn,
.social-share a.social-share-btn:is(:hover, :focus-visible) {
  color: #ffffff !important;
  background-color: #3b3b3b !important;
}

/* Avanam Builder stores these mini-cart colors outside the theme palette. */
#header .elementor-cart__product-name a,
#header .elementor-cart__product-name a:is(:hover, :focus-visible),
#header .elementor-cart__product-price,
#header .elementor-cart__product-quantity,
#header .elementor-cart__product-attrs,
#header .elementor-cart__product-remove,
#header .elementor-cart__summary-label,
#header .elementor-cart__summary-value,
#header .elementor-cart__toggle .elementor-button-text,
#header .menu-mobile-content a,
#header .menu-mobile-content a:is(:hover, :focus-visible),
#header .elementor-widget-ava-sign-in .elementor-nav--dropdown a,
#header .elementor-widget-ava-sign-in .elementor-menu-toggle {
  color: #000000 !important;
}

#header .menu-mobile-content a:is(:hover, :focus-visible),
#header .elementor-widget-ava-sign-in .elementor-nav--dropdown a:is(:hover, :focus-visible, .elementor-item-active, .highlighted) {
  color: #000000 !important;
  background-color: #e2e2e2 !important;
}

/* Promotional explanations and inactive offers had their own green text. */
.granadietpromos,
.granadietpromos-floating-line,
.granadietpromos-line__label,
.granadietpromos-floating-line__label,
.granadietpromos-cart__offer,
.granadietpromos-cart__gift,
.granadietpromos-line__quantity-gift,
.granadietpromos-summary-free,
.granadietpromos-line .granadietpromos__offer-pill:not(.granadietpromos__offer-pill--active),
.granadietpromos-floating-line__offer:not(.granadietpromos__offer-pill--active) {
  color: #000000 !important;
}

.alert-success,
.alert-success .alert-link,
.list-group-item-success,
.text-success,
a.text-success:is(:hover, :focus),
.has-success :is(.custom-control, .form-check-inline, .form-check-label,
  .form-control-feedback, .form-control-label, .input-group-addon) {
  color: #000000 !important;
}

.btn-outline-success,
.btn-outline-success:is(:hover, :focus-visible, :active) {
  color: #000000 !important;
  background-color: #f2f2f2 !important;
  border-color: #000000 !important;
}

.active_filters .filter-block .close:focus-visible,
.active_filters .filter-block .js-search-link:focus-visible,
.pagination a:focus-visible,
#search_filters .btn-tertiary:focus-visible,
#search_filters_brands .btn-tertiary:focus-visible,
#search_filters_suppliers .btn-tertiary:focus-visible,
.category-top-menu .btn-tertiary:focus-visible,
.social-share a.social-share-btn:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 3px;
}

.btn-primary:focus-visible,
.product-title a:focus-visible,
.block-categories a:focus-visible,
#search_filters a:focus-visible,
#header .menu-mobile-content a:focus-visible,
#header .elementor-widget-ava-sign-in .elementor-nav--dropdown a:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 3px;
}

/* Granadiet only: extend the black palette to controls and graphic accents.
 * Explicit component rules cover legacy module colors outside the palette.
 */
.btn-primary,
.btn-success,
.btn-comment,
.back-top-button {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

:is(.btn-primary, .btn-success, .btn-comment, .back-top-button):is(:hover, :focus-visible, :active, .active) {
  color: #ffffff !important;
  background-color: #3b3b3b !important;
  border-color: #3b3b3b !important;
}

:is(.btn-primary, .btn-success, .btn-comment):is(:disabled, .disabled, [aria-disabled="true"]) {
  color: #ffffff !important;
  background-color: #595959 !important;
  border-color: #595959 !important;
  opacity: 1;
}

/* Two-tone focus stays visible on both dark and light sections. */
:is(.btn-primary, .btn-success, .btn-comment, .btn-outline-success, .back-top-button):focus-visible {
  outline: 2px solid #000000;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #ffffff;
}

.granadietpromos__offer-pill,
.bagde-oferta-granadiet-detail,
.granadietpromos-line .granadietpromos__offer-pill--active,
.granadietpromos-floating-line__offer.granadietpromos__offer-pill--active {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none;
}

.granadietpromos-line .granadietpromos__offer-pill:not(.granadietpromos__offer-pill--active),
.granadietpromos-floating-line__offer:not(.granadietpromos__offer-pill--active),
.granadietpromos-cart__gift,
.granadietpromos-line__quantity-gift {
  color: #000000 !important;
  background-color: #f2f2f2 !important;
  border-color: #777777 !important;
}

.granadietpromos-cart {
  color: #000000 !important;
  background-color: #f7f7f7 !important;
  border-color: #777777 !important;
}

.granadietpromos-cart__total {
  border-color: #777777 !important;
}

.alert-success,
.list-group-item-success,
.has-success .input-group-addon {
  color: #000000 !important;
  background-color: #f2f2f2 !important;
  border-color: #777777 !important;
}

.list-group-item-success:is(:hover, :focus-visible, :active, .active),
.btn-outline-success:is(:hover, :focus-visible, :active, .active) {
  color: #000000 !important;
  background-color: #e2e2e2 !important;
  border-color: #000000 !important;
}

.has-success .form-control,
.has-success .form-control:focus {
  border-color: #000000;
  box-shadow: none;
}

.granadiet-search-result-link:is(:hover, :focus-within) {
  background-color: #f2f2f2 !important;
  outline-color: #000000 !important;
}

/* Builder icons use their own fill, independently of the link text. */
#header .menu-mobile-content a,
#header .elementor-element-92e05bd .menu-item > a,
#header .elementor-element-df6ce9e .menu-item > a {
  fill: #000000 !important;
}

.elementor-12 .elementor-element-99d95c1 .elementor-icon-list-icon i {
  color: #000000 !important;
}

.elementor-12 .elementor-element-99d95c1 .elementor-icon-list-icon svg {
  fill: #000000 !important;
  color: #000000 !important;
}

.elementor-12 .elementor-element-8ee9270 > .elementor-widget-container {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
}