/* Habillage Aylina du bandeau de cookies (CookieConsent v3) */
#cc-main {
  --cc-font-family: 'Inter', sans-serif;
  --cc-bg: #ffffff;
  --cc-primary-color: #0A0B1E;
  --cc-secondary-color: #4A4D6A;
  --cc-modal-border-radius: 18px;
  --cc-btn-border-radius: 0;
  /* Les 3 boutons ont exactement le même style (exigence CNIL) */
  --cc-btn-primary-bg: #ffffff;
  --cc-btn-primary-color: #0A0B1E;
  --cc-btn-primary-border-color: #ffffff;
  --cc-btn-primary-hover-bg: #1226C8;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #1226C8;
  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #0A0B1E;
  --cc-btn-secondary-border-color: #ffffff;
  --cc-btn-secondary-hover-bg: #1226C8;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #1226C8;
  --cc-separator-border-color: #E6E8F2;
  --cc-toggle-on-bg: #1226C8;
  --cc-toggle-off-bg: #9A9DB5;
  --cc-toggle-readonly-bg: #C9CCDC;
  --cc-cookie-category-block-bg: #F5F6FB;
  --cc-cookie-category-block-border: #E6E8F2;
  --cc-cookie-category-block-hover-bg: #EEF0F8;
  --cc-cookie-category-block-hover-border: #E6E8F2;
  --cc-link-color: #1226C8;
  --cc-footer-bg: #ffffff;
  --cc-footer-color: #4A4D6A;
  --cc-footer-border-color: #E6E8F2;
  font-family: 'Inter', sans-serif;
}

/* ---------- Écran 1 : bandeau ---------- */
#cc-main .cm { max-width: 25rem; box-shadow: 0 12px 40px rgba(10,11,30,.18); overflow: hidden; }
#cc-main .cm__body { position: relative; }
/* Forme verte + symbole Aylina en haut à droite */
#cc-main .cm__texts::before {
  content: ''; position: absolute; top: -34px; right: -34px; width: 150px; height: 118px;
  background: #C1FF72; border-radius: 0 0 0 55% / 0 0 0 70%; transform: rotate(-6deg);
}
#cc-main .cm__texts::after {
  content: ''; position: absolute; top: 14px; right: 18px; width: 64px; height: 64px;
  background: url('/Images/Logos AYLINA/Symbole_Aylina_Cercle.png') center / contain no-repeat;
}
#cc-main .cm__title { position: relative; z-index: 1; padding-right: 100px; font-size: 1.45rem; font-weight: 700; line-height: 1.15; margin-top: .4rem; }
#cc-main .ay-kicker { display: block; font-size: .95rem; font-weight: 500; color: #4A4D6A; margin-bottom: .2rem; }
#cc-main .cm__desc { position: relative; z-index: 1; font-size: .86rem; line-height: 1.5; color: #4A4D6A; }
#cc-main .ay-purposes {
  display: block; margin-top: .9rem; padding: .75rem .9rem; border: 1px solid #E6E8F2; border-radius: 12px; color: #4A4D6A; font-size: .8rem;
}
#cc-main .ay-purposes strong { display: block; color: #0A0B1E; font-size: .9rem; font-weight: 600; margin-bottom: .15rem; }

/* 3 boutons égaux, côte à côte, comme une barre (aussi sur mobile) */
#cc-main .cm.cm--box .cm__btns { display: flex !important; flex-direction: row !important; flex-wrap: nowrap; padding: 0; gap: 0; border-top: 1px solid #E6E8F2; }
#cc-main .cm.cm--box .cm__btn-group { display: contents !important; }
#cc-main .cm.cm--box .cm__btn {
  flex: 1 1 0 !important; width: auto !important; margin: 0 !important; padding: 1rem .4rem; min-height: 0; font-weight: 600; font-size: .9rem;
  border: 0 !important;
}
#cc-main .cm.cm--box .cm__btn[data-role="necessary"] { order: 1; }
#cc-main .cm.cm--box .cm__btn[data-role="show"]      { order: 2; border-left: 1px solid #E6E8F2 !important; border-right: 1px solid #E6E8F2 !important; }
#cc-main .cm.cm--box .cm__btn[data-role="all"]       { order: 3; }
#cc-main .cm__footer { padding: .55rem 1.2rem; font-size: .75rem; }

/* ---------- Écran 2 : préférences ---------- */
#cc-main .pm__title { font-weight: 700; }
#cc-main .pm__section-title { font-weight: 600; }
#cc-main .pm__btn { font-weight: 600; border: 1px solid #E6E8F2 !important; border-radius: 10px !important; }
#cc-main .pm__btn:hover { border-color: #1226C8 !important; }

/* Mobile */
@media (max-width: 640px) {
  #cc-main .cm { max-width: none; }
  #cc-main .cm__btn { font-size: .85rem; padding: .95rem .3rem; }
}

/* ---------- Liens légaux du pied de page : lisibles (CNIL : retrait du consentement facile) ---------- */
footer .footer-right { font-size: 12px !important; color: rgba(238,242,255,.7) !important; opacity: 1 !important; }
footer .footer-right a { color: inherit !important; text-decoration: underline !important; text-underline-offset: 2px; }
footer .footer-right a:hover { color: #C1FF72 !important; }