/* ============================================================================
   Cookie-Script - override de marque 1001 Salles (rose privé / bleu PRO /
   turquoise espace prestataire)
   ----------------------------------------------------------------------------
   UN SEUL fichier pour les trois contextes : toutes les couleurs de marque
   passent par les variables --brand* (canaux RGB), résolues par la charte que
   le layout charge - :root de tailwind.src.css (rose), pro.css (bleu),
   middle/provider/common.css (turquoise). Jamais de rose/bleu en dur ici
   (règle projet). Neutres = tokens du design system (ink #0A0A0A / #757575,
   surface #F2F3F5 / #D9D9D9), police Inter, radius 12px (boutons) / 20px
   (panneaux), ombres douces. Pas de mode sombre en v2026.

   Chargé par render_tracking_tags() (private/functions.php) juste avant le
   script CMP - présent partout où la bannière l'est, dev compris.

   Structure DOM (établie sur le DOM réel Cookie-Script, reprise du projet
   1001Form apps/<app>/public/assets/cookie-script.css) :

   1. BANNER COMPACT - popup en bas
        #cookiescript_injected
          ├ .cookiescript_pre_header → #cookiescript_close
          ├ #cookiescript_header (titre)
          ├ #cookiescript_description + #cookiescript_readmore
          ├ #cookiescript_checkboxs > .cookiescript_checkbox × N
          │    ├ .mdc-checkbox (case MDC)
          │    └ .cookiescript_checkbox_label > .cookiescript_checkbox_text
          ├ #cookiescript_buttons > #cookiescript_save / _accept / _reject
          └ #cookiescript_manage_wrap > #cookiescript_manage > svg

   2. FULLSCREEN DIALOG - overlay + panneau
        #cookiescript_injected_fsd            ← overlay plein écran
          └ #cookiescript_fsd_wrapper         ← panneau centré
              ├ .cookiescript_fsd_header → #cookiescript_close
              ├ .cookiescript_fsd_main > .cookiescript_fsd_main_info
              │    ├ .cookiescript_fsd_title + .cookiescript_fsd_description
              ├ .cookiescript_fsd_tabs (#cookiescript_declaration / _aboutcookies)
              ├ .cookiescript_fsd_tabs_content
              │    └ .cookiescript_fsd_category × N (.mdc-switch, table cookies)
              └ .cookiescript_fsd_footer > #cookiescript_buttons + _reportby
   ========================================================================== */


/* ============================================================================
   1. BANNER COMPACT (#cookiescript_injected)
   ============================================================================ */

#cookiescript_injected {
    background-color: #ffffff !important;
    color: #0a0a0a !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 14px !important;
    border: 1px solid #ececec !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
    width: 360px !important;
    max-width: calc(100vw - 32px) !important;
    padding: 14px 20px 18px !important;
}

/* Pre-header (croix) */
#cookiescript_injected .cookiescript_pre_header {
    top: 17px !important;
    right: 14px !important;
}
#cookiescript_injected #cookiescript_close {
    position: relative !important;
    top: 0 !important;
    right: auto !important;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border-radius: 999px !important;
    overflow: visible !important;
    cursor: pointer !important;
    opacity: 0.75 !important;
    transform-origin: 50% 50% !important;
    transition: background-color .2s ease, opacity .2s ease, transform .25s ease;
}
#cookiescript_injected #cookiescript_close::before,
#cookiescript_injected #cookiescript_close::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 11px !important;
    height: 1.5px !important;
    background-color: #757575 !important;
    border-radius: 1px !important;
    pointer-events: none !important;
    transition: background-color .2s ease !important;
}
#cookiescript_injected #cookiescript_close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}
#cookiescript_injected #cookiescript_close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}
#cookiescript_injected #cookiescript_close:hover {
    background: #f2f3f5 !important;
    opacity: 1 !important;
    transform: rotate(90deg);
}
#cookiescript_injected #cookiescript_close:hover::before,
#cookiescript_injected #cookiescript_close:hover::after {
    background-color: #0a0a0a !important;
}

