/* ==========================================================
   Book-a-Flat – habillage du bandeau CookieConsent v3
   À charger APRÈS cookieconsent.css
   Couleurs relevées sur www.book-a-flat.com :
     or      #BCAB7F (boutons « Mise en location »)
     gris    #565656 (bouton « Envoyer »)
     texte   #4D4D4D
   Polices : brandon-grotesque (titres, boutons)
             freight-text-pro (texte courant)
   ========================================================== */

#cc-main {
  /* Polices et formes */
  --cc-font-family: brandon-grotesque, Helvetica, Arial, sans-serif;
  --cc-modal-border-radius: 2px;
  --cc-btn-border-radius: 2px;

  /* Fond et textes */
  --cc-bg: #ffffff;
  --cc-primary-color: #000000;
  --cc-secondary-color: #4d4d4d;
  --cc-link-color: #bcab7f;
  --cc-separator-border-color: #ececec;
  --cc-overlay-bg: rgba(0, 0, 0, .45);

  /* « Tout accepter » et « Tout refuser » : même style (exigence CNIL) */
  --cc-btn-primary-bg: #bcab7f;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #bcab7f;
  --cc-btn-primary-hover-bg: #565656;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #565656;

  /* « Personnaliser » */
  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #565656;
  --cc-btn-secondary-border-color: #565656;
  --cc-btn-secondary-hover-bg: #565656;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #565656;

  /* Panneau de préférences */
  --cc-toggle-on-bg: #bcab7f;
  --cc-toggle-off-bg: #c9c9c9;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-bg: #e3dccb;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-cookie-category-block-bg: #f8f6f1;
  --cc-cookie-category-block-border: #ece6d8;
  --cc-cookie-category-block-hover-bg: #f2eee4;
  --cc-cookie-category-block-hover-border: #e3dccb;
  --cc-footer-bg: #f8f6f1;
  --cc-footer-color: #4d4d4d;
  --cc-footer-border-color: #ece6d8;
}

/* Texte courant dans la police éditoriale du site */
#cc-main .cm__desc,
#cc-main .pm__section-desc,
#cc-main .pm__section-desc p {
  font-family: freight-text-pro, Georgia, serif;
  font-size: 15px !important;
  line-height: 1.5;
  color: #4d4d4d;
}

/* Titres en capitales espacées, comme sur le site */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: brandon-grotesque, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 500;
}

/* Boutons en capitales, comme « MISE EN LOCATION » / « ENVOYER » */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: brandon-grotesque, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 500;
  font-size: 13px;
}

/* ----------------------------------------------------------
   Dimensions en px : le site fixe html { font-size: 5px },
   ce qui réduit toutes les tailles en rem de la bibliothèque.
   ---------------------------------------------------------- */

/* Encart d'accueil : 420 px de large, en bas à gauche */
#cc-main .cm.cm--box {
  max-width: 420px;
  width: calc(100vw - 32px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
  border: 1px solid #ece6d8;
}
#cc-main .cm.cm--box.cm--bottom { bottom: 16px; }
#cc-main .cm.cm--box.cm--left   { left: 16px; }

#cc-main .cm.cm--box .cm__body  { padding: 0; }
#cc-main .cm.cm--box .cm__texts { padding: 20px 22px 6px; }
#cc-main .cm.cm--box .cm__title {
  padding: 0 0 8px;
  margin: 0;
  font-size: 17px;
}
#cc-main .cm.cm--box .cm__desc {
  padding: 0;
  margin: 0;
  max-height: none;
}

/* Boutons : « Tout accepter » et « Tout refuser » côte à côte,
   « Personnaliser » en dessous */
#cc-main .cm.cm--box .cm__btns {
  padding: 14px 22px 20px;
  gap: 8px;
  border-top: 0;
}
#cc-main .cm.cm--box .cm__btn-group {
  gap: 8px;
  grid-template-columns: 1fr 1fr;
}
#cc-main .cm.cm--box .cm__btn-group + .cm__btn-group {
  grid-template-columns: 1fr;
}
#cc-main .cm.cm--box .cm__btn {
  min-height: 42px;
  padding: 10px 14px;
  margin: 0;
}

/* Panneau « Personnaliser » : espace entre les boutons */
#cc-main .pm__footer .pm__btn-group { gap: 8px; }
#cc-main .pm__btn { padding: 10px 18px; min-height: 42px; }

/* Liens soulignés discrètement */
#cc-main a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
#cc-main a:hover {
  color: #565656;
}

/* Mobile : pleine largeur en bas d'écran, boutons empilés */
@media (max-width: 640px) {
  #cc-main .cm.cm--box {
    max-width: none;
    width: calc(100vw - 16px);
  }
  #cc-main .cm.cm--box.cm--bottom { bottom: 8px; }
  #cc-main .cm.cm--box.cm--left   { left: 8px; }
  #cc-main .cm.cm--box .cm__btn-group { grid-template-columns: 1fr; }
}