/* Cookie consent banner (minimal, GDPR-friendly)
   All technical comments are in English by requirement. */

.cookie-consent{
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 9999;
  padding: 12px;
  /* Match the site's dark/glass look. */
  background: rgba(7,10,18,.86);
  color: var(--text);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  box-shadow: 0 16px 55px rgba(0,0,0,.42);
  backdrop-filter: blur(8px);
}

/* Ensure the HTML 'hidden' attribute always wins. */
#cookie-consent-banner[hidden]{
  display: none !important;
}

.cookie-consent__inner{
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cookie-consent__text{
  font-size: 14px;
  line-height: 1.45;
  flex: 1 1 520px;
  color: rgba(255,255,255,.88);
}

.cookie-consent__text a{
  color: rgba(255,255,255,.90);
  text-decoration: underline;
  text-decoration-color: rgba(216,185,107,.45);
}

.cookie-consent__actions{
  display: flex;
  gap: 10px;
  align-items: center;
  flex: 0 0 auto;
  flex-wrap: wrap;
}

.cookie-btn{
  appearance: none;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  line-height: 1;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.cookie-btn--accept{
  /* Use the site's primary button style (gold accent). */
  background: linear-gradient(180deg, rgba(216,185,107,.22), rgba(216,185,107,.10));
  border-color: rgba(216,185,107,.36);
  color: var(--text);
}
.cookie-btn--accept:hover{ transform: translateY(-1px); border-color: rgba(216,185,107,.45); background: linear-gradient(180deg, rgba(216,185,107,.26), rgba(216,185,107,.12)); }

.cookie-btn--reject{
  background: rgba(255,255,255,.04);
  color: var(--text);
}
.cookie-btn--reject:hover{ transform: translateY(-1px); background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }

.cookie-btn--prefs{
  background: rgba(255,255,255,.03);
  color: var(--text);
}
.cookie-btn--prefs:hover{ transform: translateY(-1px); background: rgba(255,255,255,.045); border-color: rgba(216,185,107,.28); }

/* Add space so the banner doesn't cover content when visible. */
body.cookie-consent--visible{
  padding-bottom: 132px;
}

@media (max-width: 820px){
  .cookie-consent{
    left: 8px;
    right: 8px;
    bottom: 8px;
    padding: 10px;
    border-radius: 12px;
  }

  .cookie-consent__inner{
    gap: 10px;
  }

  .cookie-consent__text{
    font-size: 13px;
    line-height: 1.4;
    flex-basis: 100%;
  }

  .cookie-consent__actions{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .cookie-btn--prefs{
    grid-column: 1 / -1;
  }

  .cookie-btn{
    width: 100%;
    text-align: center;
    padding: 11px 10px;
  }

  body.cookie-consent--visible{
    padding-bottom: 170px;
  }
}