/* Titre + description */
#cookiescript_injected #cookiescript_header {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    color: #0a0a0a !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    padding: 4px 22px 8px 0 !important;
    margin: 0 0 6px !important;
}

#cookiescript_injected #cookiescript_description {
    color: #757575 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin: 0 0 10px !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
}
#cookiescript_injected #cookiescript_description span {
    color: #757575 !important;
}

/* Liens */
#cookiescript_injected #cookiescript_readmore,
#cookiescript_injected #cookiescript_description a {
    color: rgb(var(--brand)) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: color .2s ease;
}
#cookiescript_injected #cookiescript_readmore:hover,
#cookiescript_injected #cookiescript_description a:hover {
    color: rgb(var(--brand-dark)) !important;
    text-decoration: underline !important;
}

/* Conteneur des cases à cocher */
#cookiescript_injected #cookiescript_checkboxs {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 8px 0 12px !important;
    padding: 6px 4px !important;
    background: #f8f9fb !important;
    border: 1px solid #ececec !important;
    border-radius: 12px !important;
}

/* Ligne catégorie */
#cookiescript_injected .cookiescript_checkbox {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 8px !important;
    transition: background-color .2s ease;
}
#cookiescript_injected .cookiescript_checkbox:hover {
    background: #ffffff !important;
}

/* Label : juste du texte, pas de fond */
#cookiescript_injected .cookiescript_checkbox_label {
    background: transparent !important;
    color: #0a0a0a !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
    cursor: pointer !important;
}
#cookiescript_injected .cookiescript_checkbox_text {
    background: transparent !important;
    color: #0a0a0a !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    display: inline-block !important;
}

/* Bouton "Afficher les détails" */
#cookiescript_injected #cookiescript_manage_wrap {
    margin: 14px 0 6px !important;
    text-align: center !important;
}
#cookiescript_injected #cookiescript_manage {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgb(var(--brand)) !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transition: background-color .2s ease, color .2s ease;
}
#cookiescript_injected #cookiescript_manage:hover {
    background: rgb(var(--brand-tint)) !important;
    color: rgb(var(--brand-dark)) !important;
    opacity: 1 !important;
}
#cookiescript_injected svg#cookiescript_manageicon {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    position: static !important;
    top: auto !important;
}
#cookiescript_injected #cookiescript_manage #cookiescript_manageicon .cookiescript_gear,
#cookiescript_injected #cookiescript_manage:hover #cookiescript_manageicon .cookiescript_gear {
    fill: currentColor !important;
}

/* Boutons banner (Save / Accept / Reject) - pattern boutons projet :
   primaire fond brand → hover brand-dark, secondaire #f2f3f5 → #e6e7ea */
#cookiescript_injected #cookiescript_buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cookiescript_injected #cookiescript_accept,
#cookiescript_injected #cookiescript_save {
    background: rgb(var(--brand)) !important;
    background-color: rgb(var(--brand)) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: none !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: 13px 16px !important;
    margin: 0 !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-shadow: 0 8px 22px -10px rgb(var(--brand) / 0.7) !important;
    transition: background-color .2s ease, box-shadow .2s ease !important;
}
#cookiescript_injected #cookiescript_accept:hover,
#cookiescript_injected #cookiescript_save:hover {
    background: rgb(var(--brand-dark)) !important;
    background-color: rgb(var(--brand-dark)) !important;
    box-shadow: 0 10px 26px -10px rgb(var(--brand) / 0.85) !important;
}

#cookiescript_injected #cookiescript_reject {
    background: #f2f3f5 !important;
    background-color: #f2f3f5 !important;
    color: #0a0a0a !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    text-transform: none !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: 13px 16px !important;
    margin: 0 !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: background-color .2s ease, color .2s ease !important;
}
#cookiescript_injected #cookiescript_reject:hover {
    background: #e6e7ea !important;
    background-color: #e6e7ea !important;
    color: #0a0a0a !important;
}


