/**
 * WAVE / WCAG contrast fixes — minimal visual change.
 * Targets elements WAVE flags on new.strevinas.gr homepage.
 */

/* Footer copyright: text-muted-foreground/70 ≈ 3.7:1 on --background */
.site-footer__meta {
  color: hsl(var(--muted-foreground) / 0.82) !important;
}

/* Hero scroll: opacity 0.75 + muted eyebrow ≈ 4.2:1 on dark hero */
.hero-brand-scroll {
  opacity: 1 !important;
}

.hero-brand-scroll .text-eyebrow {
  color: hsl(var(--foreground) / 0.88) !important;
}

/* Service cards: desc over photos — keep the natural vignette gradient.
 * No solid background panel (visually heavy). Slightly brighter text +
 * a soft text-shadow give enough legibility over the dimmed image, while
 * the .service-card-vignette gradient keeps the bottom area dark. */
.service-card-desc {
  color: hsl(var(--foreground) / 0.92) !important;
  background-color: transparent !important;
  text-shadow: 0 1px 14px hsl(0 0% 0% / 0.55), 0 0 1px hsl(0 0% 0% / 0.6);
}

/* Article body links: strip any author-set inline color (TinyMCE/Gutenberg
 * sometimes hard-codes "color: #3366ff" on raw URL links). Force the site's
 * accessible link color so links never fall below WCAG AA on dark bg. */
.strevinas-news__content a[style*="color"],
.strevinas-news__content a[style*="COLOR"] {
  color: hsl(var(--foreground)) !important;
}

/* -----------------------------------------------------------------
 * Complianz GDPR document (cookie/privacy statement) — dark-theme
 * contrast overrides.
 *
 * Πρόβλημα: Το πρόσθετο complianz-gdpr φορτώνει στο
 * /assets/css/document.css φόντα σχεδιασμένα για light theme:
 *   .cmplz-dropdown          → background: rgba(239,239,239,0.25)
 *   .cmplz-dropdown summary  → background: rgba(239,239,239,0.5)
 *
 * Πάνω στο σκούρο body (rgb(10,10,10)) τα μισοδιάφανα ανοιχτόχρωμα
 * φόντα γίνονται μέτριο γκρι (~rgb(124,124,124)) και κάθε λευκό
 * κείμενο των service rows αποτυγχάνει στο WCAG AA contrast.
 *
 * Λύση: ξαναγράφουμε τα φόντα με χαμηλής φωτεινότητας λευκό alpha
 * (subtle dark accent), ώστε το λευκό κείμενο να βγαίνει >12:1.
 * Επίσης γυρίζουμε το (σκούρο εξ ορισμού) chevron σε ανοιχτό μέσω
 * filter invert ώστε να παραμείνει ορατό πάνω στο νέο dark φόντο.
 * ----------------------------------------------------------------- */

#cmplz-document .cmplz-dropdown,
#cmplz-cookies-overview .cmplz-dropdown {
  background-color: hsl(0 0% 100% / 0.04) !important;
  border-radius: 6px;
}

#cmplz-document .cmplz-dropdown summary,
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-service-header,
#cmplz-cookies-overview .cmplz-service-header {
  background-color: hsl(0 0% 100% / 0.1) !important;
  border-radius: 6px;
  color: hsl(var(--foreground)) !important;
}

#cmplz-document .cmplz-dropdown summary:hover,
#cmplz-cookies-overview .cmplz-dropdown summary:hover,
#cmplz-document .cmplz-service-header:hover,
#cmplz-cookies-overview .cmplz-service-header:hover {
  background-color: hsl(0 0% 100% / 0.16) !important;
}

#cmplz-document .cmplz-dropdown summary:focus-visible,
#cmplz-cookies-overview .cmplz-dropdown summary:focus-visible,
#cmplz-document .cmplz-service-header:focus-visible,
#cmplz-cookies-overview .cmplz-service-header:focus-visible {
  outline: 2px solid hsl(var(--ring, var(--foreground)));
  outline-offset: 2px;
}

