/* Custom CSS for Pando Based on Hummingbird Child Theme */

/* Login Page */
body.page-authentication, body.page-password {
  border-top:48px solid #A2A2A1;
  padding-top: 15vh;
  background-image: url(/img/pandologo.jpg);
  background-size: 200px auto;
  background-repeat: no-repeat;
  background-position: 18vw  50px;
}

/** Home Page **/
.page-content.page-home {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
@media (min-width: 992px) {
    .page-content.page-home {
        width: 960px;
        max-width: 100%
    }
}
@media (min-width: 1200px) {
    .page-content.page-home {
        width: 1140px;
        max-width: 100%
    }
}
/** Category Page **/
#category-description img {
  width: 100%;
  height: auto;
  max-width: 100%;
} 

/** Header **/
nav.header-top {
  background-color: #A2A2A1;
  border-bottom: 1px solid #ebebeb;
}

/** Footer **/
footer#footer {
  background: #8b8b8a;
  margin-top: 0;
  padding: 1px 0 32px 0;
  color: white
}

footer#footer a {
  color: white
}

.footer .footer__main {
  background-color: #6e6e6d;
  padding-top: 64px;
}

@media (max-width: 767.98px) {
    /* Targets screens smaller than the Bootstrap 'md' breakpoint (i.e., extra-small and small devices) */

    /* Selects the <p> tags directly within the <li> elements of the footer lists */
    .links.wrapper ul li p {
        line-height: 0.7rem; 
    }
    .links.wrapper ul {
        margin-top: 1.0rem;
    }
}

/** Shopping Cart **/
.delivery-option__right {color:white;}
#cart-subtotal-shipping { 
  display: none !important; 
}

/** Search **/
.search-widgets__dropdown.js-search-dropdown {z-index: 1000;}

/** General Styles **/
a,
.text-primary,
.pagination .current a
 {
  color: #6E6E6D;
}

a:focus,
a:hover,
.btn-link:focus,
.btn-link:hover,
.page-link:focus,
.page-link:hover,
a.text-primary:focus,
a.text-primary:hover {
  color: #A2A2A1;
}

/** Legal **/
.textos_legales h4 {
  font-size:16px;
}
/* PRODUCTO: tamaño del nombre (solo ficha) */
@media (min-width: 1200px) {
  body#product h1.product__name.h4 {
    font-size: 3rem !important;
    line-height: 1.2;
  }
}

/* DIRECCIONES/checkout: hacer pequeño el alias y títulos */
@media (min-width: 1200px) {
  /* Alias con su clase */
  body#addresses .address__alias,
  body#address  .address__alias,
  body#checkout .address__alias,
  body#addresses h4.address__alias,
  body#address  h4.address__alias,
  body#checkout h4.address__alias,
  /* Por si el alias o cabecera va como card-title h4 */
  body#addresses .card .card-title.h4,
  body#address  .card .card-title.h4,
  body#checkout .card .card-title.h4,
  body#addresses h4.card-title,
  body#address  h4.card-title,
  body#checkout h4.card-title {
    font-size: 1.125rem !important; /* ~18px */
    line-height: 1.25;
  }
}

/* PANDO TEST 2025-10-10 */


/********** 
  MODULES
***********/
/* Quitar gutters que meten g-4 y g-xl-5 en la ficha */
#product .g-4, #product .gx-4  { --bs-gutter-x: 0 !important; }
#product .g-4, #product .gy-4  { --bs-gutter-y: 0 !important; }

@media (min-width: 1200px){
  #product .g-xl-5, #product .gx-xl-5 { --bs-gutter-x: 0 !important; }
  #product .g-xl-5, #product .gy-xl-5 { --bs-gutter-y: 0 !important; }
}

/* Por si acaso, anula también la .row de esa zona */
#product .row{
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}
#product .row > *{
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
}

/* Solo compacta el bloque superior (título, precio, IVA, descripción, ref) */
#product .product-information > h1.h1,
#product .product-information > .product-prices,
#product .product-information > .tax-shipping-delivery-label,
#product .product-information > .product-description,
#product .product-information > .product-reference{
  margin: 0 !important;
  padding: 0 !important;
}
#product .product-information > h1.h1 + .product-prices,
#product .product-information > .product-prices + .tax-shipping-delivery-label,
#product .product-information > .tax-shipping-delivery-label + .product-description,
#product .product-information > .product-description + .product-reference{
  margin-top: .1rem !important; /* baja a 0 si lo quieres "a ras" */
}
.page-product .product__title,
.page-product .product__prices,
.page-product .product__tax-info,
.page-product .product__description,
.page-product .product__reference {
  margin: 0 !important;
  padding: 0 !important;
}

/* Quita espacios internos de la descripción */
.page-product .product__description p {
  margin: 0 !important;
  line-height: 1.28 !important; /* compacto sin perder legibilidad */
}

/* Si algún contenedor usa grid/flex con gap, lo anulamos */
.page-product .product__summary,
.page-product .product__info,
.page-product .product-information {
  gap: 0 !important;
  row-gap: 0 !important;
}

/* Micro-separación uniforme entre bloques (ajusta o pon 0 si lo quieres a ras) */
.page-product .product__title + .product__prices,
.page-product .product__prices + .product__tax-info,
.page-product .product__tax-info + .product__description,
.page-product .product__description + .product__reference {
  margin-top: .10rem !important;
}