/* ============================================================================
   2. MDC CHECKBOXES (banner) - bordures + couleurs cochées
   ============================================================================ */

/* Bordure décochée (natif Cookie-Script : #FFFFFF → invisible sur fond clair) */
#cookiescript_injected .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: #d9d9d9 !important;
    background-color: transparent !important;
}

/* Cochée : brand plein */
#cookiescript_injected .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
#cookiescript_injected .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
    border-color: rgb(var(--brand)) !important;
    background-color: rgb(var(--brand)) !important;
}

/* Coche (V) */
#cookiescript_injected .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
    color: #ffffff !important;
}
#cookiescript_injected .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
    stroke: #ffffff !important;
}

/* Halo focus */
#cookiescript_injected .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before,
#cookiescript_injected .mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
    background-color: rgb(var(--brand-light)) !important;
}


/* ============================================================================
   3. FULLSCREEN DIALOG - panneau (#cookiescript_fsd_wrapper)
   ============================================================================ */

#cookiescript_fsd_wrapper {
    background-color: #ffffff !important;
    color: #0a0a0a !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    border-radius: 20px !important;
    border: 1px solid #ececec !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18) !important;
}

/* Header du panneau */
#cookiescript_fsd_wrapper .cookiescript_fsd_header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ececec !important;
    border-radius: 20px 20px 0 0 !important;
    min-height: 52px !important;
}

/* Croix de fermeture FSD */
#cookiescript_injected_fsd #cookiescript_close {
    position: absolute !important;
    top: 10px !important;
    right: 16px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border-radius: 999px !important;
    overflow: visible !important;
    cursor: pointer !important;
    opacity: 0.85 !important;
    transform-origin: 50% 50% !important;
    transition: background-color .2s ease, opacity .2s ease, transform .25s ease;
}
#cookiescript_injected_fsd #cookiescript_close::before,
#cookiescript_injected_fsd #cookiescript_close::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 14px !important;
    height: 1.5px !important;
    background-color: #757575 !important;
    border-radius: 1px !important;
    pointer-events: none !important;
    transition: background-color .2s ease !important;
}
#cookiescript_injected_fsd #cookiescript_close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}
#cookiescript_injected_fsd #cookiescript_close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}
#cookiescript_injected_fsd #cookiescript_close:hover {
    background: #f2f3f5 !important;
    opacity: 1 !important;
    transform: rotate(90deg);
}
#cookiescript_injected_fsd #cookiescript_close:hover::before,
#cookiescript_injected_fsd #cookiescript_close:hover::after {
    background-color: #0a0a0a !important;
}

/* Main : titre + description */
#cookiescript_fsd_wrapper .cookiescript_fsd_main {
    background-color: #ffffff !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_main_info {
    padding: 18px 40px 24px !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_title {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    color: #0a0a0a !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_description {
    color: #757575 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin-top: 8px !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_description > span {
    opacity: 1 !important;
    color: #757575 !important;
}
#cookiescript_fsd_wrapper #cookiescript_readmore {
    color: rgb(var(--brand)) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}
#cookiescript_fsd_wrapper #cookiescript_readmore:hover {
    color: rgb(var(--brand-dark)) !important;
    text-decoration: underline !important;
}

/* Onglets */
#cookiescript_fsd_wrapper .cookiescript_fsd_tabs > div {
    background-color: #ffffff !important;
    color: #757575 !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-top: 2px solid transparent !important;
    padding: 12px 16px !important;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_tabs > div:hover:not(.cookiescript_active) {
    color: #0a0a0a !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_tabs > .cookiescript_active {
    background-color: #f8f9fb !important;
    color: rgb(var(--brand)) !important;
    border-top-color: rgb(var(--brand)) !important;
}

/* Contenu des onglets */
#cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content {
    background-color: #f8f9fb !important;
    padding: 8px 40px 12px !important;
}
#cookiescript_fsd_wrapper #cookiescript_aboutwrap {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #0a0a0a !important;
    font-weight: 400 !important;
}
#cookiescript_fsd_wrapper #cookiescript_aboutwrap a,
#cookiescript_fsd_wrapper #cookiescript_aboutwrap a:hover {
    color: rgb(var(--brand)) !important;
    text-decoration: underline !important;
}

