/* Correcciones de contraste medidas. Minimo aplicado 4.5:1 (WCAG AA texto). */

/* La regla de marca pinta de blanco todo lo que cuelga de .login-google,
   incluida la G que vive dentro de una caja blanca: quedaba invisible. */
.login-google .login-google-g,
.login-google-icon .login-google-g {
  color: #1558d6 !important;
  font-weight: 800;
}

/* El rosa claro aprobado requiere texto malva: contraste 4.69:1. */
button.tt-inline-theme-cleaned,
[style*="background"].tt-interactive-control,
#btn-send-otp,
#btn-verify-otp {
  color:#222222 !important;
}

.tt-interactive-control svg,
button.tt-inline-theme-cleaned svg {
  color: inherit;
  stroke: currentColor;
}

/* Los controles sin fondo de marca conservan el texto oscuro: la regla de
   arriba solo debe aplicar cuando el fondo es el rosa. */
.tt-interactive-control:not([style*="background"]):not(.tt-btn):not(.ck-btn):not(#btn-send-otp):not(#btn-verify-otp) {
  color: var(--color-text-primary, #222222);
}

/* El rosa de marca sobre fondos claros daba 3.30:1. Este tono da 8.56:1
   sobre blanco y mantiene la identidad. */
.perfil-btn-outline,
.perfil-wa-box,
a.perfil-btn.perfil-btn-outline,
a.perfil-wa-box {
  color:var(--color-text-primary,#222222);
}

/* Gris de apoyo: 3.51:1 sobre blanco. Este da 6.43:1. */
.login-hint,
.login-legal,
.login-box small,
.login-box .login-muted {
  color:#222222;
}

/* Pie público "© … TINTIN ACCESORIOS": #a56680 sobre #FFFFFF daba 4.12:1 con
   texto de ~10px. #222222 es el tono más cercano que llega a 4.65:1. Misma
   especificidad que la regla del tema; gana por cargarse después. */
body:not(:has(.adm-main)) .tt-footer[data-tt-footer="unified"] .tt-footer-bottom {
  color: #222222 !important;
}

/* El pie se integra con la sección anterior por un degradado suave. No se
   usa una línea horizontal: mantiene el contraste del contenido sin cortar
   visualmente la página. */
body:not(:has(.adm-main)) .tt-footer[data-tt-footer="unified"],
html[data-tt-footer-bg-custom] body:not(:has(.adm-main)) .tt-footer[data-tt-footer="unified"] {
  --tt-footer-surface: #fff;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 34%) !important;
  border-top: 0 !important;
}

/* El contenedor .tt-editorial queda transparente por sistema-superficies;
   el panel que se ve rosado es el de texto. */
body.tt-home-premium :is(.tt-editorial-content, .tt-watch-feature-content),
html body.tt-catalog-maintenance .cat-hero,
.tt-profile-hero,
.tt-about-date,
.tt-legal-note {
  background: #fff !important;
}

/* "obligatoria" en el formulario de reseñas: 4.43:1 con ~11px. Mismo gris
   de apoyo que login (6.43:1 sobre blanco). */
.tt-rating-label em {
  color:#222222;
}

/* Indicador "+" del acordeón del pie: solo donde el acordeón pliega
   (≤480px, mismo corte que acordeon-pie-pagina.js). Arriba de eso quedaba
   pegado al título ("Tienda+") sin hacer nada. Abierto, gira a "×". */
@media (min-width: 481px) {
  .tt-footer .tt-footer-accordion-icon { display: none; }
}
@media (max-width: 480px) {
  .tt-footer .tt-footer-accordion-icon { display: inline-block; transition: transform .2s ease; }
  .tt-footer .tt-footer-accordion-toggle[aria-expanded="true"] .tt-footer-accordion-icon { transform: rotate(45deg); }
}