/* ============================================================
   TIREA — Habillage du bandeau cookies WPConsent
   Le bandeau est rendu en Shadow DOM : on ne peut le styliser
   que via #wpconsent-container::part(...).
   Les couleurs viennent de tirea-tokens.css (fallback en dur).
   ============================================================ */

/* Conteneur : compact, sobre, premium */
#wpconsent-container::part(wpconsent-banner) {
  font-family: var(--tirea-font, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  padding: 14px 22px;
  border-top: 1px solid #ececec;
  box-shadow: var(--tirea-shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
}

/* Message : court et lisible */
#wpconsent-container::part(wpconsent-banner-body) {
  font-family: var(--tirea-font, 'Inter', sans-serif);
  font-size: 13.5px;
  line-height: 1.5;
  color: #555;
  margin: 1;
  padding: 0;
}

/* Rangée de boutons resserrée */
#wpconsent-container::part(wpconsent-banner-footer) {
  gap: 10px;
}

/* ACCEPTER et REFUSER : strictement identiques (exigence CNIL) */
#wpconsent-container::part(wpconsent-button-accept),
#wpconsent-container::part(wpconsent-button-cancel) {
  font-family: var(--tirea-font, 'Inter', sans-serif);
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #fff;
  background: var(--tirea-color-primary, #1e6fc4);
  border: 1px solid var(--tirea-color-primary, #1e6fc4);
  border-radius: 8px;
  padding: 2px 18px;
  min-width: 130px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

#wpconsent-container::part(wpconsent-button-accept):hover,
#wpconsent-container::part(wpconsent-button-cancel):hover {
  background: #195a9f;
  border-color: #195a9f;
}

#wpconsent-container::part(wpconsent-button-accept):focus-visible,
#wpconsent-container::part(wpconsent-button-cancel):focus-visible {
  outline: 2px solid #195a9f;
  outline-offset: 2px;
}

/* "Personnaliser" : volontairement discret (lien, pas un bouton concurrent) */
#wpconsent-container::part(wpconsent-button-preferences) {
  font-family: var(--tirea-font, 'Inter', sans-serif);
  font-size: 13px;
  font-weight: 500;
  color: #6b6b6b;
  background: transparent;
  border: none;
  padding: 9px 8px;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

#wpconsent-container::part(wpconsent-button-preferences):hover {
  color: var(--tirea-color-primary, #1e6fc4);
}

/* --- Mobile : on récupère de la hauteur (paddings/marges resserrés) --- */
@media (max-width: 600px) {
  #wpconsent-container::part(wpconsent-banner) {
    padding: 10px 10px;
  }
  #wpconsent-container::part(wpconsent-banner-body) {
    font-size: 13px;
    line-height: 1.3;
  }
  #wpconsent-container::part(wpconsent-banner-footer) {
    gap: 6px;
  }
  #wpconsent-container::part(wpconsent-button-accept),
  #wpconsent-container::part(wpconsent-button-cancel) {
    padding: 5px 14px;
    font-size: 13px;
  }
  #wpconsent-container::part(wpconsent-button-preferences) {
    padding: 4px 8px;
    font-size: 12.5px;
  }
}