/* Catégorie (Performance / Ciblage / Fonctionnalité / …) */
#cookiescript_fsd_wrapper .cookiescript_fsd_category {
    border-bottom: 1px solid #ececec !important;
    padding-top: 18px !important;
    padding-bottom: 14px !important;
}

#cookiescript_fsd_wrapper .cookiescript_fsd__category_name {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    color: #0a0a0a !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 6px !important;
}
#cookiescript_fsd_wrapper .cookiescript_category_description {
    color: #757575 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Bouton "Afficher / Masquer les cookies" */
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 8px 0 0 !important;
    padding: 6px 12px !important;
    background: transparent !important;
    border-radius: 999px !important;
    color: rgb(var(--brand)) !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    transition: background-color .2s ease, color .2s ease;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control:hover {
    background: #ffffff !important;
    color: rgb(var(--brand-dark)) !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control svg {
    width: 9px !important;
    height: 9px !important;
}

/* Tableau des cookies */
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies {
    background-color: #ffffff !important;
    border: 1px solid #ececec !important;
    border-radius: 12px !important;
    margin-top: 12px !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table,
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table tbody,
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table thead,
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table tr,
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th,
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td {
    background-color: transparent !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th {
    color: #757575 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td {
    color: #0a0a0a !important;
    border-top: 1px solid #ececec !important;
    font-size: 12px !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:nth-child(2) {
    color: rgb(var(--brand)) !important;
}
#cookiescript_fsd_wrapper .cookiescript_vendor_name a {
    color: rgb(var(--brand)) !important;
    font-size: 12px !important;
}

/* Footer du panneau */
#cookiescript_fsd_wrapper .cookiescript_fsd_footer {
    background-color: #ffffff !important;
    border-top: 1px solid #ececec !important;
    border-radius: 0 0 20px 20px !important;
}

/* Boutons FSD (mêmes IDs que banner, hiérarchie du panneau : Enregistrer =
   primaire brand, Tout accepter / Tout refuser = secondaires - reprise
   1001Form) */
#cookiescript_injected_fsd #cookiescript_buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 12px 18px !important;
    margin: 0 !important;
    justify-content: flex-start !important;
}
#cookiescript_injected_fsd #cookiescript_buttons #cookiescript_reject {
    margin-right: auto !important;
}

#cookiescript_injected_fsd #cookiescript_accept,
#cookiescript_injected_fsd #cookiescript_save {
    background: rgb(var(--brand)) !important;
    background-color: rgb(var(--brand)) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: 13px 20px !important;
    margin: 6px 0 !important;
    flex-grow: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-shadow: 0 8px 22px -10px rgb(var(--brand) / 0.7) !important;
    transition: background-color .2s ease, box-shadow .2s ease !important;
}
#cookiescript_injected_fsd #cookiescript_accept:hover,
#cookiescript_injected_fsd #cookiescript_save:hover {
    background: rgb(var(--brand-dark)) !important;
    background-color: rgb(var(--brand-dark)) !important;
    box-shadow: 0 10px 26px -10px rgb(var(--brand) / 0.85) !important;
}
#cookiescript_injected_fsd #cookiescript_save {
    order: 3 !important;
}
#cookiescript_injected_fsd #cookiescript_accept {
    order: 1 !important;
    background: #f2f3f5 !important;
    background-color: #f2f3f5 !important;
    color: #0a0a0a !important;
    box-shadow: none !important;
}
#cookiescript_injected_fsd #cookiescript_accept:hover {
    background: #e6e7ea !important;
    background-color: #e6e7ea !important;
    color: #0a0a0a !important;
    box-shadow: none !important;
}

