/**
 * Bandeau cookies (plugin LWS Cookie) aux couleurs BEMAT : copie de
 * plugins/lws-cookie/assets/css/theme.css, chargée à sa place par le plugin.
 * Changements : police du site (Roboto), bleu BEMAT (#004a95) au lieu de l'orange, angles droits,
 * voile bleu nuit.
 */
:root {
  --cc-bg: #fff; /* Bg Modales */
  --cc-primary-color: #004a95; /* Titres */
  --cc-secondary-color: #1a1b1d; /* Textes */

  /* Boutons accepter / refuser */
  --cc-btn-primary-bg: #004a95;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #003a75;
  --cc-btn-primary-hover-color: #fff;

  /* Boutons Prefs / Save / Close */
  --cc-btn-secondary-bg: #fff;
  --cc-btn-secondary-color: #004a95;
  --cc-btn-secondary-border-color: #004a95;
  --cc-btn-secondary-hover-bg: #f4f5f7;
  --cc-btn-secondary-hover-color: #004a95;
  --cc-btn-secondary-hover-border-color: #004a95;

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

  /* Couleurs boutons actif/inactif */
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
  --cc-toggle-off-bg: #667481;
  --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, 29, 59, 0.6);

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

#cc-main {
  --cc-font-family: Roboto, ui-sans-serif, system-ui, Helvetica, Arial, sans-serif; /* police du site */
  font-family: var(--cc-font-family);
  /* #cc-main .pm && #cc-main .cm */
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-modal-transition-duration: 0.25s;
  --cc-modal-margin: 1rem;
}

.cookie-button {
  position: fixed;
  z-index: 999;
  bottom: 50px;
  left: 50px;
  background-color: #fff;
  padding: 8px;
  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;
}

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

.cookie-button svg {
  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;
}
