/* =========================================================
   Cookie consent banner — δικό του αρχείο, φορτώνεται και στις
   τρεις σελίδες. Το markup γεννιέται από js/cookie-banner.js
   (ίδιο μοτίβο με το menu-render.js: όχι static HTML, ένα σημείο
   αλήθειας). Μη-μπλοκάρον bottom bar, όχι fullscreen overlay:
   δεν υπάρχει σήμερα κανένα analytics/marketing cookie σε αυτή
   τη σελίδα να μπλοκάρει η επιλογή του χρήστη.
   ========================================================= */
.cookie-banner{
  position: fixed; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; z-index: 90;
  max-width: 46rem; margin: 0 auto;
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem;
  background: var(--cream); color: var(--ink);
  border: 1px solid var(--frame);
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 .75rem 2rem rgba(36, 18, 7, .18);
  font-family: var(--greek);
}

.cookie-banner__text{
  margin: 0; flex: 1 1 18rem;
  font-size: .92rem; line-height: 1.5;
}
.cookie-banner__text a{ color: var(--red); text-decoration: underline; text-underline-offset: .15em; }
.cookie-banner__text a:hover, .cookie-banner__text a:focus-visible{ color: var(--red-ink); }

.cookie-banner__actions{ display: flex; flex-wrap: wrap; gap: .75rem; flex: 0 0 auto; }

.cookie-banner__accept, .cookie-banner__reject{
  border-radius: 999px; padding: .65rem 1.4rem;
  font-family: var(--latin); font-size: .85rem; letter-spacing: .03em; text-transform: uppercase;
  cursor: pointer; border: 1px solid transparent; white-space: nowrap;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.cookie-banner__accept{ background: var(--red); color: var(--white); }
.cookie-banner__accept:hover, .cookie-banner__accept:focus-visible{ background: var(--red-ink); }

.cookie-banner__reject{ background: transparent; border-color: var(--frame); color: var(--ink); }
.cookie-banner__reject:hover, .cookie-banner__reject:focus-visible{ background: var(--beige); }

@media (max-width: 480px){
  .cookie-banner{ left: 1rem; right: 1rem; bottom: 1rem; padding: 1.1rem 1.25rem; }
  .cookie-banner__actions{ width: 100%; }
  .cookie-banner__accept, .cookie-banner__reject{ flex: 1 1 auto; text-align: center; }
}