#cookiescript_injected_fsd #cookiescript_reject {
    order: 2 !important;
    background: #f2f3f5 !important;
    background-color: #f2f3f5 !important;
    color: #0a0a0a !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: 13px 20px !important;
    margin: 6px 0 !important;
    flex-grow: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: background-color .2s ease, color .2s ease !important;
}
#cookiescript_injected_fsd #cookiescript_reject:hover {
    background: #e6e7ea !important;
    background-color: #e6e7ea !important;
    color: #0a0a0a !important;
}

/* "Cookie report by CookieScript" */
#cookiescript_fsd_wrapper .cookiescript_fsd_reportby {
    color: #757575 !important;
    font-size: 11px !important;
    bottom: -20px !important;
    right: 24px !important;
    opacity: 0.85 !important;
}
#cookiescript_fsd_wrapper #cookiescript_fsd_reportlink,
#cookiescript_fsd_wrapper #cookiescript_fsd_cookiescriptlink {
    color: #757575 !important;
    font-size: 11px !important;
    text-decoration: underline !important;
}
#cookiescript_fsd_wrapper #cookiescript_fsd_reportlink:hover,
#cookiescript_fsd_wrapper #cookiescript_fsd_cookiescriptlink:hover {
    color: #0a0a0a !important;
}


/* ============================================================================
   4. MDC SWITCHES (FSD) - track + handle (pseudo-éléments)
   ============================================================================ */

/* Track désactivé (la barre derrière le thumb) */
#cookiescript_injected_fsd .mdc-switch:enabled .mdc-switch__track::before,
#cookiescript_injected_fsd .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before,
#cookiescript_injected_fsd .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before,
#cookiescript_injected_fsd .mdc-switch:enabled:active .mdc-switch__track::before {
    background: #d9d9d9 !important;
}

/* Track activé */
#cookiescript_injected_fsd .mdc-switch:enabled .mdc-switch__track::after,
#cookiescript_injected_fsd .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after,
#cookiescript_injected_fsd .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after,
#cookiescript_injected_fsd .mdc-switch:enabled:active .mdc-switch__track::after {
    background: rgb(var(--brand-light)) !important;
    opacity: 1 !important;
}

/* Handle (thumb) désactivé (natif #616161 → gris du DS) */
#cookiescript_injected_fsd .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after {
    background: #757575 !important;
}

/* Handle (thumb) activé (natif #61358c → brand) */
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after {
    background: rgb(var(--brand)) !important;
}

/* Ripple sélectionné */
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before,
#cookiescript_injected_fsd .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after {
    background: rgb(var(--brand)) !important;
}

/* Scrollbars FSD */
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies::-webkit-scrollbar-thumb,
#cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content::-webkit-scrollbar-thumb {
    background-color: rgb(var(--brand)) !important;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_cookies::-webkit-scrollbar-track,
#cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content::-webkit-scrollbar-track {
    background-color: #ececec !important;
}


/* ============================================================================
   5. BADGE (post-acceptation)
   ============================================================================ */

#cookiescript_badge {
    background: #ffffff !important;
    color: #0a0a0a !important;
    border: 1px solid #ececec !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.10) !important;
    border-radius: 999px !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 600 !important;
    transition: box-shadow .2s ease;
}
#cookiescript_badge:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.16) !important;
}


/* ============================================================================
   6. MOBILE
   ============================================================================ */

@media (max-width: 414px) {
    #cookiescript_injected {
        width: 100% !important;
        max-width: 100% !important;
        bottom: 0 !important;
        left: 0 !important;
        border-radius: 16px 16px 0 0 !important;
        padding: 14px !important;
    }
    #cookiescript_fsd_wrapper {
        border-radius: 0 !important;
    }
    #cookiescript_fsd_wrapper .cookiescript_fsd_header,
    #cookiescript_fsd_wrapper .cookiescript_fsd_footer {
        border-radius: 0 !important;
    }
    #cookiescript_fsd_wrapper .cookiescript_fsd_main_info {
        padding: 14px 18px !important;
    }
    #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content {
        padding: 6px 18px 10px !important;
    }
    #cookiescript_injected_fsd #cookiescript_buttons {
        padding: 10px 14px !important;
    }
}