/* Complianz consent banner and blocked-content placeholders in the site's look: white card like the
   site's cards, Montserrat title, Inter text, the header's button shape (44px, 8px corners, 14px
   bold), red Accept like "Faire un don", outline Deny / Preferences like "Devenir bénévole".
   Loaded only when Complianz is active. Selectors start at the banner's container id so they win
   over the CSS file Complianz generates in uploads/. */

#cmplz-cookiebanner-container .cmplz-cookiebanner {
  --cmplz_banner_background_color: #fff;
  --cmplz_banner_border_color: #E6E9EE;
  --cmplz_banner_border_width: 1px;
  --cmplz_banner_border_radius: 12px;
  --cmplz_text_color: #1D2430;
  --cmplz_hyperlink_color: #1F538A;
  --cmplz_text_font_size: 14px;
  --cmplz_text_line_height: 1.55;
  --cmplz_title_font_size: 17px;
  --cmplz_link_font_size: 13px;
  --cmplz_button_font_size: 14px;
  --cmplz_button_border_radius: 8px;
  --cmplz_button_accept_background_color: #D9230F;
  --cmplz_button_accept_border_color: #D9230F;
  --cmplz_button_accept_text_color: #fff;
  --cmplz_button_deny_background_color: transparent;
  --cmplz_button_deny_border_color: #C9D3DF;
  --cmplz_button_deny_text_color: #183B56;
  --cmplz_button_settings_background_color: transparent;
  --cmplz_button_settings_border_color: #C9D3DF;
  --cmplz_button_settings_text_color: #183B56;
  --cmplz_slider_active_color: #1F538A;
  --cmplz_slider_inactive_color: #C9D3DF;
  --cmplz_category_header_always_active_color: #1F538A;
  font-family: var(--tth-font-body);
  box-shadow: 0 18px 48px rgba(24, 59, 86, .18);
  padding: 22px 24px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title {
  font-family: var(--tth-font-head);
  font-weight: 700;
  color: #183B56;
}
/* Title with the logo's hands + red dot, like the site's other stamps */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-self: start;
  text-align: left;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title::before {
  content: "";
  flex: none;
  width: 26px;
  height: 28px;
  background: url("../img/hands-navy.png") center / contain no-repeat;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close { color: #183B56; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { color: #1D2430; }

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  min-height: 44px;
  height: auto;
  padding: 0 18px;
  border: 1.5px solid var(--cmplz_button_deny_border_color);
  border-radius: 8px;
  font-family: var(--tth-font-head);
  font-size: var(--tth-fs-ui);
  font-weight: 700;
  line-height: 1.2;
  box-shadow: none;
  transition: background-color .2s, border-color .2s, color .2s;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
  border-color: #D9230F;
  box-shadow: 0 6px 16px rgba(217, 35, 15, .22);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:is(:hover, :focus-visible) {
  background: #B81C0B;
  border-color: #B81C0B;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:not(.cmplz-accept):is(:hover, :focus-visible) {
  background: #F3F6FA;
  border-color: #1F538A;
  color: #1F538A;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:focus-visible {
  outline: 2px solid #1F538A;
  outline-offset: 2px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link { color: #1F538A; }

/* "Gérer le consentement" tab shown after a choice */
#cmplz-manage-consent .cmplz-manage-consent {
  font-family: var(--tth-font-head);
  font-weight: 700;
  font-size: 13px;
  color: #183B56;
  background: #fff;
  border: 1px solid #E6E9EE;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -4px 16px rgba(24, 59, 86, .10);
}

/* Blocked YouTube / embeds until consent */
.cmplz-blocked-content-notice {
  font-family: var(--tth-font-body);
  font-size: 14px;
  line-height: 1.5;
  background: rgba(24, 59, 86, .88) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
}
.cmplz-blocked-content-notice a,
.cmplz-blocked-content-notice button { color: #fff !important; text-decoration: underline; }
button.cmplz-accept-category,
.cmplz-blocked-content-notice .cmplz-accept-category {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  background: #D9230F !important;
  color: #fff !important;
  font-family: var(--tth-font-head);
  font-size: var(--tth-fs-ui);
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
}

/* A document link with no page behind it yet (e.g. before the cookie policy exists) has no text:
   hide it rather than show an empty link */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link:empty { display: none; }
