/* assets/css/footer.css */
@import './theme.css';

/* ===== FOOTER (ultra clean) ===== */
.footer{ padding: clamp(1rem, 3vw, 1.4rem) 1rem; background: transparent; }
.footer-wrap{ width: min(75%, 980px); margin: 0 auto; }
@media (max-width: 960px){ .footer-wrap{ width: 92%; } }

.footer-bar{
  background: var(--glass);
  border: 1px solid rgba(127,127,127,.16);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 28px var(--shadow);
  padding: .8rem 1rem;
}

.ft-row{
  display: flex; align-items: center; justify-content: space-between;
  gap: .8rem; flex-wrap: wrap;
}

.ft-left, .ft-right{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.ft-text{ color: var(--text); font-size: .95rem; }
.ft-mute{ color: var(--text-muted); }

.ft-link{
  color: var(--text); text-decoration: none; font-weight: 600;
  padding: .35rem .7rem; border-radius: 999px;
  background: rgba(0,176,239,.08); color: var(--accent);
  transition: background .2s, transform .2s;
}
.ft-link:hover{ background: rgba(0,176,239,.14); transform: translateY(-1px); }

/* “Cookievoorkeuren” en “Naar boven” als subtiele pills */
.ft-pill{
  color: var(--text); text-decoration:none; font-weight:600;
  padding:.35rem .7rem; border-radius:999px; border:1px solid rgba(127,127,127,.28);
  transition: border-color .2s, transform .2s, color .2s;
}
.ft-pill:hover{ border-color: var(--accent); color: var(--accent); transform: translateY(-1px); }

/* — Bedrijfsgegevens (compact <details>) — */
.ft-biz{ margin-top: .6rem; }
.ft-biz summary{
  list-style: none; cursor:pointer; user-select:none;
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.35rem .6rem; border-radius:999px;
  border:1px solid rgba(127,127,127,.28); color: var(--text);
}
.ft-biz summary::-webkit-details-marker{ display:none; }
.ft-biz summary:hover{ border-color: var(--accent); color: var(--accent); }
.ft-biz .chev{ width:10px; height:10px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform: rotate(45deg); transition: transform .25s; opacity:.8; }
.ft-biz[open] .chev{ transform: rotate(225deg); }

.ft-biz-panel{
  margin-top:.6rem; padding-top:.6rem; border-top:1px solid rgba(127,127,127,.16);
  display:grid; gap:.25rem; font-size:.95rem; color: var(--text);
}
.ft-biz-panel a{ color: var(--accent); text-decoration:none; }
.ft-biz-panel strong{ font-weight:700; }

/* Back to top icon alignment */
.ft-top{ display:inline-flex; align-items:center; gap:.35rem; }

/* ===== COOKIE BANNER (ongewijzigd concept, clean) ===== */
.cookie-banner{
  position: fixed; left:50%; bottom:16px; transform: translateX(-50%);
  width: min(92%, 880px);
  z-index: 10050;
  background: var(--glass);
  border: 1px solid rgba(127,127,127,.16);
  border-radius: 16px;
  backdrop-filter: blur(14px) saturate(120%);
  box-shadow: 0 10px 34px var(--shadow);
  padding: .9rem; opacity:0; visibility:hidden; transition: opacity .25s, visibility .25s;
}
.cookie-banner.is-visible{ opacity:1; visibility:visible; }

.cb-grid{ display:grid; grid-template-columns: 1fr auto; gap:.8rem; align-items:start; }
@media (max-width:720px){ .cb-grid{ grid-template-columns:1fr; } }

.cb-text{ font-size:.95rem; color: var(--text); }
.cb-text a{ color: var(--accent); text-decoration:none; }
.cb-row{ display:flex; gap:1rem; flex-wrap:wrap; margin-top:.5rem; }
.cb-opt{ display:flex; align-items:center; gap:.4rem; }
.cb-opt input{ width:18px; height:18px; }

.cb-actions{ display:flex; gap:.5rem; justify-content:flex-end; flex-wrap:wrap; }
.cb-actions .btn{ padding:.6rem 1rem; border-radius:999px; font-weight:700; text-decoration:none; }
.cb-actions .btn-primary{ color:#fff; background: var(--accent); box-shadow: 0 6px 20px rgba(0,176,239,.45); }
.cb-actions .btn-ghost{ color: var(--accent); background: rgba(0,176,239,.1); }
.cb-actions .btn-outline{ color: var(--text); border:1px solid rgba(127,127,127,.35); background: transparent; }
.cb-actions .btn:hover{ transform: translateY(-1px); }