:root{
  --gcc-primary:#1a2c4c;       /* couleur principale des boutons */
  --gcc-accent:#0087e8;        /* bleu accent pour la description mobile */
}

/* —————————————————————
   BANNIÈRE (desktop par défaut)
   ————————————————————— */
#gcc-banner{
  position:fixed;
  bottom:20px;right:20px;
  max-width:500px;
  background:#fff;
  padding:20px;
  border-radius:8px;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  z-index:9999;
  font-family:system-ui,sans-serif;
}

/* Mobile : pleine largeur */
@media (max-width:767px){
  #gcc-banner{
    right:0;left:0;bottom:0;
    max-width:none;
    border-radius:0;
    box-shadow:0 -2px 6px rgba(0,0,0,.15);
  }
}

.gcc-title{font-weight:600;margin:0 0 6px;color:var(--gcc-primary)}
.gcc-desc{font-size:14px;margin-bottom:16px}

.gcc-btn-group{display:flex;gap:8px;flex-wrap:wrap}
.gcc-btn{
  padding:8px 14px;font-size:14px;cursor:pointer;
  border-radius:4px;
  border:2px solid var(--gcc-primary);
  transition:background .2s;
}
.gcc-primary{background:var(--gcc-primary);color:#fff}
.gcc-outline{background:#fff;color:var(--gcc-primary)}
.gcc-outline:hover{background:var(--gcc-primary);color:#fff}

/* —————————————————————
   MODAL
   ————————————————————— */
#gcc-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000}
#gcc-modal[aria-hidden="true"]{display:none}
.gcc-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}

.gcc-modal-content{
  position:relative;background:#fff;padding:24px;border-radius:8px;
  max-width:600px;width:90%;max-height:90vh;overflow:auto;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  font-family:system-ui,sans-serif;
}
.gcc-modal-content h2{margin-top:0;color:var(--gcc-primary)}

/* Close btn */
.gcc-close{
  position:absolute;top:12px;right:12px;
  background:none;border:none;font-size:24px;line-height:1;
  color:#777;cursor:pointer;
}
.gcc-close:hover{color:#000}

/* Catégories & accordéons */
.gcc-cat{margin:18px 0}
.gcc-cat summary{
  display:flex;align-items:center;gap:12px;
  cursor:pointer;list-style:none;font-weight:600;
}
.gcc-cat[open] summary{margin-bottom:4px}
.gcc-cat summary::-webkit-details-marker{display:none}

.gcc-cat-label{font-weight:600}
.gcc-cat-desc{margin:0 0 12px 0;font-size:13px;color:#555;padding-left:32px}

/* Badge toujours actif */
.gcc-chip{
  font-size:11px;background:#e0e0e0;padding:2px 6px;border-radius:12px;margin-left:6px;
}

/* Switch */
.gcc-switch{position:relative;display:inline-block;width:36px;height:20px;margin-left:auto}
.gcc-switch input{opacity:0;width:0;height:0}
.gcc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:.2s;border-radius:20px}
.gcc-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background:#fff;transition:.2s;border-radius:50%}
.gcc-switch input:checked+.gcc-slider{background:var(--gcc-primary)}
.gcc-switch input:checked+.gcc-slider:before{transform:translateX(16px)}

/* Utilitaires */
.gcc-hide{display:none}

/* —————————————————————
   Override couleurs
   ————————————————————— */
/* Description: bleu accent sur toutes tailles */
#gcc-banner .gcc-desc,#gcc-banner .gcc-desc *{
  color:var(--gcc-accent)!important;
  -webkit-text-fill-color:var(--gcc-accent)!important;
}

/* Libellés de catégorie & badge */
#gcc-modal .gcc-cat-label{
  color:var(--gcc-accent)!important;
}
#gcc-modal .gcc-chip{
  background:rgba(0,135,232,.1);
  color:var(--gcc-accent)!important;
}