/**
 * Tema TopFoams (diseño topdormitorios) — estilos globales (dueño: orquestador).
 * Cada área tiene su fichero tf-*.css registrado en theme.yml; aquí solo lo
 * transversal. El core carga este fichero siempre y el último
 */

/* ==========================================================================
   0. Utilidades globales
   ========================================================================== */

/* Los bloques a sangre de footer.css y tpd-custom.css miden 100vw, que incluye
   la barra de scroll vertical: desbordan unos 15px y sale scroll horizontal.
   clip (no hidden) no crea contenedor de scroll y no rompe position: sticky */
html,
body {
  overflow-x: clip;
}
/* Su padding calc((100vw - 1440px) / 2) se queda en 0 a 1440px o menos y el
   texto toca el borde */
.tpd-custom-form,
.footer__main-bottom {
  padding-left: max(24px, calc((100vw - 1440px) / 2)) !important;
  padding-right: max(24px, calc((100vw - 1440px) / 2)) !important;
}

/* Los .container del tema van sin padding: por debajo de ~1500px las migas,
   el carrito y el checkout tocan el borde de la ventana (en topdormitorios
   también pasa; aquí no se copia) */
@media (min-width: 768px) and (max-width: 1500px) {
  .breadcrumb__wrapper > .container,
  body#cart #wrapper .columns-container,
  body#checkout #wrapper .columns-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* En topdormitorios solo estaba en home.css; se usa también en ficha y pie */
.text-capitalize-first {
  text-transform: lowercase;
  display: inline-block;
}
.text-capitalize-first::first-letter {
  text-transform: uppercase;
}

/* Financiación: icono neutro (en topdormitorios era el logo de SeQura) */
.tpd-icons-financing {
  -webkit-mask-image: url('../fonts/heroicons/credit-card.svg');
  mask-image: url('../fonts/heroicons/credit-card.svg');
}

/* El acordeón usa .collapse de Bootstrap: el truco de grid-template-rows de
   home.css solo tenía sentido con el JS de topdormitorios */
.tpd-collapse-group .tpd-reassurance-item-desc {
  grid-template-rows: 1fr;
}