/*
  Danzclub — Rediseño de header y footer, SITEWIDE (sección 12 del plan de
  mejoras). A diferencia de redesign-home.css (acotado a secciones del home),
  este archivo aplica a includes/header/style_5.blade.php e
  includes/footer/style_4.blade.php, que se cargan en TODAS las páginas del
  front -- a pedido explícito del usuario, confirmado antes de aplicar.

  Mismo criterio que el resto del rediseño: SOLO tipografía y color, nunca
  ancho/layout (lección de la regresión de hoy en .container-fluid, ya
  revertida -- ver sección 12 del plan).

  Se carga después de redesign-home.css.
*/

/* ------------------------------------------------------------------------
   Header (includes/header/style_5.blade.php)
   ------------------------------------------------------------------------
   La mayoría de los colores YA son lavanda por la misma coincidencia de
   siempre (var(--secondary-color) = #9594d2 = --dz-primary): hover de los
   links del menú, hover de los íconos de cuenta/carrito/deseos, y el fondo
   del badge numérico (.items__count). No se tocan, ya están bien.
------------------------------------------------------------------------ */
.header__menu--link,
.header__mega--subtitle,
.header__account--btn__text {
  font-family: var(--dz-font-heading);
}

/* En Suruchi original .header__menu--link no lleva font-weight (queda en
   400, normal) -- acá se había puesto en 700 (negrita) en algún momento.
   A pedido del usuario, se saca la negrita; el color se deja como está
   (negro, var(--primary-color)), no se toca. */
.header__menu--link {
  font-weight: 400;
}

.header__sub--menu__link,
.header__mega--sub__menu--title,
.predictive__search--input,
.account__text {
  font-family: var(--dz-font-body);
}

/* El link "SALE" del menú usa .color__red (#e10c0c, rojo puro, sin relación
   con la paleta nueva). Se lleva a --dz-urgency, el mismo rojo-rosado que ya
   se usa para ofertas/urgencia en el resto del sistema de diseño. */
.color__red {
  color: var(--dz-urgency) !important;
}

/* ------------------------------------------------------------------------
   Footer (includes/footer/style_4.blade.php)
------------------------------------------------------------------------ */

/* Fondo negro puro (--black-color, #000000) -> el tono casi-negro con tinte
   lavanda ya definido para el footer en el sistema de diseño. Acotado a
   `.footer__section.bg__black` para no afectar otros usos sueltos de
   `.bg__black` en el resto del sitio. */
.footer__section.bg__black {
  background: var(--dz-footer-bg);
}

.footer__widget--title,
.social__title {
  font-family: var(--dz-font-heading);
}

.footer__widget--menu__text,
.copyright__content,
.copyright__content--link {
  font-family: var(--dz-font-body);
}

/* Los íconos sociales no tenían ningún estado hover definido en esta
   variante del footer (`.footer__social--style3`, que sí lo trae, no es la
   que usa style_4.blade.php). Se agrega uno con el lavanda de hover, mismo
   patrón que el resto de los íconos del header. */
.social__shear--list__icon:hover {
  color: var(--dz-primary-hover);
}