/* Cookie banner / modal (desktop larger, mobile smaller) */
:root{
  --cc-bg: rgba(15, 23, 42, 0.92);
  --cc-panel: #0b1220;
  --cc-border: rgba(148, 163, 184, 0.25);
  --cc-text: #e5e7eb;
  --cc-muted: rgba(229, 231, 235, 0.8);
  --cc-primary: #2563eb;
}

.cc-banner{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 10px;
}

.cc-box{
  max-width: 1100px;
  margin: 0 auto;
  background: var(--cc-bg);
  border: 1px solid var(--cc-border);
  border-radius: 14px;
  padding: 14px;
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  color: var(--cc-text);
  backdrop-filter: blur(10px);
}

.cc-title{font-weight: 700; font-size: 16px; margin-bottom: 4px;}
.cc-desc{font-size: 13px; color: var(--cc-muted); line-height: 1.35;}
.cc-links{margin-top: 6px; font-size: 12px; color: var(--cc-muted);}
.cc-links a{color: var(--cc-text); text-decoration: underline;}
.cc-links span{margin: 0 6px;}

.cc-actions{display:flex; gap:10px; flex-wrap: wrap; justify-content: flex-end;}
.cc-btn{
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid var(--cc-border);
  cursor: pointer;
  font-weight: 600;
}
.cc-btn--ghost{background: transparent; color: var(--cc-text);}
.cc-btn--primary{background: var(--cc-primary); border-color: rgba(37,99,235,0.6); color: white;}

/* Desktop: larger banner */
@media (min-width: 900px){
  .cc-banner{padding: 18px;}
  .cc-box{padding: 18px; border-radius: 18px;}
  .cc-title{font-size: 18px;}
  .cc-desc{font-size: 14px;}
  .cc-btn{padding: 11px 14px;}
}

/* Mobile: smaller & stacked */
@media (max-width: 600px){
  .cc-box{flex-direction: column; align-items: stretch;}
  .cc-actions{justify-content: space-between;}
  .cc-btn{flex: 1;}
}

/* Modal */
.cc-modal{position: fixed; inset: 0; z-index: 10000;}
.cc-modal__backdrop{position:absolute; inset:0; background: rgba(0,0,0,0.55);}
.cc-modal__panel{
  position: relative;
  max-width: 560px;
  margin: 8vh auto;
  background: var(--cc-panel);
  border: 1px solid var(--cc-border);
  border-radius: 18px;
  color: var(--cc-text);
  padding: 14px;
}
.cc-modal__head{display:flex; align-items:center; justify-content: space-between; gap: 10px;}
.cc-modal__title{font-weight: 800; font-size: 18px;}
.cc-x{background: transparent; border: 1px solid var(--cc-border); color: var(--cc-text); border-radius: 12px; width: 38px; height: 38px; cursor:pointer;}
.cc-modal__body{padding: 10px 0; display:flex; flex-direction: column; gap: 10px;}
.cc-row{display:flex; align-items:center; justify-content: space-between; gap: 12px; border: 1px solid var(--cc-border); border-radius: 14px; padding: 12px;}
.cc-row small{color: var(--cc-muted);}
.cc-modal__foot{display:flex; justify-content: flex-end; gap: 10px; padding-top: 10px;}

footer a.cookie-settings-link{
  color:#22c55e !important;
  font-weight:600;
  text-decoration:none;
}

footer a.cookie-settings-link:hover{
  color:#4ade80 !important;
  text-decoration:underline;
}