/* TIC2026 footer — RUTA 2.0 v2.2 — 2026-07-13  (bloque b / OP-B)
   Skin OSCURO del footer REAL (hooks displayFooterBefore = ps_emailsubscription;
   displayFooter = ps_linklist x2 + ps_customeraccountlinks + ps_contactinfo; + copyright).
   El contenido lo dan los hooks: aqui SOLO se re-tema. La wordmark la anade footer.tpl
   (clase .tic26-foot-brand). NO redefine tokens. Solo tic2026 (Trekktic) -> sin riesgo cross-shop. */

/* ---------- Bloque global oscuro (mockup L1003-1004) ---------- */
body .footer.footer__before,
body .footer.footer__main{
  background:var(--header);
  color:#B9C3D8;
}
body .footer.footer__main{margin-top:0;padding:clamp(34px,5vw,58px) 0 26px}

/* ---------- Newsletter (ps_emailsubscription, displayFooterBefore) ---------- */
body .footer__before .ps-emailsubscription{
  background:transparent!important;
  padding-block:clamp(22px,4vw,34px)!important;
}
body .footer__before .ps-emailsubscription .h3,
body .footer__before .ps-emailsubscription p{color:#fff}
body .footer__before .ps-emailsubscription .text-body-secondary{color:#8B97AE!important}
body .footer__before .ps-emailsubscription .form-control{
  background:#fff;
  border:1.5px solid transparent;
  color:var(--ink);
  border-radius:12px;
}
body .footer__before .ps-emailsubscription .form-control:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent);
}
body .footer__before .ps-emailsubscription .btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important;
  border-color:transparent!important;
  color:var(--on-accent)!important;
  border-radius:12px;
}

/* ---------- Columnas (4): titulos + enlaces (mockup L1005-1008) ---------- */
body .footer__main .footer-block__title,
body .footer__main .footer-block__title--toggle{
  color:#fff;
  font-size:13px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body .footer__main .footer-block__list a,
body .footer__main .footer-block a{color:#B9C3D8;transition:color var(--d-fast) ease}
@media (hover:hover){
  body .footer__main .footer-block__list a:hover,
  body .footer__main .footer-block a:hover{color:#fff}
}
/* acordeon movil: el chevron/toggle en claro */
body .footer__main .footer-block__title--toggle::after,
body .footer__main .footer-block__title--toggle .material-icons{color:#8B97AE}

/* ---------- Contactinfo (ps_contactinfo): iconos acento, texto claro (mockup L1013-1015) ---------- */
body .footer__main .ps-contactinfo__infos{color:#B9C3D8;font-style:normal;line-height:1.7}
body .footer__main .ps-contactinfo__phone a,
body .footer__main .ps-contactinfo__fax a,
body .footer__main .ps-contactinfo__email a{color:#B9C3D8}
body .footer__main .ps-contactinfo .material-icons{color:var(--accent)}
@media (hover:hover){
  body .footer__main .ps-contactinfo__phone a:hover,
  body .footer__main .ps-contactinfo__email a:hover{color:#fff}
}

/* ---------- Copyright (mockup L1016-1019) ---------- */
body .footer__main .copyright{
  border-top:1px solid rgba(255,255,255,.09);
  margin-top:30px;
  padding-top:19px;
  font-size:12px;
  color:#8B97AE;
}
body .footer__main .copyright a{color:#8B97AE}
@media (hover:hover){body .footer__main .copyright a:hover{color:#B9C3D8}}

/* ---------- Wordmark strip (la anade footer.tpl) — logo integrado en oscuro, SIN caja blanca (mockup L1010-1012) ----------
   El logo real es un JPG con FONDO BLANCO (naranja+negro sobre blanco). Para integrarlo en oscuro sin
   caja: invert(1) hue-rotate(180deg) invierte la LUMINOSIDAD conservando el tono (negro->blanco, naranja
   sigue naranja, blanco->negro) y mix-blend-mode:screen funde ese negro (el fondo) con el footer oscuro. */
.tic26-foot-brand{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  width:100%;
  padding-bottom:22px;
  margin-bottom:26px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.tic26-foot-brand__logo{display:inline-flex;align-items:center;line-height:0}
.tic26-foot-brand__logo img,
.tic26-foot-brand__logo .logo{
  max-height:32px;
  width:auto;
  background:transparent!important;
  padding:0!important;
  filter:invert(1) hue-rotate(180deg);
  mix-blend-mode:screen;
}
.tic26-foot-brand__tag{
  color:#8B97AE;
  font-size:13.5px;
  line-height:1.55;
  max-width:46ch;
}