@charset "utf-8";
/*
 * Cookie consent banner (view.footer.php #cookie-consent, js/cookie-consent.js): a framed bar at the bottom of the window
 * in the contact window look. Both choices use the same button style. On phones it sits above the tab bar and under the
 * menu drawer (same layer as the pinned events bar, later in the page, so it covers that bar).
 */
.cookie-consent {
  --cc-acc: var(--acc, 0, 226, 255);
  --cc-gold: 255, 196, 64;
  --cc-game-font: "Cinzel", "Times New Roman", Times, serif;
  --cc-ui-font: "Chakra Petch", "Segoe UI", Arial, sans-serif;
  position: fixed;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 10500;
  display: flex;
  align-items: center;
  gap: 16px 24px;
  max-width: 980px;
  max-height: calc(100vh - 32px);
  margin: 0 auto;
  padding: 16px 20px;
  overflow-y: auto;
  box-sizing: border-box;
  border: 1px solid rgba(var(--cc-acc), 0.35);
  background: #090d19;
  box-shadow: 0 0 30px rgba(var(--cc-acc), 0.18), inset 0 0 22px rgba(var(--cc-acc), 0.06), 0 20px 60px rgba(0, 0, 0, 0.6);
  color: #a9b6cc;
  font: 400 14px/1.5 var(--cc-ui-font);
  text-align: left;
}

.cookie-consent[hidden] {
  display: none;
}

.cookie-consent-body {
  flex: 1 1 auto;
  min-width: 0;
}

.cookie-consent-title {
  margin: 0 0 4px;
  color: #e6eef7;
  font: 700 13px/1.3 var(--cc-game-font);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.cookie-consent-text {
  margin: 0;
}

.cookie-consent-details {
  margin-top: 6px;
  font-size: 13px;
}

.cookie-consent-details summary {
  color: rgb(var(--cc-acc));
  cursor: pointer;
}

.cookie-consent-details ul {
  margin: 6px 0 0;
  padding-left: 18px;
}

.cookie-consent-details li {
  margin: 2px 0;
}

.cookie-consent-details b {
  color: #e6eef7;
}

.cookie-consent-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
}

.cookie-consent-btn {
  min-height: 40px;
  padding: 0 18px;
  box-sizing: border-box;
  border: 1px solid rgba(var(--cc-gold), 0.6);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(var(--cc-gold), 0.06), rgba(var(--cc-gold), 0.2) 50%, rgba(var(--cc-gold), 0.06));
  color: #f2d488;
  font: 700 12px/1.2 var(--cc-game-font);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cookie-consent-btn:hover,
.cookie-consent-btn:focus-visible {
  border-color: rgba(var(--cc-gold), 0.9);
  box-shadow: 0 0 14px rgba(var(--cc-gold), 0.3);
  outline: none;
}

.cookie-settings-link {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 900px) {
  .cookie-consent {
    --cc-acc: 0, 226, 255;
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    left: 8px;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    max-height: 70vh;
    padding: 14px;
    font-size: 13px;
  }

  .m-ready .cookie-consent {
    bottom: calc(var(--m-tab) + var(--m-safe-bottom) + 8px);
    z-index: 10003;
    max-height: calc(100vh - var(--m-top) - var(--m-tab) - var(--m-safe-top) - var(--m-safe-bottom) - 16px);
  }

  .cookie-consent-btn {
    flex: 1 1 0;
    padding: 8px 10px;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cookie-consent-btn {
    transition: none;
  }
}