:root {
  --cc-bg: #fff; /* Bg Modales */
  --cc-primary-color: #026A91; /* Titres */
  --cc-secondary-color: #555555; /* Textes */

  /* Boutons accepter / refuser */
  --cc-btn-primary-bg: #026A91;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #005270;
  --cc-btn-primary-hover-color: #fff;

  /* Boutons Prefs / Save / Close */
  --cc-btn-secondary-bg: #fff;
  --cc-btn-secondary-color: #026A91;
  --cc-btn-secondary-border-color: #026A91;
  --cc-btn-secondary-hover-bg: #f0f0f0;
  --cc-btn-secondary-hover-color: #026A91;
  --cc-btn-secondary-hover-border-color: #026A91;

  --cc-separator-border-color: #f2f2f2; /* Bordure "+ d'infos" / Séparateur */

  /* Couleurs boutons actif/inactif */
  --cc-toggle-on-bg: #026A91;
  --cc-toggle-off-bg: #E7362B;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);

  --cc-toggle-enabled-icon-color: var(--cc-bg);
  --cc-toggle-disabled-icon-color: var(--cc-bg);

  --cc-toggle-readonly-bg: #d5dee2;
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-icon-color: var(--cc-toggle-readonly-bg);

  --cc-cookie-category-block-bg: #fff;
  --cc-cookie-category-block-border: #efefef;
  --cc-cookie-category-block-hover-bg: #efefef;
  --cc-cookie-category-block-hover-border: #dedede;

  --cc-cookie-category-expanded-block-bg: #fafafa;
  --cc-cookie-category-expanded-block-hover-bg: #dedede;

  --cc-overlay-bg: rgba(0, 0, 0, 0.65);

  --cc-footer-bg: var(--cc-btn-secondary-bg);
  --cc-footer-color: var(--cc-secondary-color);
  --cc-footer-border-color: #e4eaed;
}

#cc-main {
  /* #cc-main .pm && #cc-main .cm */
  --cc-modal-border-radius: 0.5rem;
  --cc-btn-border-radius: 0.4rem;
  --cc-modal-transition-duration: 0.25s;
  --cc-modal-margin: 1rem;
}

/* Pastille cookie : 52 px au repos, ramenee a 44 px sous sm. Le lien
   occupe toute la pastille et ne descend jamais sous 44 px pour rester
   une cible tactile conforme. */
.cookie-button {
  --cookie-button-size: 52px;
  --cookie-icon-size: 36px;

  position: fixed;
  z-index: 999;
  bottom: 50px;
  left: 50px;
  width: var(--cookie-button-size);
  height: var(--cookie-button-size);
  background-color: #fff;
  padding: 0;
  border-radius: 50%;
  box-shadow: 5px 5px 20px -10px #606060;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookie-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
}

@media (max-width: 639px) {
  .cookie-button {
    --cookie-button-size: 44px;
    --cookie-icon-size: 26px;

    bottom: 16px;
    left: 16px;
  }
}

div[data-service] {
  /* all: inherit; */
  width: 100%;
}

.cookie-button svg {
  width: var(--cookie-icon-size);
  height: var(--cookie-icon-size);
  fill: var(--cc-btn-primary-bg);
  transition: all;
  transition-duration: 300ms;
}
.cookie-button:hover svg {
  fill: var(--cc-btn-primary-hover-bg);
}
#cc-main .pm__service-counter {
  display: none;
}

.pm__section-title {
  color: #1D1D1B !important;
}