/* ==========================================================================
   GROUP-BHD — Bannière cookies
   ========================================================================== */

.cookie-banner{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 300;
  background: #06070a;
  border-top: 1px solid var(--line-strong);
  padding: 22px 0;
  transform: translateY(110%);
  transition: transform .5s var(--ease);
}
.cookie-banner.is-visible{ transform: translateY(0); }

.cookie-banner .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
}

.cookie-banner-text{
  color: var(--parchment-dim);
  font-size: 13.5px;
  line-height: 1.6;
  max-width: 640px;
}
.cookie-banner-text a{ color: var(--accent-bright); text-decoration: underline; text-underline-offset: 2px; }
.cookie-banner-text a:hover{ color: var(--gold-bright); }

.cookie-banner-actions{
  display: flex;
  gap: 12px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.cookie-banner-actions button{
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 12px 22px;
  border: 1px solid var(--accent);
  background: transparent;
  color: var(--parchment);
  transition: all .25s var(--ease);
}
.cookie-banner-actions button.cb-accept{ background: var(--accent); color: var(--ink); }
.cookie-banner-actions button.cb-accept:hover{ background: var(--accent-bright); border-color: var(--accent-bright); }
.cookie-banner-actions button.cb-dismiss{ border-color: var(--line-strong); color: var(--parchment-dim); }
.cookie-banner-actions button.cb-dismiss:hover{ border-color: var(--accent); color: var(--accent-bright); }

@media (max-width: 640px){
  .cookie-banner .container{ flex-direction: column; align-items: stretch; }
  .cookie-banner-actions{ justify-content: stretch; }
  .cookie-banner-actions button{ flex: 1; }
}