/* FFSMC Productions — le bandeau de cookies.

   Discret mais lisible. Il n'occulte pas la page : un bandeau qui prend
   l'écran entier pousse à cliquer n'importe où pour s'en débarrasser, ce
   qui n'est pas un consentement libre. */

.ffsmc-cookies {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000;
  background: #fff; border-top: 3px solid #ff8209;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, .12);
  max-height: 85vh; overflow-y: auto;
}
.ffsmc-cookies[hidden] { display: none; }

.ffsmc-cookies__boite {
  max-width: 56rem; margin: 0 auto; padding: 1.2rem 1.4rem 1.4rem;
  font: 15px/1.55 system-ui, -apple-system, 'Segoe UI', sans-serif; color: #1c1c1e;
}

.ffsmc-cookies__titre {
  font-size: .78rem; text-transform: uppercase; letter-spacing: .18em;
  color: #8a9099; font-weight: 600; margin: 0 0 .5rem;
}

.ffsmc-cookies__texte { margin: 0 0 1rem; color: #3c4149; max-width: 46rem; }

/* Les deux boutons de décision : même taille, même poids, côte à côte.
   Rien ici ne doit pousser vers l'acceptation. */
.ffsmc-cookies__boutons {
  display: flex; flex-wrap: wrap; gap: .7rem; align-items: center;
}
.ffsmc-cookies__bouton {
  flex: 0 0 auto; min-width: 11rem; padding: .62rem 1.3rem;
  border: 1px solid #bb5c00; background: #fff; color: #bb5c00;
  font: 600 .95rem/1.2 inherit; cursor: pointer; border-radius: 2px;
}
.ffsmc-cookies__bouton:hover { background: #bb5c00; color: #fff; }
.ffsmc-cookies__bouton:focus-visible { outline: 2px solid #1c1c1e; outline-offset: 2px; }

.ffsmc-cookies__lien {
  background: none; border: 0; padding: .62rem .4rem; cursor: pointer;
  color: #3c4149; text-decoration: underline; font: inherit; font-size: .92rem;
}
.ffsmc-cookies__lien:hover { color: #bb5c00; }

.ffsmc-cookies__reglages {
  margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid #e5e5e5;
}
.ffsmc-cookies__reglages[hidden] { display: none; }

.ffsmc-cookies__cat { padding: .6rem 0; border-bottom: 1px solid #f2f2f2; }
.ffsmc-cookies__cat:last-of-type { border-bottom: 0; }
.ffsmc-cookies__cat-nom {
  display: flex; align-items: center; gap: .5rem; font-weight: 600; cursor: pointer;
}
.ffsmc-cookies__cat--fige .ffsmc-cookies__cat-nom { cursor: default; }
.ffsmc-cookies__cat p { margin: .2rem 0 0 1.6rem; color: #8a9099; font-size: .88rem; }
.ffsmc-cookies__cat--fige p { margin-left: 0; }

.ffsmc-cookies__toujours {
  font-weight: 400; font-size: .75rem; text-transform: uppercase;
  letter-spacing: .12em; color: #8a9099;
}

.ffsmc-cookies__reglages .ffsmc-cookies__bouton { margin-top: 1rem; }

.ffsmc-cookies__note { margin: .9rem 0 0; font-size: .85rem; }
.ffsmc-cookies__note a { color: #8a9099; }

.ffsmc-conf-pied { margin-top: .6rem; font-size: .85rem; }
.ffsmc-conf-pied a { color: inherit; opacity: .75; cursor: pointer; }
.ffsmc-conf-pied a:hover { opacity: 1; }
.ffsmc-conf-pied__sep { opacity: .4; }

/* Le contenu externe mis en attente : on explique, on ne laisse pas un trou. */
.ffsmc-attente {
  display: flex; align-items: center; justify-content: center; text-align: center;
  min-height: 12rem; padding: 1.4rem; background: #faf8f4;
  border: 1px dashed #ccc; color: #8a9099; font-size: .92rem;
}

@media (max-width: 480px) {
  .ffsmc-cookies__bouton { flex: 1 1 100%; min-width: 0; }
}