/* Chevron εικονίδιο — το πρόσθετο το φορτώνει ως μαύρο SVG. Το
 * μετατρέπουμε σε ανοιχτόχρωμο με invert ώστε να φαίνεται πάνω στο
 * νέο dark accent φόντο. */
#cmplz-document .cmplz-dropdown summary div::after,
#cmplz-cookies-overview .cmplz-dropdown summary div::after {
  filter: invert(1) brightness(1.4);
  opacity: 0.9;
}

/* Service / cookie rows: τίτλοι και labels να έχουν πάντα ισχυρή
 * αντίθεση (όχι "muted" overrides). */
#cmplz-document .cmplz-dropdown h3,
#cmplz-document .cmplz-dropdown h4,
#cmplz-cookies-overview .cmplz-dropdown h3,
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-service-header h3,
#cmplz-cookies-overview .cmplz-service-header h3 {
  color: hsl(var(--foreground)) !important;
}

/* Service category badges/labels δεξιά (π.χ. "Statistics, Marketing"):
 * το πρόσθετο τα κάνει με paragraph text-align:right μέσα στο summary.
 * Εξασφαλίζουμε ότι το κείμενό τους είναι πλήρως ορατό. */
#cmplz-document .cmplz-dropdown summary p,
#cmplz-cookies-overview .cmplz-dropdown summary p,
#cmplz-document .cmplz-service-header p,
#cmplz-cookies-overview .cmplz-service-header p {
  color: hsl(var(--foreground) / 0.95) !important;
}

/* Cookie tables (όταν επεκταθεί ένα service): cells με light borders
 * σε dark body μένουν αόρατες. Δίνουμε διακριτό border σε λευκό
 * alpha ώστε η δομή να φαίνεται χωρίς να σπάει το design. */
#cmplz-document table,
#cmplz-cookies-overview table {
  color: hsl(var(--foreground)) !important;
}

#cmplz-document table th,
#cmplz-document table td,
#cmplz-cookies-overview table th,
#cmplz-cookies-overview table td {
  color: hsl(var(--foreground)) !important;
  border-color: hsl(0 0% 100% / 0.12) !important;
}

#cmplz-document table th,
#cmplz-cookies-overview table th {
  background-color: hsl(0 0% 100% / 0.06) !important;
}

/* Links μέσα στο cookie/privacy document: το πρόσθετο τα κάνει
 * underline αλλά παίρνουν inherit color. Σιγουρεύουμε ότι έχουν
 * πλήρως αναγνώσιμο foreground χρώμα. */
#cmplz-document a,
#cmplz-cookies-overview a {
  color: hsl(var(--foreground)) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#cmplz-document a:hover,
#cmplz-cookies-overview a:hover {
  text-decoration-thickness: 2px;
}

/* Δευτερεύοντα σύνολα κειμένου (italic intro, retention info κ.λπ.) */
#cmplz-document i,
#cmplz-document em,
#cmplz-cookies-overview i,
#cmplz-cookies-overview em {
  color: hsl(var(--foreground) / 0.92) !important;
}

/* -----------------------------------------------------------------
 * Cookies-per-purpose grid tables (κάθε service, όταν επεκταθεί,
 * δείχνει έναν πίνακα από grid divs με per-cookie πληροφορίες).
 *
 * Το Complianz χρησιμοποιεί:
 *   .cookies-per-purpose                → background: #dadada (gap)
 *   .cookies-per-purpose > div          → background: white
 *   .name-header / .retention-header /
 *     .function-header                  → background: #f7f7f7
 *   div:nth-child(12n+2…+7)             → background: #f7f7f7
 *
 * Στο dark theme το λευκό κείμενο πάνω σε λευκό φόντο γίνεται
 * εντελώς αόρατο. Αντικαθιστούμε ολόκληρη την παλέτα με dark
 * accents, διατηρώντας το zebra-striping pattern.
 * ----------------------------------------------------------------- */

