/* Andrée · ajustes del tema (fase de estética) */

/* Menú principal en una sola línea en escritorio */
@media (min-width: 992px) {
  .ps-mainmenu__tree { flex-wrap: nowrap; }
  .ps-mainmenu__tree-link { white-space: nowrap; padding-left: 0.6rem; padding-right: 0.6rem; font-size: 0.9rem; }
}
@media (min-width: 992px) {
  .header-bottom__row > .ps-mainmenu--desktop { min-width: 0; }
  .header-bottom__row > .order-2 { flex: 0 1 15rem; min-width: 11rem; }
  .header-bottom__row > .order-2 .ps-searchbar { width: 100%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .ps-mainmenu__tree-link { padding-left: 0.4rem; padding-right: 0.4rem; font-size: 0.85rem; }
  .header-bottom__row > .order-2 { flex-basis: 12rem; }
}
@media (min-width: 992px) {
  .ps-mainmenu__tree { gap: 0.25rem; }
  .ps-mainmenu__tree-link { padding-left: 0.5rem; padding-right: 0.5rem; }
}

/* Pie: dirección del atelier en bloque */
.ps-contactinfo__infos { display: block; }
.ps-contactinfo__infos strong { display: block; }

/* Botón flotante de WhatsApp */
.andree-whatsapp {
  position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 1080;
  display: flex; align-items: center; justify-content: center;
  width: 3.5rem; height: 3.5rem; border-radius: 50%;
  background: #25d366; color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease;
}
.andree-whatsapp:hover, .andree-whatsapp:focus-visible { color: #fff; transform: scale(1.08); }
@media (max-width: 767.98px) { .andree-whatsapp { right: 1rem; bottom: 1rem; width: 3.25rem; height: 3.25rem; } }

/* Menú: desplegables como caja chica debajo de cada palabra (no el panel de ancho completo de Hummingbird) */
.ps-mainmenu--desktop .ps-mainmenu__tree > li { position: relative; }
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .submenu {
  left: 0; right: auto; width: max-content; min-width: 11rem;
  border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius);
}
.ps-mainmenu--desktop .submenu > .container { max-width: none; width: auto; padding: 0; }
.ps-mainmenu--desktop .submenu__row { display: block; margin: 0; }
.ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left {
  width: auto; max-width: none; flex: none; border-right: 0; padding: 0.4rem; gap: 0;
}
.ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item { padding: 0.45rem 0.85rem; white-space: nowrap; }
.ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active { background-color: transparent; color: var(--bs-body-color); }
.ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active:hover { background-color: var(--bs-tertiary-bg); }
.ps-mainmenu--desktop .submenu__right { display: none; }
/* La caja del desplegable arranca justo debajo de la palabra (el enlace tiene 20px de relleno abajo).
   !important porque el JS de Hummingbird le pone un "top" en línea pensado para el panel de ancho completo. */
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .submenu { top: calc(100% - 0.9rem) !important; }

/* Cabecera con el logo centrado y el menú centrado debajo (como en la tienda vieja) */
@media (min-width: 1200px) {
  .header-bottom__container { position: relative; }
  .header-bottom__row { flex-wrap: wrap; justify-content: center; }
  .header-bottom__row > .header-bottom__logo { flex: 0 0 100%; justify-content: center; margin: 0 !important; padding-top: 1rem; }
  .header-bottom__row > .ps-mainmenu--desktop { flex: 0 0 100%; }
  .ps-mainmenu__tree { justify-content: center; gap: 0.75rem; }
  .ps-mainmenu__tree-link { font-size: 0.95rem; }
  .header-bottom__row > .order-2 { position: absolute; right: 0.75rem; top: 1.4rem; width: 15rem; }
}
/* En celular y tablet: menú y buscador a la izquierda, logo al centro, cuenta y carrito a la derecha */
@media (max-width: 1199.98px) {
  .header-bottom__row > .ps-mainmenu--desktop { order: 1; }
  .header-bottom__row > .ps-searchbar--mobile { order: 2; }
  .header-bottom__row > .header-bottom__logo { order: 3; flex: 1 1 auto; justify-content: center; margin: 0 !important; }
  .header-bottom__row > .order-2 { order: 4; }
  .header-bottom__row > .d-md-none:not(.ps-searchbar--mobile) { order: 5; }
}

/* Carrusel: en celular y tablet se ve la imagen completa (Hummingbird la recorta a 240/320 px de alto) */
@media (max-width: 991.98px) {
  .ps-imageslider__figure { height: auto; }
  .ps-imageslider__figure img { height: auto; object-fit: initial; }
}
@media (min-width: 1200px) {
  .header-bottom__row > .ps-mainmenu--desktop, .ps-mainmenu__desktop, .ps-mainmenu__desktop > .ps-mainmenu__tree { width: 100%; max-width: 100%; }
  .header-bottom__row > .order-2 .ps-searchbar, .header-bottom__row > .order-2 form { width: 100% !important; min-width: 0 !important; }
}

/* Carrusel: video de Andrée Textil sobre el hueco beige de la imagen.
   Compu: columna de 460x800 en x=540 del lienzo de 1920x800. Celular: hueco de 540x790 abajo a la izquierda (desde y=560 de 1350).
   El video se agranda 30% para dejar fuera las esquinas (marca de agua de CapCut). */
.ps-imageslider__figure { position: relative; }
.andree-slide-video { position: absolute; left: 28.125%; top: 0; width: 23.9583%; height: 100%; overflow: hidden; background: #e9dfd3; pointer-events: none; }
.andree-slide-video video { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.3); }
@media (max-width: 767.98px) {
  .andree-slide-video { left: 0; top: 41.48%; width: 50%; height: 58.52%; }
}

/* ===================== Paleta Andrée (de la tienda vieja) =====================
   cuero #2c2319 · cuero claro #6b5a4e · gris cálido #8a7a6e · crema #f5efe6 / #e9dfd2 · tostado #a5763a · verde #4b8f5c
   Reemplaza el azul de Hummingbird (#0b69f6) en botones, enlaces, foco de formularios y detalles. */
:root, [data-bs-theme=light] {
  --bs-primary: #2c2319; --bs-primary-rgb: 44, 35, 25;
  --bs-primary-text-emphasis: #2c2319; --bs-primary-bg-subtle: #f5efe6; --bs-primary-border-subtle: #d4c9bb;
  --bs-link-color: #2c2319; --bs-link-color-rgb: 44, 35, 25;
  --bs-link-hover-color: #a5763a; --bs-link-hover-color-rgb: 165, 118, 58;
  --bs-success: #4b8f5c; --bs-success-rgb: 75, 143, 92; --bs-success-text-emphasis: #2f6b3c;
  --bs-success-bg-subtle: #e6f0e8; --bs-success-border-subtle: #a5c28e;
  --bs-focus-ring-color: rgba(165, 118, 58, 0.3);
  --bs-tertiary-bg: #f5efe6;
}
.btn-primary {
  --bs-btn-bg: #2c2319; --bs-btn-border-color: #2c2319;
  --bs-btn-hover-bg: #4a3b2c; --bs-btn-hover-border-color: #4a3b2c;
  --bs-btn-active-bg: #1a140e; --bs-btn-active-border-color: #1a140e;
  --bs-btn-disabled-bg: #8a7a6e; --bs-btn-disabled-border-color: #8a7a6e;
  --bs-btn-focus-shadow-rgb: 165, 118, 58;
}
.btn-outline-primary {
  --bs-btn-color: #2c2319; --bs-btn-border-color: #2c2319;
  --bs-btn-hover-bg: #2c2319; --bs-btn-hover-border-color: #2c2319; --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #1a140e; --bs-btn-active-border-color: #1a140e; --bs-btn-active-color: #fff;
  --bs-btn-focus-shadow-rgb: 165, 118, 58;
}
.form-control:focus, .form-select:focus { border-color: #a5763a; box-shadow: 0 0 0 0.25rem rgba(165, 118, 58, 0.2); }
.form-check-input:checked { background-color: #2c2319; border-color: #2c2319; }
.form-check-input:focus { border-color: #a5763a; box-shadow: 0 0 0 0.25rem rgba(165, 118, 58, 0.2); }
.pagination { --bs-pagination-color: #2c2319; --bs-pagination-hover-color: #a5763a; --bs-pagination-active-bg: #2c2319; --bs-pagination-active-border-color: #2c2319; --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(165, 118, 58, 0.2); }
.progress, .progress-stacked { --bs-progress-bar-bg: #4b8f5c; --bs-progress-bg: #ede3d8; }
.dropdown-menu { --bs-dropdown-link-active-bg: #2c2319; }
.nav-pills { --bs-nav-pills-link-active-bg: #2c2319; }
.carousel-indicators [data-bs-target] { background-color: #fff; }
.carousel-indicators .active { background-color: #2c2319; }
/* Número del carrito: con productos, en blanco sobre tostado; vacío, discreto sobre crema */
.header-block__badge { background: #a5763a !important; color: #fff !important; }
.blockcart.inactive .header-block__badge { background: #f5efe6 !important; color: #8a7a6e !important; }
.product-flags .badge.new { background: #2c2319; color: #fff; }
.product-miniature__title { color: #2c2319; }
.product-miniature__title:hover { color: #a5763a; }

/* ===================== Bloques propios ===================== */
/* 15% por transferencia en la ficha y en el pago */
.andree-transf, .alert.andree-transf { background: #f5efe6; border: 1px solid #e9dfd2; border-left: 4px solid #a5763a; color: #2c2319; border-radius: 0.375rem; }
.andree-transf strong { color: #2c2319; }
/* 3 cuotas sin interés */
.andree-cuotas strong { color: #4b8f5c; }
/* barra de envío gratis y notas del carrito */
.cart-summary .progress, .cart-detailed-totals .progress { height: 0.5rem; border-radius: 1rem; }
/* plazo de entrega en la ficha */
.andree-plazo.text-success, .andree-plazo.text-success .material-icons { color: #2f6b3c !important; }
/* selector de sucursal del Correo */
.andree-sucursal, .andreesuc { background: #f5efe6; border: 1px solid #e9dfd2; border-radius: 0.375rem; padding: 0.75rem 1rem; }

/* Instagram del pie más visible */
.ps-socialfollow a { color: #2c2319; border: 1px solid #2c2319; border-radius: 50%; width: 2.5rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; }
.ps-socialfollow a:hover { background: #2c2319; color: #fff; }
.andree-transf-ficha { font-size: 0.9rem; color: #6b5a4e; }
.andree-transf-ficha strong { color: #2c2319; }
.andreesuc.bg-light, .andreesuc-box { background: #f5efe6 !important; border: 1px solid #e9dfd2 !important; }
.andree-complementos__titulo { color: #2c2319; font-weight: 600; }
.andree-complementos__precio { color: #2c2319; }

/* Etiquetas de las tarjetas (Por encargo, Entrega inmediata, Nuevo…): sin borde ni línea, solo el color de fondo */
.product-flags .badge { border: 0 !important; outline: 0 !important; box-shadow: none !important; }

/* ---- Botón de arrepentimiento ---- */
.andree-arrepentimiento-link {
  font-size: 0.8125rem;
  color: var(--bs-body-color);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.andree-arrepentimiento-link:hover { color: #a5763a; }
.andree-arrepentimiento { max-width: 46rem; }
.andree-arrepentimiento__trampa {
  position: absolute !important;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.andree-arrepentimiento__codigo { letter-spacing: 0.04em; }