/* Identitat de Diba Social (Serveis Socials, Diputació de Barcelona).
 *
 * Paleta que ens va passar la Secció (2026-11):
 *   principal #9D2235 (granat corporatiu; contrast amb blanc ~8:1, AAA)
 *   secundaris #12314A (blau fosc, text de títols), #B6B8AC (gris, vores),
 *   #FCF0D6 (crema, fons de pàgina).
 * Logotip: el de la Diputació (JPEG CMYK 537x173) passat a PNG sRGB.
 */
:root {
  --header-height: 60px;
  --footer-height: 110px;
  --primary-color: #9D2235;
  /* Hover: el mateix granat, més clar. El player v2.10.0 el té fix en blau
   * AOC (#2976D8); a partir de la versió següent ja el deriva sol. */
  --primary-color-hover: #B84A5B;
  --primary-color-subtle: #F5E4E7;
  --font-base: "Lato", sans-serif;
  --main-padding: 50px;
  --mobile-padding: 12px;
  /* Logotip apaïsat (relació ~3,1): 48px d'alt fan ~149px d'ample. */
  --logo-height: 48px;
  --logo-width: 149px;
  --z-logo: 3;
  --z-popup: 1000;
}

/* ── Formulari (mode form) ─────────────────────────────────────────────
 * Fons crema en lloc del verd clar que el tema pinta al ::before de
 * .sd-root-modern; títols en blau fosc i accents (progrés, línia del títol,
 * botons) en el granat.
 */
.sd-root-modern::before { background-color: #FCF0D6 !important; }
.sd-title, .sd-container-modern__title h3 { color: #12314A !important; }
.sd-container-modern__title { box-shadow: 0 2px 0 0 var(--primary-color) !important; }
.sd-progress-buttons__list-element--passed::after,
.sd-progress-buttons__list-element--passed .sd-progress-buttons__button,
.sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__button { background-color: #fff !important; }

/* Capçalera fixa: franja blanca darrere del logotip (fixed, z-index 3)
 * perquè el formulari hi passi per sota en fer scroll, i prou marge perquè
 * el títol no comenci sota el logotip. */
main.form-page-container { padding-top: 96px; }
main.form-page-container::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 76px;
  background: #fff;
  box-shadow: 0 1px 0 #B6B8AC;
  z-index: 2;
}

.sd-root-modern {
  --sjs-primary-backcolor: var(--primary-color) !important;
  --sjs-primary-backcolor-dark: #7D1B2A !important;
  --sjs-border-default: #B6B8AC !important;
}

/* Hover dels botons del formulari, també fixos en blau al player. */
.sd-btn:hover, .form-page-button-enabled:hover, .survey-nav-button-enabled:hover {
  background-color: #B84A5B !important;
}