#cmplz-document .cmplz-dropdown .cookies-per-purpose,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose {
  background-color: hsl(0 0% 100% / 0.18) !important;
  border-color: hsl(0 0% 100% / 0.18) !important;
}

#cmplz-document .cmplz-dropdown .cookies-per-purpose > div,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose > div {
  background-color: hsl(0 0% 12%) !important;
  color: hsl(var(--foreground)) !important;
}

#cmplz-document .cmplz-dropdown .cookies-per-purpose .purpose,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .purpose {
  background-color: hsl(0 0% 16%) !important;
  color: hsl(var(--foreground)) !important;
  font-weight: 500;
}

#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header {
  background-color: hsl(0 0% 20%) !important;
  color: hsl(var(--foreground)) !important;
  font-weight: 500;
}

/* Zebra striping (rows αντίστοιχα 12n+2…+7) → λίγο πιο σκούρο
 * accent από τα row cells ώστε να ξεχωρίζουν χωρίς να σπάει το
 * dark theme. */
#cmplz-document .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+2),
#cmplz-document .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+3),
#cmplz-document .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+4),
#cmplz-document .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+5),
#cmplz-document .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+6),
#cmplz-document .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+7),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+2),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+3),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+4),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+5),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+6),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose > div:nth-child(12n+7) {
  background-color: hsl(0 0% 16%) !important;
}

/* Cell headings (Name / Retention / Function) — h5 κ.λπ. μέσα
 * στα cells: μην επιτρέπεις «mute» χρώματα. */
#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5 {
  color: hsl(var(--foreground)) !important;
  margin: 0;
}

/* Links μέσα στις γραμμές cookies (π.χ. "Read more about ...") */
#cmplz-document .cmplz-dropdown .cookies-per-purpose a,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose a {
  color: hsl(var(--foreground)) !important;
  text-decoration: underline;
}

/* -----------------------------------------------------------------
 * Consent management section (στο τέλος της cookie policy):
 *   "7.1 Manage your consent settings" + οι κατηγορίες
 *   (Λειτουργικά / Στατιστικά / Προτιμήσεις / Εμπορικής Προώθησης).
 *
 * Το πρόσθετο τα ρενταρισμα ως .cmplz-category (DETAILS) με ίδιο
 * πρόβλημα ανοιχτού φόντου, ενώ το .cmplz-always-active σε σκούρο
 * πράσινο (rgb(0,128,0)) σε dark body δίνει ~6.7:1 contrast —
 * φέρτε το σε πιο φωτεινό πράσινο για AAA. Επίσης ορίζουμε ορατά
 * states για τα checkbox ώστε να μην είναι ξεχασμένα.
 * ----------------------------------------------------------------- */

#cmplz-document .cmplz-category,
#cmplz-cookies-overview .cmplz-category,
#cmplz-manage-consent-container .cmplz-category {
  background-color: hsl(0 0% 100% / 0.1) !important;
  border-radius: 6px;
  color: hsl(var(--foreground)) !important;
}

#cmplz-document .cmplz-category summary,
#cmplz-cookies-overview .cmplz-category summary,
#cmplz-manage-consent-container .cmplz-category summary {
  background-color: transparent !important;
  color: hsl(var(--foreground)) !important;
}

/* "Always active" indicator — πιο φωτεινό, accessible πράσινο. */
.cmplz-always-active,
#cmplz-document .cmplz-always-active,
#cmplz-cookies-overview .cmplz-always-active {
  color: hsl(140 65% 70%) !important;
  font-weight: 500;
}

/* Καθαρό focus outline για τα consent checkboxes. */
#cmplz-document .cmplz-consent-checkbox:focus-visible,
#cmplz-cookies-overview .cmplz-consent-checkbox:focus-visible {
  outline: 2px solid hsl(var(--foreground));
  outline-offset: 2px;
}