/* GDPR Cookie Consent - minimal styles (fixed for hidden attribute) */

/* Ensure hidden attribute actually hides elements */
.gcc-banner[hidden],
.gcc-modal[hidden] {
  display: none !important;
}

.gcc-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background:#E8E9EB;
  color:#111;
  z-index:99999;
  padding:14px;
  box-sizing: border-box;
}
.gcc-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  max-width:1200px;
  margin:0 auto;
}
.gcc-text { max-width: 70%; }
.gcc-actions { display:flex; gap:8px; }
.gcc-btn { padding:8px 12px; border-radius:4px; border:none; cursor:pointer; }
.gcc-btn-accept { background:#2ecc71; color:#111; }
.gcc-btn-reject { background:#e74c3c; color:#111; }
.gcc-btn-ghost { background:transparent; color:#111; border:1px solid #000; }

/* Modal default hidden is handled above; when shown we want flex layout */
.gcc-modal { position:fixed; inset:0; background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center; z-index:100000; }
.gcc-modal-inner { background:#fff; color:#111; padding:20px; border-radius:8px; width:90%; max-width:520px; box-sizing: border-box; }
.gcc-pref { margin:10px 0; }
.gcc-small { font-size:12px; color:#666; margin:4px 0 0; }
.gcc-modal-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:12px; }

.gcc-manage-link { position: fixed; right: 12px; bottom: 80px; background:#fff; color:#111; border:1px solid #ddd; padding:8px 10px; border-radius:6px; z-index:99999; cursor:pointer; }
.gcc-manage-link-inline { color:#0073aa; text-decoration:underline; cursor:pointer; }

/* 📌 MOBILE OPTIMIZATION */
@media (max-width: 768px) {

  /* Banner becomes vertical */
  .gcc-inner {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 12px;
  }

  .gcc-text {
    max-width: 100%;
  }

  /* Buttons stack vertically for easier tap */
  .gcc-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 10px;
  }

  .gcc-btn {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
  }

  /* Manage preferences button */
  .gcc-manage-link {
    right: 10px;
    bottom: 90px;
    padding: 10px 14px;
    font-size: 15px;
  }

  /* Modal layout tweaks */
  .gcc-modal-inner {
    width: 92%;
    max-width: 92%;
    margin: 0 4%;
    padding: 18px;
  }

  .gcc-modal-actions {
    flex-direction: column;
    width: 100%;
    align-items: stretch;
  }

  .gcc-modal-actions .gcc-btn {
    width: 100%;
  }
}

/* 📌 VERY SMALL DEVICES (≤ 480px) */
@media (max-width: 480px) {

  .gcc-inner {
    padding: 4px 0;
  }

  .gcc-btn {
    font-size: 14px;
    padding: 10px 14px;
  }

  .gcc-text strong {
    font-size: 16px;
  }

  .gcc-desc {
    font-size: 14px;
  }
}