/* Por compatibilidad con clases “classic” */
#product .product-information > h1.h1,
#product .product-information > .product-prices,
#product .product-information > .tax-shipping-delivery-label,
#product .product-information > .product-description,
#product .product-information > .product-reference {
  margin: 0 !important;
  padding: 0 !important;
}
#product .product-information > h1.h1 + .product-prices,
#product .product-information > .product-prices + .tax-shipping-delivery-label,
#product .product-information > .tax-shipping-delivery-label + .product-description,
#product .product-information > .product-description + .product-reference {
  margin-top: .10rem !important;
}
/* 1) Anula cualquier margen/padding que venga del stack superior */
.page-product .product__summary,
.page-product .product__summary * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2) Mata utilidades Bootstrap que meten hueco (mb-*, mt-*) */
.page-product .product__summary [class^="mb-"],
.page-product .product__summary [class*=" mb-"],
.page-product .product__summary [class^="mt-"],
.page-product .product__summary [class*=" mt-"]{
  margin: 0 !important;
}

/* 3) Título y precio, pegados y con line-height corto */
.page-product .product__title,
.page-product .product__title * {
  margin: 0 !important;
  line-height: 1.05 !important;
}

.page-product .product__prices,
.page-product .product__prices > * {
  margin: 0 !important;
  line-height: 1.05 !important;
}

/* 4) IVA, descripción y referencia sin hueco extra */
.page-product .product__tax-info,
.page-product .product__description,
.page-product .product__description p,
.page-product .product__reference {
  margin: 0 !important;
  line-height: 1.25 !important; /* sube/baja si lo quieres más/menos compacto */
}

/* 5) Si quieres un micro-espacio uniforme entre bloques, activa esto: */
/*
.page-product .product__title + .product__prices,
.page-product .product__prices + .product__tax-info,
.page-product .product__tax-info + .product__description,
.page-product .product__description + .product__reference {
  margin-top: .08rem !important;
}
*/
.page-product .product__title,
.page-product h1.product__title,
#product .product-information h1.h1,
#product h1.product__name,
#product h1 {
  margin: 0 !important;              /* quita margen UA y del tema */
  line-height: 1.06 !important;      /* compacto y legible */
}

/* Micro-separación con el precio (ajusta o pon 0) */
.page-product .product__title + .product__prices,
#product .product-information h1.h1 + .product-prices {
  margin-top: .06rem !important;
}

/* Tamaño del título (escritorio) */
@media (min-width: 1200px){
  .page-product .product__title,
  #product .product-information h1.h1,
  #product h1.product__name {
    font-size: 2.75rem !important;   /* ajusta a tu gusto (ej. 2.5rem–3rem) */
  }
}

/* Tamaño del título (móvil) */
@media (max-width: 767.98px){
  .page-product .product__title,
  #product .product-information h1.h1,
  #product h1.product__name {
    font-size: 1.75rem !important;
  }
}
#header .ets_mm_megamenu .mm_menu_content_title{
  min-height: 0 !important;   /* o 'auto' si prefieres */
}
.account-menu .link-item {
  display: flex;
  align-items: center; /* centra icono + texto verticalmente */
  gap: 8px;
  padding: 6px 0;
}

/* Iconos del menú: mismo tamaño y alineación */
.account-menu .link-item i,
.account-menu .link-item svg,
.account-menu .link-item .material-icons {
  width: 22px;              /* ancho fijo para todos */
  height: 22px;             /* alto fijo */
  font-size: 20px;          /* tamaño real del icono */
  line-height: 22px;        /* centra el glifo dentro */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  color: #333;              /* color uniforme */
}

/* Hover opcional */
/* Subtexto pequeño y gris por defecto */
.link-item .link-subtext {
  display: block;
  font-size: 0.85rem;
  color: #888;              /* tono gris neutro */
  margin-top: 2px;
  line-height: 1.3;
  transition: color 0.3s ease; /* animación suave */
}

/* Cuando se pasa el ratón sobre el enlace principal */
a:hover .link-item .link-subtext {
  color: #fff;              /* blanco al hover */
}
 #modalLexenSwitchUser,
  #modalLexenSwitchUser.show,
  #modalLexenSwitchUser.fade,
  .modal-backdrop,
  .modal-backdrop.show {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Asegura que el body no se quede bloqueado por Bootstrap */
  body.modal-open {
    overflow: auto !important;
    padding-right: 0 !important;
  }
  /* ===== Bloque de precios + botón ===== */
.product-miniature__prices {
  display: flex;
  flex-direction: column; /* en móvil: vertical */
  align-items: flex-start;
  row-gap: 0.5rem;
  column-gap: 0.75rem;
}

/* En pantallas grandes: horizontal y centrado verticalmente */
@media (min-width: 768px) {
  .product-miniature__prices {
    flex-direction: row;
    align-items: baseline; /* centrado visual con el texto */
    flex-wrap: nowrap;
  }
}

/* ===== Precio ===== */
.product-miniature__price {
  display: inline-flex;
  align-items: baseline;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
}

.from-label {
  font-size: 0.9em;
  font-weight: 600;
  margin-right: 0.25rem;
  color: #000;
}

/* ===== Botón ===== */
.mini-see-details,
.mini-add-to-cart {
  white-space: nowrap;
  padding: 0.35rem 0.75rem;
  font-size: 0.9rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  border-radius: 6px;
}

/* Sin margen extra en formularios inline */
.mini-action-form {
  margin: 0;
}