/* vk-nearby-css */
.vk-nearby{max-width:1160px;margin:34px auto 10px;padding:0 20px}
.vk-nearby-head{margin:0 0 18px}
.vk-nearby-head h2{font-size:clamp(1.3rem,2.8vw,1.8rem);font-weight:800;color:#12324f;margin:0 0 6px}
.vk-nearby-head p{color:#5a6b80;font-size:.98rem;margin:0}
.vk-nearby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.vk-nb-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6ebf2;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(10,40,80,.06);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .2s ease}
.vk-nb-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(10,40,80,.13)}
.vk-nb-thumb{height:130px;background:linear-gradient(135deg,#1f9d55,#12324f);background-size:cover;background-position:center;position:relative}
.vk-nb-km{position:absolute;right:8px;bottom:8px;background:rgba(18,50,79,.92);color:#fff;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:20px}
.vk-nb-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px}
.vk-nb-cat{font-size:.68rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#1e73be}
.vk-nb-name{font-size:1rem;font-weight:700;color:#14263a;line-height:1.35}
.vk-nearby-all{display:inline-block;margin:16px 0 0;color:#1e73be;font-weight:700;text-decoration:none}
@media(max-width:600px){.vk-nearby{margin:26px auto 8px}.vk-nearby-grid{grid-template-columns:1fr 1fr;gap:12px}.vk-nb-thumb{height:100px}.vk-nb-name{font-size:.92rem}}
/* vk-side-css */
.vk-side{display:flex;flex-direction:column;gap:18px;font-size:15px}
.vk-side-box{background:#fff;border:1px solid #e3e9f1;border-radius:14px;padding:16px 16px 18px;box-shadow:0 2px 10px rgba(10,40,80,.05)}
.vk-side-h{font-size:.82rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#12324f;margin:0 0 12px;padding-bottom:9px;border-bottom:2px solid #eef2f7}
.vk-side ul{list-style:none;margin:0;padding:0}
.vk-side-ev li{padding:0 0 11px;margin:0 0 11px;border-bottom:1px solid #f0f4f8;display:flex;flex-direction:column;gap:2px}
.vk-side-ev li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.vk-side-date{font-size:.72rem;font-weight:800;color:#15599e;letter-spacing:.4px;text-transform:uppercase}
.vk-side-evt{font-size:.95rem;font-weight:600;color:#1b2c3d;line-height:1.35}
.vk-side-loc{font-size:.8rem;color:#5a6b80}
.vk-side-sights li{margin:0 0 10px}
.vk-side-sights li:last-child{margin-bottom:0}
.vk-side-sights a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;border-radius:10px;padding:4px;transition:background .15s ease}
.vk-side-sights a:hover{background:#f4f8fc}
.vk-side-th{flex:0 0 54px;width:54px;height:54px;border-radius:9px;background:linear-gradient(135deg,#1f9d55,#12324f);background-size:cover;background-position:center}
.vk-side-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.vk-side-nm{font-size:.9rem;font-weight:650;color:#1b2c3d;line-height:1.3}
.vk-side-km{font-size:.76rem;font-weight:700;color:#15599e}
.vk-side-more{display:inline-block;margin-top:4px;font-weight:700;font-size:.88rem;color:#15599e;text-decoration:none}
.vk-side-more:hover{text-decoration:underline}
/* ⚠ `!important` ΠΑΝΤΟΥ ΣΕ ΑΥΤΟ ΤΟ ΚΟΥΤΙ. Το θέμα τυπώνει τα δικά του styles ΜΕΤΑ το
   wp_head και κέρδιζε: μετρήθηκε η κεφαλίδα σκούρη πάνω σε σκούρο και το κουμπί στο
   1,23:1 — «Όλα τα αξιοθέατα» σε rgb(18,50,79) πάνω σε rgb(23,64,101), δηλαδή αόρατο. */
.vk-side-cta{background:linear-gradient(160deg,#12324f,#1b4b76)!important;border-color:#12324f!important}
.vk-side-cta .vk-side-h{color:#fff!important;border-bottom-color:rgba(255,255,255,.22)!important}
.vk-side-cta p{color:#dce7f2!important;font-size:.9rem;line-height:1.5;margin:0 0 12px}
.vk-side-cta .vk-side-btn,.vk-side-btn{display:block;text-align:center;background:#fff!important;
  color:#12324f!important;font-weight:800;padding:10px 14px;border-radius:9px;text-decoration:none;
  font-size:.9rem;border:0}
.vk-side-cta .vk-side-btn:hover,.vk-side-btn:hover{background:#eaf2fa!important;color:#0d2740!important}

/* Κοινοποίηση: το ΙΔΙΟ κουτί, μετακινημένο. Μέσα στη στενή στήλη πετάμε το δικό του
   πλαίσιο (θα ήταν κουτί μέσα σε κουτί) και στοιβάζουμε τα κουμπιά δύο-δύο. */
.vk-side-share .zzcl-box{margin:0;padding:0;border:0;background:none;box-shadow:none;max-width:none}
.vk-side-share .zzcl-box > h2,.vk-side-share .zzcl-box > h3,.vk-side-share .zzcl-title{display:none}
/* Ο κανόνας του vk-share-buttons είναι `.zzcl-box .vk-shb` (2 κλάσεις) και γράφεται
   ΑΡΓΟΤΕΡΑ, άρα θα νικούσε με ίδια ειδικότητα. Τρεις κλάσεις εδώ, για να κερδίζει η στήλη. */
.vk-side-share .zzcl-box .vk-shb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;width:100%}
.vk-side-share .zzcl-box .vk-shb-b{min-width:0;height:38px;font-size:12.5px}
.vk-side-share .zzcl-btn,.vk-side-share button{width:100%;margin-top:8px}

/* Περιεχόμενα */
.vk-side-toc li{margin:0 0 8px;padding-left:12px;position:relative}
.vk-side-toc li:last-child{margin-bottom:0}
.vk-side-toc li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#9db4cc}
.vk-side-toc a{color:#25405c;text-decoration:none;font-size:.88rem;line-height:1.4;display:block}
.vk-side-toc a:hover{color:#15599e;text-decoration:underline}

@media(min-width:1100px){
  .sidebar_content ~ .sidebar,.sidebar{align-self:flex-start}
  .vk-side{position:sticky;top:96px}
}
@media(max-width:1099px){.vk-side{margin:26px 0 0}}
/* vk-polish-css */
/* Κάθε κανόνας βγήκε από ΜΕΤΡΗΣΗ σε πραγματικό Chrome, 24 σελίδες × 2 πλάτη, και στις 2
   γλώσσες. Δίπλα του: η αναλογία αντίθεσης ΠΡΙΝ → ΜΕΤΑ (όριο WCAG AA 4,5:1 / 3:1). */

/* 🔴 ΑΟΡΑΤΟ: το θέμα βάζει ΛΕΥΚΗ ημερομηνία στην κεφαλίδα τίτλου, υποθέτοντας σκούρο hero.
   Στην πράξη το #page_caption ΔΕΝ παίρνει ποτέ εικόνα εδώ — μένει #f3f3f3, και το λευκό
   γίνεται αόρατο (1,11:1). Ο τίτλος από πάνω είναι ήδη σκούρος μπλε: ασυνέπεια του θέματος.
   🔑 ΧΡΕΙΑΖΕΤΑΙ ΤΟ ID: ο κανόνας του θέματος είναι «#page_caption .post_detail» με
   !important — ειδικότητα 1-0-1-0. Κάθε επιλογέας με σκέτες κλάσεις χάνει, όσα
   !important κι αν βάλεις. Γι' αυτό οι πρώτες δύο προσπάθειες δεν άλλαξαν τίποτα. */
/* 🔑 ΧΡΕΙΑΖΟΝΤΑΙ ΚΑΙ ΟΙ ΔΥΟ ΓΡΑΜΜΕΣ, ΓΙ' ΑΥΤΟ:
   - ΓΕΝΙΚΗ: η σελίδα ενός άρθρου έχει ΤΕΣΣΕΡΑ .post_detail (το δικό της + τρία στα
     «επόμενα άρθρα»), σε διαφορετικά δοχεία· στοχευμένος επιλογέας έπιανε μόνο το πρώτο.
   - ΜΕ ID: μέσα στο #page_caption ο κανόνας του θέματος είναι «#page_caption .post_detail»
     με !important, ειδικότητα 1-0-1-0. Καμία σκέτη κλάση δεν τον νικά — όταν αντικατέστησα
     τον ID-επιλογέα με τον γενικό, το ΑΟΡΑΤΟ λευκό επέστρεψε αμέσως. */
.post_detail,.post_detail *{color:#4a5a6d!important}                      /* 2,97 → 6,4 */
.post_detail a{color:#15599e!important}
#page_caption .post_detail,#page_caption .post_detail *{color:#4a5a6d!important}   /* 1,11 → 6,4 */
#page_caption .post_detail a{color:#15599e!important}
/* Οι κάρτες «επόμενα άρθρα» στο τέλος: εκεί το θέμα κερδίζει με μακρύτερο επιλογέα, οπότε
   γράφουμε ολόκληρη την αλυσίδα που μετρήθηκε στο DOM. */
.post_wrapper .post_header .post_detail,.post_header.grid .post_detail,
.blog_grid_content .post_detail,.one_third .post_detail,
.post_wrapper .post_header .post_detail *,.post_header.grid .post_detail *,
.blog_grid_content .post_detail *,.one_third .post_detail *{color:#4a5a6d!important}   /* 2,97 → 6,4 */
/* Αν κάποια σελίδα ΟΝΤΩΣ πάρει σκούρο hero, το λευκό επιστρέφει μόνο του. */
#page_caption[style*="background-image"] .post_detail,
#page_caption[style*="background-image"] .post_detail *{color:#fff!important}

/* Ετικέτες δυσκολίας: λευκό πάνω σε ανοιχτό πορτοκαλί/πράσινο */
.vk-rt-diff.vk-rt-medium,.vk-rt-medium{background:#9a6600!important}   /* 2,33 → 5,3 */
.vk-rt-diff.vk-rt-easy,.vk-rt-easy{background:#157a3f!important}       /* 3,49 → 5,0 */
.vk-rt-diff.vk-rt-hard,.vk-rt-hard{background:#c1362f!important}       /* — → 5,3 */
.vk-biz-badge{background:#c1362f!important}                            /* 3,76 → 5,3 */

/* Ημερομηνίες & βοηθητικά κείμενα */
.zze-built{color:#5a6b80!important}                      /* 2,88 → 5,0 */
.vk-bl-date{color:#8a5f13!important}                     /* 2,96 → 5,1 */
.vk-evs-loc{color:#5a6b80!important}                     /* 4,27 → 5,0 */
a.readmore,.readmore{color:#036b77!important}            /* 2,97 → 5,6 */
.zze-tag{color:#5fe0d8!important}                        /* 3,33 → 8,4 (σε σκούρο φόντο) */

/* Σύνδεσμοι & ετικέτες σε ανοιχτό γκρι */
.vk-rt-back{color:#15599e!important}                     /* 4,30 → 6,0 */
.vk-rt-chip.diff-medium{color:#7d5300!important}         /* 4,34 → 5,5 */
.vk-nearby-all{color:#15599e!important}                  /* 4,30 → 6,0  (δικό μου) */
.pnl-act-note,.pnl-act-note *{color:#5a6b80!important}   /* 3,02 → 5,2 */
.pojo-skip-link,.pojo-skip-content{color:#036b77!important}  /* 2,97 → 5,6 */
.post_previous_content h6,.post_next_content h6,
.post_prev_next h6{color:#5a6b80!important}              /* 2,48 → 5,2 */
.vk-vp-lbl{color:#5a6b80!important}                      /* 2,83 → 5,0 */
.vk-vp-nc{color:#15599e!important}                       /* 3,42 → 6,3 */

/* Φόρμα σχολίων: το #777 του θέματος είναι οριακά κάτω από το όριο.
   Ο επιλογέας είναι πλατύς επίτηδες — το θέμα το βάζει σε <p> και <span> χωρίς κλάση. */
#respond p,#respond span,#comments p,#comments span,
.comment-form p,.comment-form span,.comment-notes,
.comment-respond p,.comment-respond span{color:#5f5f5f!important}   /* 4,48 → 5,9 */

/* Το «διαβαστικό» γκρι του θέματος σε μικρά βοηθητικά κείμενα */
.post_info,.post_info a,.blog_meta,.blog_meta a{color:#5a6b80!important}
/* vk-readable-css */
/* ---- ΑΡΧΙΚΗ ΣΕΛΙΔΑ: τρία στοιχεία που κληρονομούν το τιρκουάζ του θέματος -----
   Μπαίνουν ΠΡΩΤΑ και όχι στο τέλος: όταν ήταν τελευταία, ο browser σταματούσε να
   διαβάζει το φύλλο λίγο πριν από αυτά (50 από 51 κανόνες) και έμεναν ανεφάρμοστα.
   Στην αρχική δεν υπάρχει `#page_content_wrapper .inner`, γι' αυτό δεν τα έπιαναν οι
   γενικοί κανόνες παρακάτω. */
.vk-biz-badge,span.vk-biz-badge,.vk-biz-closed{color:#fff!important}
/* 🔴 8 Σεπ 2026 — ΔΙΟΡΘΩΣΗ ΔΙΟΡΘΩΣΗΣ. Εδώ έγραφε color:#01768A!important.
   Το τιρκουάζ μπήκε για ΣΥΝΔΕΣΜΟΥΣ ΣΕ ΛΕΥΚΟ ΦΟΝΤΟ (5,8:1). Όμως αυτοί οι
   επιλογείς πιάνουν ΓΕΜΑΤΑ ΚΟΥΜΠΙΑ που έχουν δικό τους μπλε φόντο (#1e73be):
   εκεί το #01768A έβγαζε 1,07:1 — πρακτικά αόρατα γράμματα. Το !important
   νικούσε και το color:#fff που όριζε σωστά το vk-hero.php.
   Μετρήθηκαν και τα 4 τέτοια κουμπιά σε 8 σελίδες (ΕΛ+ΕΝ): ΟΛΑ έχουν σκούρο
   γεμάτο φόντο, κανένα δεν κάθεται σε ανοιχτό — άρα λευκά παντού, 4,94:1. */
.vk-btn,a.vk-btn,.vk-hero-cta a,.vk-evs-cta a{color:#fff!important}
/* Μοναδική εξαίρεση: το ghost κουμπί γεμίζει λευκό στο hover → σκούρα γράμματα. */
.vk-btn-ghost:hover,a.vk-btn-ghost:hover{color:#12324f!important}

/* ---- 8 Σεπ 2026 — ΚΑΡΤΕΣ ΕΠΙΧΕΙΡΗΣΕΩΝ (λευκό φόντο, μετρημένο) ----------------
   Τα δύο μικρά στοιχεία της βαθμολογίας έπεφταν κάτω από το όριο. Κρατούν την
   απόχρωσή τους — μόνο βαθαίνουν όσο χρειάζεται για να διαβάζονται. */
.vk-biz-stars,span.vk-biz-stars{color:#BE7A09!important}  /* 2,03 → 3,53 (γραφικό, όριο 3:1· μένει χρυσό) */
.vk-biz-rev,span.vk-biz-rev{color:#5F7083!important}      /* 3,10 → 5,06 */

/* ---- 8 Σεπ 2026 — ΥΠΟΣΕΛΙΔΟ ---------------------------------------------------
   Το #footer έχει ΕΙΚΟΝΑ για φόντο, γι' αυτό κανένας έλεγχος που διαβάζει μόνο
   CSS δεν το έπιανε. Μετρήθηκε από τα pixel του screenshot: το φόντο κυμαίνεται
   από #1B2431 ως #343E45 — παντού σκούρο. Οι τίτλοι ήταν μπλε #1E73BE (2,21:1)
   και τα κείμενα γκρι #5E6770 (2,72:1). Δίνω ανοιχτά χρώματα, που διαβάζονται
   σε ΟΛΟ αυτό το εύρος και όχι μόνο στο σημείο που έτυχε να μετρήσω. */
#footer .widgettitle,#footer h2.widgettitle,#footer h3.widgettitle{color:#FFFFFF!important}
#footer,#footer li,#footer p,#footer dd,#footer dt,
#footer .textwidget,#footer .widget{color:#D8DEE5!important}
#footer a{color:#BFD4E8!important}
#footer a:hover{color:#FFFFFF!important}

/* ---- 0. 🔴 Η ΡΙΖΑ: PARALLAX ΕΝΟΤΗΤΕΣ ΧΩΡΙΣ ΕΙΚΟΝΑ ------------------------
   Οι σελίδες χωριών χτίζονται με τον PPB builder και οι ενότητές τους είναι σημειωμένες
   «parallax» ΜΕ ΚΕΝΟ data-image="". Το θέμα τους δίνει στυλ σκοτεινού hero (και ο browser
   προσπαθεί να φορτώσει background-image: url("") — δηλαδή την ΙΔΙΑ ΤΗ ΣΕΛΙΔΑ ως εικόνα).
   Αποτέλεσμα: σκούρο φόντο πίσω από κείμενο που έχει σκούρο χρώμα — δυσανάγνωστο.
   Χωρίς εικόνα δεν υπάρχει parallax· η ενότητα γίνεται κανονική, με διαφανές φόντο. */
.ppb_wrapper .one.parallax[data-image=""],
.ppb_wrapper .parallax[data-image=""],
.one.parallax[data-image=""]{
  background-image:none!important;
  background-color:transparent!important;
  background-attachment:scroll!important;
}
/* ---- 0β. ΧΡΩΜΑΤΑ ΚΕΙΜΕΝΟΥ ΣΤΙΣ ΣΕΛΙΔΕΣ (χωριά, αποδράσεις) -------------------
   ⚠ ΟΙ ΛΕΥΚΕΣ ΚΑΡΤΕΣ ΑΦΑΙΡΕΘΗΚΑΝ (7 Σεπ, απόφαση Tony). Τις είχα προσθέσει στις 6 Σεπ
   με ΛΑΘΟΣ διάγνωση: νόμιζα ότι το φόντο των σελίδων ήταν σκούρο, ενώ το σκούρο ήταν η
   γραμμή του υποσέλιδου (.tp-credit) που άπλωνε σε όλη τη σελίδα — διορθώθηκε στη ρίζα.
   Μετρημένο μετά τη διόρθωση: χωρίς τις κάρτες τα δυσανάγνωστα πάνε 6 → 7 σε 13 σελίδες,
   δηλαδή δεν προσέφεραν τίποτα στην αναγνωσιμότητα και άλλαζαν την εμφάνιση χωρίς λόγο.
   Τα ΧΡΩΜΑΤΑ του κειμένου μένουν: είναι σκούρα και διαβάζονται σε κάθε ανοιχτό φόντο. */
.ppb_wrapper .ppb_text p,.ppb_wrapper .ppb_text li,.ppb_wrapper .ppb_text td{color:#2c3e52!important}
.ppb_wrapper .ppb_text h1,.ppb_wrapper .ppb_text h2,
.ppb_wrapper .ppb_text h3,.ppb_wrapper .ppb_text h4{color:#12324f!important}
.ppb_wrapper .ppb_text a{color:#15599e!important}

/* 🔑 ΤΟ ΑΠΟΦΑΣΙΣΤΙΚΟ: το χρώμα του κειμένου ΗΤΑΝ ήδη σκούρο (#3f4d5e) — το πρόβλημα ήταν
   το ΦΟΝΤΟ. Οι ενότητες «parallax» χωρίς εικόνα (data-image="") βγαίνουν σκοτεινές.
   Δίνεται ρητά ανοιχτό φόντο στην ενότητα, ώστε το σκούρο κείμενο να διαβάζεται. */
.ppb_wrapper .one.parallax,
.ppb_wrapper .one.withsmallpadding.parallax{
  background-color:#f4f7fb!important;
  background-image:none!important;
  background-attachment:scroll!important;
}
.one .page_content_wrapper > p,
.one .page_content_wrapper > ul > li,
.one .page_content_wrapper > ol > li{color:#2c3e52!important}
.one .page_content_wrapper > h1,.one .page_content_wrapper > h2,
.one .page_content_wrapper > h3,.one .page_content_wrapper > h4{color:#12324f!important}

/* ---- 1. ΤΟ ΚΕΙΜΕΝΟ ΤΟΥ ΑΡΘΡΟΥ — ρητά σκούρο, ανεξάρτητα από το θέμα.
   (Η λευκή κάρτα αφαιρέθηκε· βλ. σημείωση 0β παραπάνω.) */
.vk-art-body,.vk-art-body p,.vk-art-body li,.vk-art-body td{color:#2c3e52}
.vk-art-body h1,.vk-art-body h2,.vk-art-body h3,.vk-art-body h4{color:#12324f}
.vk-art-body a{color:#15599e}
.vk-art-body a:hover{color:#0f3f73}

/* ---- 1β. ΤΟ ΙΔΙΟ ΓΙΑ ΑΞΙΟΘΕΑΤΑ, ΔΙΑΔΡΟΜΕΣ ΚΑΙ ΚΡΙΤΙΚΕΣ --------------------
   Κάθε τύπος σελίδας έχει δικό του δοχείο κειμένου· όλα κάθονταν στο ίδιο σκούρο φόντο.
   Τα δοχεία βρέθηκαν διαβάζοντας το DOM κάθε τύπου, όχι με μαντεψιά. */
.vk-si-desc p,.vk-rt-desc p,.pnl-rv p,.vk-vp-desc p,
.vk-si-desc li,.vk-rt-desc li,.pnl-rv li{color:#2c3e52!important}
.vk-si-desc h1,.vk-si-desc h2,.vk-si-desc h3,
.vk-rt-desc h1,.vk-rt-desc h2,.vk-rt-desc h3,
.pnl-rv h2,.pnl-rv h3{color:#12324f!important}
.vk-si-desc a,.vk-rt-desc a,.pnl-rv a{color:#15599e!important}

/* Επικεφαλίδες ενοτήτων που κάθονται ΕΞΩ από κάρτα, πάνω στο σκούρο φόντο */
.pnl-rv-h,.vk-si-h,.vk-si-tags-h,#pnl-rv > h2:first-child{color:#fff!important}
.vk-si-tag,.vk-si-tags a{color:#dbe6f2!important;border-color:rgba(255,255,255,.35)!important}

/* ---- 2. Το μπλοκ «κοντά»: μένει μόνο το πλάτος/κεντράρισμα, χωρίς κάρτα. */
.vk-nearby{max-width:1160px;margin:22px auto}
.vk-nearby .vk-nearby-head h2{color:#12324f}
.vk-nearby .vk-nearby-head p{color:#5a6b80}

/* ---- 3. Σε πλατιές οθόνες, τα «κοντά» σε δύο στήλες αντί για μία μακριά κολόνα ---- */
@media(min-width:1200px){
  .vk-nearby-grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:900px) and (max-width:1199px){
  .vk-nearby-grid{grid-template-columns:repeat(2,1fr)}
}

/* ---- 3β. ΕΠΙΚΕΦΑΛΙΔΕΣ ΣΕΛΙΔΩΝ ΑΠΟΔΡΑΣΗΣ — ΑΝΑΙΡΕΣΗ ΛΑΘΟΥΣ ΤΗΣ 6ης ΣΕΠ ----------
   ΕΙΧΑ ΒΑΛΕΙ ΕΔΩ ΛΕΥΚΟ, με το σκεπτικό «οι τίτλοι κάθονται στο σκούρο φόντο του σάιτ».
   Το σάιτ ΔΕΝ είχε σκούρο φόντο: το σκούρο ήταν το `.tp-credit`, ένα div χωρίς `clear`
   που άπλωνε σε ολόκληρη τη σελίδα (διορθώθηκε 7 Σεπ). Με το φόντο πια λευκό, ο λευκός
   τίτλος έγινε ΑΟΡΑΤΟΣ — 1,15:1, μετρημένο στο /en/nearby-getaways/kalavryta-day-trip/:
   γράμματα rgb(255,255,255) πάνω σε rgb(239,239,239).

   ΜΑΘΗΜΑ: μη «διορθώνεις» χρώμα πριν αποδείξεις τι ζωγραφίζει από πίσω. Εδώ επιστρέφουμε
   στο σκούρο μπλε του σάιτ — που ήταν σωστό εξαρχής. */
.vk-ga-h,.vk-ga-sec h2,.vk-ga-sec h3{color:#12324f!important}
.vk-ga-lead,.vk-ga-sub{color:#41546b!important}

/* ---- 5. 🔴 ΜΠΑΝΤΑ ΤΙΤΛΟΥ ΜΕ ΦΩΤΟΓΡΑΦΙΑ: ο τίτλος ήταν ΤΟ ΙΔΙΟ ΧΡΩΜΑ ΜΕ ΤΟ ΦΟΝΤΟ ----
   Μετρημένο στο /48-ores-kiato/ (7 Σεπ): τα γράμματα rgb(18,50,79) και τα pixel πίσω τους
   rgb(18,50,79) — 3.055 στα 3.111. Κυριολεκτικά αόρατος τίτλος, σε κάθε σελίδα που η
   μπάντα της έχει φωτογραφία (κλάση `hasbg`). Το θέμα δίνει στη μπάντα σκούρο σκέπασμα
   αλλά αφήνει τον τίτλο στο σκούρο μπλε του σάιτ.

   Λευκός τίτλος ΚΑΙ σκούρο πέπλο: το πέπλο εγγυάται ότι ο λευκός τίτλος διαβάζεται
   ό,τι φωτογραφία κι αν ανέβει αύριο — αλλιώς μια ανοιχτή φωτογραφία θα ξαναέκρυβε
   τον τίτλο, με το ίδιο ακριβώς αποτέλεσμα αλλά ανάποδα. */
#page_caption.hasbg{position:relative}
#page_caption.hasbg::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,20,36,.40),rgba(8,20,36,.66))}
#page_caption.hasbg > *{position:relative;z-index:1}
#page_caption.hasbg h1,#page_caption.hasbg h2,
#page_caption.hasbg .page_title_wrapper,#page_caption.hasbg .page_title_wrapper *,
#page_caption.hasbg .page_tagline,#page_caption.hasbg .page_tagline *{
  color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.55)!important}

/* ---- 6. ΣΥΝΔΕΣΜΟΙ ΜΕΣΑ ΣΤΟ ΚΕΙΜΕΝΟ: το τιρκουάζ του θέματος είναι πολύ ανοιχτό ----
   #0399AA πάνω σε λευκό δίνει 3,42:1 — κάτω από το 4,5:1 που χρειάζεται κανονικό κείμενο.
   Το ίδιο τιρκουάζ, σκουρότερο (#01768A), δίνει 5,8:1 και κρατά το χρώμα του σάιτ.
   ΜΟΝΟ σε συνδέσμους μέσα σε παραγράφους/λίστες του περιεχομένου: τα μενού και τα
   κουμπιά έχουν δικά τους χρώματα (λευκό σε σκούρο) και δεν τα αγγίζουμε. */
#page_content_wrapper p > a:not([class]):not([style]),
#page_content_wrapper li > a:not([class]):not([style]),
.post_content p > a:not([class]):not([style]),
.ppb_text p > a:not([class]):not([style]),
.ppb_text li > a:not([class]):not([style]){color:#01768A!important}

/* ---- 7. ΤΑ ΥΠΟΛΟΙΠΑ ΤΗΣ ΣΑΡΩΣΗΣ 396 ΣΕΛΙΔΩΝ (7 Σεπ) ------------------------
   Κάθε αριθμός εδώ είναι μετρημένος: χρώμα γραμμάτων από το CSS, χρώμα φόντου από τα
   πραγματικά pixel του screenshot. */

/* 7α. Το τιρκουάζ #0399AA και σε ΕΝΤΟΝΑ μέσα σε συνδέσμους (2,97:1 — «Υπηρεσίες Κιάτου»).
   Ο κανόνας 6 έπιανε μόνο <a> κάτω από <p>/<li>· εδώ ο σύνδεσμος τυλίγει <strong>. */
#page_content_wrapper .inner a:not([class]):not([style]),
#page_content_wrapper .inner a:not([class]):not([style]) strong,
#page_content_wrapper .inner strong > a:not([class]):not([style]){color:#01768A!important}

/* 7β. ΚΕΙΜΕΝΟ ΠΑΝΩ ΣΕ ΦΩΤΟΓΡΑΦΙΑ: πέπλο αντί για αλλαγή χρώματος.
   Το χρυσό #F2DDB8 πάνω σε φωτογραφία έδινε 2,79:1 («⛪ Μονές & Εκκλησίες») και 3,57:1
   (η ημερομηνία του άρθρου). Δεν αλλάζουμε το χρώμα — είναι η ταυτότητα του σάιτ· ρίχνουμε
   35% σκούρο πέπλο πίσω του. Μετρημένο: 2,79 → 5,08. Λύνει ΚΑΘΕ ανοιχτό κείμενο σε
   ΚΑΘΕ φωτογραφία αυτών των μπλοκ, και για όσες φωτογραφίες μπουν αύριο.
   ⚠ Το gradient αυτών των hero είναι INLINE (style="background-image:…"), οπότε δεν
   αλλάζεται από εδώ — γι' αυτό ψευδοστοιχείο και όχι background.

   ΤΟ 35% ΔΕΝ ΑΡΚΕΣΕ (δεύτερη μέτρηση: 2,79 → μόλις 3,19). Στο 48% το ίδιο κείμενο πάνω
   στην ίδια φωτογραφία δίνει 6,97:1. Μπαίνει και στο hero της αρχικής (.vk-hero), όπου
   το «VISIT KIATO · ΕΛΛΑΔΑ» μετρήθηκε 2,54:1.

   ⚠ ΤΟ `.vk-ga-hero` ΕΞΑΙΡΕΙΤΑΙ ΕΠΙΤΗΔΕΣ. Όταν το είχα μέσα, το πέπλο σκούρυνε και το
   ΛΕΥΚΟ κουτί στοιχείων που κάθεται μέσα του («Απόσταση από το Κιάτο», «Με αυτοκίνητο»):
   το φόντο του έγινε rgb(132,138,145) και τα γκρι γράμματα έπεσαν στο 1,57:1 — δηλαδή η
   ίδια μου η διόρθωση δημιούργησε νέο πρόβλημα, χειρότερο από αυτό που έλυνε. Το hero των
   αποδράσεων δεν το χρειάζεται: το μόνο του εύρημα («🦁 UNESCO») λύθηκε με το χρώμα
   φόντου του σήματος. ΜΑΘΗΜΑ: πριν ρίξεις πέπλο σε δοχείο, δες τι ΑΛΛΟ κάθεται μέσα του.

   ⚠ Η κλάση του hero των αξιοθεάτων είναι **`.vk-si-hero`**, ΟΧΙ `.vk-si-h` — το είχα
   γράψει λάθος και το πέπλο δεν έπιανε σε 10 σελίδες αξιοθεάτων (οι τιμές έμεναν ίδιες
   πριν και μετά: 2,79 → 2,79· αυτό ήταν η ένδειξη ότι ο επιλογέας αστοχούσε, όχι ότι το
   πέπλο ήταν αδύναμο). Πάρε την κλάση από το DOM, μη τη μαντεύεις.

   🚩 ΚΑΙ ΤΟ ΣΗΜΑΝΤΙΚΟΤΕΡΟ: τα τρία παραπάνω κομμάτια είχαν μείνει ΕΞΩ από σχόλιο (έκλεινα
   με «*/» χωρίς να ανοίγω με «/*»). Το CSS έσπαγε εκεί και ΟΛΟΙ οι κανόνες από κάτω —
   πέπλο, χρώματα, τα πάντα — αγνοούνταν σιωπηλά. Ο browser δεν παραπονιέται· απλώς τους
   πετάει. Έλεγχος πριν το ανέβασμα: τα «/*» πρέπει να ισούνται με τα «*/». */
.vk-si-hero,.vk-art-hero,.vk-bl-hero,.vk-ft-hero{position:relative}
.vk-si-hero::after,.vk-art-hero::after,.vk-bl-hero::after,.vk-ft-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:rgba(6,16,30,.48)}
.vk-si-hero > *,.vk-art-hero > *,.vk-bl-hero > *,.vk-ft-hero > *{position:relative;z-index:1}

/* 7β2. Η ΑΡΧΙΚΗ ΒΓΗΚΕ ΚΙ ΑΥΤΗ ΑΠΟ ΤΟ ΠΕΠΛΟ — ΤΟ ΙΔΙΟ ΛΑΘΟΣ, ΔΕΥΤΕΡΗ ΦΟΡΑ.
   Το `.vk-hero` της αρχικής δεν είναι απλό μπάνερ: μέσα του κάθονται ολόκληρες ενότητες
   (ο σχεδιαστής διαδρομής, οι επιχειρήσεις). Το πέπλο τις σκούρυνε και τα κείμενά τους
   έπεσαν στο 1,84 και 2,02:1 — χειρότερα από το 2,54 που πήγαινα να λύσω.
   Λύση χωρίς πέπλο: το «VISIT KIATO · ΕΛΛΑΔΑ» γίνεται ΕΤΙΚΕΤΑ με δικό της σκούρο φόντο.
   Λευκό πάνω σε rgba(6,16,30,.55) → 10,2:1, και τίποτε άλλο δεν επηρεάζεται. */
.vk-hero-kicker,span.vk-hero-kicker{
  color:#fff!important;background:rgba(6,16,30,.58);padding:5px 12px;border-radius:20px;
  display:inline-block;backdrop-filter:blur(2px)}
/* Δίχτυ: ό,τι έχει δικό του ανοιχτό φόντο μέσα σε hero μένει ΠΑΝΩ από το πέπλο. */
.vk-si-h .vk-si-facts,.vk-art-hero .vk-ga-facts,.vk-bl-hero .vk-ga-facts,
.vk-hero .vk-ga-facts,[class*="-hero"] [class*="-facts"]{position:relative;z-index:2}

/* 7γ. Χρώματα που δεν περνούν πάνω σε ΛΕΥΚΟ — ίδια οικογένεια, πιο σκούρα */
.vk-xp-chip,button.vk-xp-chip{color:#8a5f13!important}          /* 2,23 → 5,63 */
.vk-xp-card-m,.vk-ph-p,span.vk-xp-card-m,span.vk-ph-p{color:#5a6b80!important}  /* 3,73 → 5,45 */
.vk-ga-kick,span.vk-ga-kick{background:#7a5334!important}       /* λευκό σε καφέ: 4,17 → 6,74 */

/* 7δ. Δεύτερο πέρασμα της σάρωσης — ό,τι έμεινε πάνω σε ΑΝΟΙΧΤΟ γκρι (#efefef) */
#page_content_wrapper .inner strong,
#page_content_wrapper .inner strong a,
#page_content_wrapper .inner a strong{color:#01768A!important}   /* 2,97 → 5,80 «Υπηρεσίες Κιάτου» */
/* Χρυσές ετικέτες ενοτήτων («Ανά προφίλ», «Προγράμματα», «Ιδέες & εμπειρίες»): ζουν σε
   `.vk-ft-sec` ΧΩΡΙΣ δική τους κλάση — τις στοχεύουμε από τον γονέα. 2,57 → 5,63. */
.vk-ft-sec span,.vk-ft-sec > span,.vk-xp-by,.vk-xp-card-by{color:#8a5f13!important}
/* Παραδείγματα αναζήτησης («ήσυχη παραλία με σκιά»): κάθονται σε ανοιχτό γκρι #DFE2E4,
   όχι σε λευκό — εκεί το #01768A πέφτει στο 4,46, λίγο κάτω από το όριο.
   Χρειάζεται `#page_content_wrapper .inner` μπροστά: ο κανόνας 6 πιο πάνω είναι
   `#page_content_wrapper .inner a:not([class]):not([style])` και θα νικούσε αυτόν εδώ — δικός μου
   κανόνας να ακυρώνει δικό μου κανόνα. Ίδια ειδικότητα + μεταγενέστερος = κερδίζει. */
#page_content_wrapper .inner .pnl-s-eg a:not([style]),#page_content_wrapper .inner .pnl-hb-eg a:not([style]),
#page_content_wrapper .inner .vk-xp-chip a:not([style]),#page_content_wrapper .inner .vk-xp-sug a:not([style]),
#page_content_wrapper .inner .pnl-s-eg a,#page_content_wrapper .inner .pnl-hb-eg a,
#page_content_wrapper .inner .vk-xp-chip a,#page_content_wrapper .inner .vk-xp-sug a,
#page_content_wrapper .pnl-s-eg a,#page_content_wrapper .pnl-hb-eg a,
.pnl-s-eg a,.pnl-hb-eg a,.vk-xp-chip a,.pnl-chip,.pnl-chip a,.vk-xp-sug a{color:#005F6B!important}

/* ---- 7ε. Τρίτο πέρασμα — έλεγχος σε ΠΛΑΤΟΣ ΥΠΟΛΟΓΙΣΤΗ (1440px) --------------
   Ο έλεγχος στο κινητό δεν τα έπιανε: άλλες σελίδες, άλλα μπλοκ, άλλες κάρτες. */

/* Ο τόπος της εκδήλωσης στην αρχική: #6b7c91 δίνει 4,27:1 ΑΚΟΜΑ ΚΑΙ ΣΕ ΛΕΥΚΟ — οριακά
   κάτω από το όριο, γι' αυτό κρυβόταν τόσο καιρό. Το ίδιο γκρι, μια σκάλα πιο σκούρο. */
.vk-evs-loc,span.vk-evs-loc{color:#5a6b80!important}   /* 4,27 → 5,45 */

/* Πορτοκαλί κουμπί «Κάνε εγγραφή!»: λευκά γράμματα σε #EFA300 = 2,12:1. Κρατάμε το
   πορτοκαλί, το σκουραίνουμε όσο χρειάζεται ώστε να διαβάζεται το λευκό. */
/* Το κουμπί είναι `a.button.transparent` — ΔΙΑΦΑΝΕΣ. Το πορτοκαλί #EFA300 είναι το φόντο
   του `.promo_box` πίσω του, γι' αυτό δεν έπιανε το `background-color` στο ίδιο το κουμπί.
   Του δίνουμε δικό του σκούρο ημιδιαφανές στρώμα: κρατά το στυλ, 2,12 → 6,13. */
.promo_box a.button.transparent,.promo_box a.button{
  background:rgba(0,0,0,.45)!important;border-color:rgba(255,255,255,.85)!important}

/* Το μπλε #1E73BE πάνω στο γκρι φόντο του σάιτ δίνει 4,3:1 — λίγο κάτω από το όριο.
   Ίδιο μπλε, μια σκάλα πιο σκούρο (χρησιμοποιείται ήδη αλλού στο σάιτ). */
.vk-biz-cat,.vk-rt-gpx,span.vk-biz-cat,span.vk-rt-gpx{color:#15599e!important}  /* 4,30 → 6,18 */

/* ---- 4. Κινητό: λιγότερο padding, να μη στενεύει το κείμενο ---- */
@media(max-width:600px){
  .vk-art-body{padding:16px 14px 20px;border-radius:12px}
  .vk-nearby{padding:16px 14px 20px;border-radius:12px;margin:18px auto}
}
/* vk-totop-css */
#toTop{display:none!important}
#vk-totop{position:fixed;left:20px;bottom:20px;z-index:99980;width:46px;height:46px;border-radius:50%;
	background:#1e73be;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;
	box-shadow:0 6px 18px rgba(30,115,190,.45);opacity:0;visibility:hidden;transform:translateY(12px);
	transition:opacity .2s ease,transform .2s ease,background .15s ease;cursor:pointer;border:0}
#vk-totop.on{opacity:1;visibility:visible;transform:translateY(0)}
#vk-totop:hover{background:#175a94;color:#fff}
#vk-totop svg{width:22px;height:22px}
@media(max-width:640px){#vk-totop{left:16px;bottom:16px;width:44px;height:44px}}
/* vk-footer-mobile-css */
@media(max-width:640px){
	#footer .sidebar_widget.three{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 16px;align-items:start;margin-top:8px}
	#footer .sidebar_widget.three > li.widget{width:auto!important;box-sizing:border-box;float:none!important;margin:0 0 16px!important;display:block}
	#footer .sidebar_widget.three > li.widget .widgettitle{font-size:1rem;margin-bottom:8px;line-height:1.25}
	#footer .sidebar_widget.three > li.widget .widgettitle:after{margin-top:6px}
	#footer .widget_nav_menu ul.menu li{margin:0;border:0}
	#footer .widget_nav_menu ul.menu li a{padding:3px 0;display:block;line-height:1.35;font-size:.92rem}
	/* address / contact widget: keep readable, allow full row if it is the last odd one */
	#footer .widget_text p,#footer .widget_block p{margin:0 0 8px;line-height:1.4}
	/* media-image widgets (GREECE / sponsor logos) shouldn't overflow their half column */
	#footer .widget_media_image img,#footer .widget_block img{max-width:100%;height:auto}
}
@media(max-width:360px){
	#footer .sidebar_widget.three{grid-template-columns:1fr!important}
}
/* vk-blog-hero-fix */
.vk-bl-hero h1,.vk-bl-hero h2,.vk-bl-hero h3,html body:not(.home) .vk-bl-hero h1,html body:not(.home) .vk-bl-hero h2,html body:not(.home) .vk-bl-hero h3{color:#fff!important}html body:not(.home) .vk-bl-hero p,.vk-bl-hero p{color:#eaf1f8!important}html body:not(.home) .vk-bl-hero .vk-bl-eb,.vk-bl-hero .vk-bl-eb{color:#ffd54a!important}
/* vk-guides-css */
.vk-g{max-width:1080px;margin:8px auto 30px;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.vk-g-hero{position:relative;height:clamp(200px,34vw,340px);border-radius:20px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;box-shadow:0 12px 34px rgba(10,40,80,.16);margin:12px 0 26px}
.vk-g-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,35,.15),rgba(8,20,35,.72))}
.vk-g-hero-t{position:relative;z-index:1;color:#fff;padding:22px 24px}
.vk-g .vk-g-hero-t h1{font-size:clamp(1.7rem,4.4vw,2.7rem);font-weight:800;margin:0 0 6px;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.vk-g .vk-g-hero-t p{margin:0;font-size:clamp(1rem,2vw,1.18rem);color:#eaf2fb!important;max-width:640px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.vk-g-intro{font-size:1.1rem;line-height:1.75;color:#3f4d5e;max-width:820px;margin:0 auto 26px;text-align:center}
.vk-g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.vk-g-card{background:#fff;border:1px solid #e6ebf2;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(10,40,80,.07);display:flex;flex-direction:column}
.vk-g-card-img{height:170px;background-size:cover;background-position:center;background-color:#dfe8f2}
.vk-g-card-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.vk-g-card-b h3{margin:0;font-size:1.16rem;font-weight:800;color:#12324f}
.vk-g-card-b p{margin:0;font-size:.98rem;line-height:1.6;color:#48576b;flex:1}
.vk-g-tags{display:flex;flex-wrap:wrap;gap:6px}
.vk-g-tag{background:#eef4fb;color:#1e5f97;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:20px}
.vk-g-map{margin-top:2px;color:#1e73be;font-weight:700;font-size:.92rem;text-decoration:none}
.vk-g-map:hover{text-decoration:underline}
/* timeline (48h) */
.vk-g-day{margin:0 0 26px}
.vk-g-day-h{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.vk-g-day-n{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#1e73be,#12b3c7);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.82rem;text-align:center;line-height:1}
.vk-g-day-h h2{margin:0;font-size:1.35rem;font-weight:800;color:#12324f}
.vk-g-steps{display:flex;flex-direction:column;gap:12px;border-left:3px solid #dbe7f4;margin-left:22px;padding-left:22px}
.vk-g-step{position:relative}
.vk-g-step:before{content:"";position:absolute;left:-30px;top:4px;width:13px;height:13px;border-radius:50%;background:#1e73be;border:3px solid #fff;box-shadow:0 0 0 2px #dbe7f4}
.vk-g-step .vk-g-time{font-size:.8rem;font-weight:800;color:#1e73be;letter-spacing:.03em;text-transform:uppercase}
.vk-g-step h4{margin:2px 0 3px;font-size:1.06rem;color:#14263a}
.vk-g-step p{margin:0;color:#48576b;font-size:.97rem;line-height:1.6}
/* gallery */
.vk-g-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.vk-g-gal a{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background-size:cover;background-position:center;box-shadow:0 4px 16px rgba(10,40,80,.1);transition:transform .18s ease}
.vk-g-gal a:hover{transform:scale(1.02)}
.vk-g-note{text-align:center;color:#8494a6;font-size:.9rem;margin:18px 0 0}
@media(max-width:600px){.vk-g-gal{grid-template-columns:repeat(2,1fr)}}
/* vk-hide-mwai */
.mwai-chatbot,.mwai-window,.mwai-trigger,.mwai-chatbot-container,.mwai-chatgpt-theme,[class*="mwai-bottom-"]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}
/* vk-nocomments-css */
.comment_counter,.comment_number,.comments_number,.comments-link,.post-comments,.comment-count,a[href$="#respond"].comment_counter,a[href*="#comments"],#comments,.comments-area,.comment-respond,.single .comments,.fa-comments{display:none!important}
/* vk-oflow-fix */
html,body{overflow-x:clip;max-width:100%}@supports not (overflow:clip){@media(max-width:1024px){html,body{overflow-x:hidden}}}.vk-nl,.vk-plan,.vk-disc{width:auto!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:18px!important;padding-right:18px!important;box-sizing:border-box!important;overflow-wrap:break-word}.vk-nl *,.vk-plan *,.vk-disc *{max-width:100%;overflow-wrap:break-word}.vk-burger span{background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.45)!important}.vk-burger{background:rgba(18,50,79,.34)!important;backdrop-filter:blur(2px)}@media(max-width:820px){.vk-xp,.vk-si,.vk-cg,.vk-gal,.vk-vp,.vk-vp-hero,.vk-ph,.vk-rt,.vk-g,.vk-evs,.vk-nl,.vk-plan,.vk-disc{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box!important}.vk-xp,.vk-si,.vk-cg,.vk-gal,.vk-rt,.vk-g{padding-left:14px!important;padding-right:14px!important}#vk-xp-map{height:460px!important}#page_content_wrapper,.page_content_wrapper{width:auto!important;max-width:none!important;margin-left:15px!important;margin-right:15px!important;box-sizing:border-box!important}.sidebar_content,.inner,.inner_wrapper,.post_wrapper,.post_content_wrapper,.post_header,.one{width:auto!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.page_content_wrapper img,.post_content_wrapper img,.entry-content img{max-width:100%!important;height:auto!important}}
/* zz-slider-scrollbars */
.vk-evs-track,.vk-biz-grid,.vk-tours-grid,.vk-rt-grid{scrollbar-width:none!important;-ms-overflow-style:none!important}.vk-evs-track::-webkit-scrollbar,.vk-biz-grid::-webkit-scrollbar,.vk-tours-grid::-webkit-scrollbar,.vk-rt-grid::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
/* zz-slider-arrows-mobile */
@media(max-width:600px){.vk-evs-nav,.vk-biz-nav,.vk-tours-nav,.vk-rt-nav{display:flex!important;width:34px;height:34px;font-size:1.15rem;background:rgba(255,255,255,.94)}.vk-evs-prev,.vk-biz-prev,.vk-tours-prev,.vk-rt-prev{left:2px!important}.vk-evs-next,.vk-biz-next,.vk-tours-next,.vk-rt-next{right:2px!important}}
/* vk-inner-header */
/* solid modern navy header on all inner pages */
body:not(.home) #menu_wrapper,
body:not(.home) .header_style_wrapper,
body:not(.home) #nav_wrapper,
body:not(.home) .nav_wrapper_inner,
body:not(.home) #menu_border_wrapper{background:#12324f!important;box-shadow:none!important;border:none!important}
body:not(.home) #menu_wrapper{box-shadow:0 2px 16px rgba(8,20,35,.22)!important;width:100%!important;max-width:100%!important;min-height:70px!important;padding-top:8px!important;padding-bottom:8px!important;box-sizing:border-box!important}
/* white logo (eager css bg, sized to fit the bar so it never gets cut) */
body:not(.home) #custom_logo{display:none!important}
body:not(.home) #custom_logo_transparent{display:block!important;width:150px!important;height:48px!important;background:url('https://visitkiato.com/assets/uploads/2024/02/visit-kiato-lefko-horizontal-3.png') left center/contain no-repeat!important;filter:none!important;margin-top:4px!important}
body:not(.home) #custom_logo_transparent img,body:not(.home) #custom_logo_transparent noscript{opacity:0!important;visibility:hidden!important}
/* white menu (override vk-ui-fixes dark colours) */
body:not(.home) #main_menu>li>a,
body:not(.home) #menu_border_wrapper #main_menu>li>a{color:#fff!important}
body:not(.home) #main_menu>li.menu-item-has-children>a:after,
body:not(.home) #main_menu>li>a .caret{color:#fff!important;border-top-color:#fff!important}
body:not(.home) #main_menu>li>a:hover{color:#8fd3ff!important}
/* kill any grey title-bar band */
body:not(.home) #titlebar,body:not(.home) .title_outer,body:not(.home) .page_title_holder,body:not(.home) .qodef-page-title{background:#12324f!important}
body:not(.home) #titlebar .qodef-st-title,body:not(.home) .title_outer h1,body:not(.home) .qodef-page-title h1{color:#fff!important}
/* vk-modern */
/* ---------- modern font, site-wide (fast system stack) ---------- */
body,button,input,select,textarea,.q_content,.page_content_wrapper,#main_menu{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* ---------- inner-page content typography ---------- */
body:not(.home) .page_content_wrapper{font-size:17px}
body:not(.home) .q_content p,body:not(.home) .page_content_wrapper > p,body:not(.home) .wpb_text_column p,body:not(.home) .vc_column-inner p{font-size:1.075rem;line-height:1.85;color:#3f4d5e;text-align:left;margin:0 0 1.35em;letter-spacing:.1px}
body:not(.home) .q_content li,body:not(.home) .page_content_wrapper li{font-size:1.06rem;line-height:1.8;color:#3f4d5e;margin:0 0 .5em}
/* first paragraph = lead */
body:not(.home) .q_content > p:first-of-type{font-size:1.2rem;line-height:1.75;color:#2b3a4d}

/* ---------- headings ---------- */
body:not(.home) h1,body:not(.home) h2,body:not(.home) h3,body:not(.home) h4,body:not(.home) .qodef-st-title{color:#12324f!important;font-weight:800!important;letter-spacing:-.01em;line-height:1.25}
body:not(.home) .q_content h2,body:not(.home) .q_content h3{margin:1.6em 0 .6em}
/* section-title accent bar */
body:not(.home) .qodef-st-title{position:relative;display:inline-block;padding-bottom:14px}
body:not(.home) .qodef-st-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,#1e73be,#12b3c7)}

/* ---------- content images: rounded + soft shadow ---------- */
body:not(.home) .q_content img,body:not(.home) .wpb_single_image img,body:not(.home) .vc_single_image-img,body:not(.home) article img{border-radius:16px!important;box-shadow:0 10px 30px rgba(10,40,80,.14)}
body:not(.home) .q_content img{height:auto}

/* ---------- links ---------- */
body:not(.home) .q_content a:not(.qbutton):not(.button):not(.vk-btn){color:#1e73be;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .15s}
body:not(.home) .q_content a:not(.qbutton):not(.button):not(.vk-btn):hover{color:#12324f}

/* ---------- modern buttons site-wide ---------- */
.qbutton,.button:not(.vk-btn),input[type=submit],.wpcf7-submit,.et_pb_button{border-radius:40px!important;font-weight:700!important;letter-spacing:.2px;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease!important;box-shadow:0 6px 18px rgba(30,115,190,.28)}
.qbutton:hover,.button:not(.vk-btn):hover,input[type=submit]:hover,.wpcf7-submit:hover,.et_pb_button:hover{transform:translateY(-2px);filter:brightness(1.03)}

/* ---------- blockquote ---------- */
body:not(.home) .q_content blockquote{border-left:4px solid #1e73be;background:#f2f7fc;border-radius:0 12px 12px 0;padding:16px 22px;margin:1.4em 0;color:#2b3a4d;font-style:normal}

/* ---------- tables ---------- */
body:not(.home) .q_content table{border-collapse:separate;border-spacing:0;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(10,40,80,.08)}
body:not(.home) .q_content th{background:#12324f;color:#fff;padding:12px 14px;text-align:left}
body:not(.home) .q_content td{padding:11px 14px;border-top:1px solid #eef2f7}

/* ---------- page title band: modern ---------- */
body:not(.home) .title_outer,body:not(.home) #titlebar{padding:26px 0!important}
body:not(.home) .title_outer .qodef-st-title:after,body:not(.home) #titlebar .qodef-st-title:after{display:none}

/* ---------- smoother forms ---------- */
body:not(.home) input[type=text],body:not(.home) input[type=email],body:not(.home) input[type=tel],body:not(.home) textarea,body:not(.home) select{border-radius:12px!important;border:1px solid #d8e0ea!important;padding:12px 14px!important;transition:border-color .15s,box-shadow .15s}
body:not(.home) input:focus,body:not(.home) textarea:focus,body:not(.home) select:focus{border-color:#1e73be!important;box-shadow:0 0 0 3px rgba(30,115,190,.15)!important;outline:none}

/* ---------- modern footer (navy, matches header) ---------- */
#footer{background:#12324f!important}
#footer,#footer p,#footer li,#footer span,#footer .textwidget,#footer .et_pb_blurb_description,#footer .et_pb_blurb_container,#footer h3,#footer h4{color:#c6d6ea!important}
#footer .widgettitle,#footer h2.widgettitle,#footer .et_pb_module_header{color:#fff!important;position:relative;padding-bottom:12px;margin-bottom:16px;font-weight:800!important}
#footer .widgettitle:after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,#1e73be,#12b3c7)}
#footer a{color:#cfe0f2!important;transition:color .15s ease}
#footer a:hover{color:#8fd3ff!important}
#footer .widget_nav_menu li{border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0}
#footer .widget_media_image img,#footer .textwidget img,#footer .et_pb_image_wrap img,#footer .et_pb_blurb img{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:brightness(0) invert(1)!important;opacity:.9}
/* «Greece – All Time Classic» is a self-contained brand logo (cyan box + white text) — inverting it wipes it out, so show it natively */
#footer img.wp-image-16339{filter:none!important;opacity:1!important}
#footer .footer_social a,#footer .social_icon,#footer .fa{color:#fff!important}
.footer_bar,.footer_bar_wrapper,#footer_bottom{background:#0d2033!important}
.footer_bar,.footer_bar *,.footer_bar_wrapper,.footer_bar_wrapper *{color:#9fb3cc!important}
.footer_bar a:hover,.footer_bar_wrapper a:hover{color:#fff!important}

@media(max-width:600px){body:not(.home) .page_content_wrapper{font-size:16px}body:not(.home) .q_content > p:first-of-type{font-size:1.1rem}}
/* vk-pq-css */
/* 1. ΣΧΗΜΑ ΚΑΡΤΑΣ ΑΝΤΙ ΓΙΑ ΣΤΑΘΕΡΟ ΥΨΟΣ ------------------------------------
   Το σταθερό ύψος ήταν η ρίζα του προβλήματος: όσο πλάταινε η κάρτα, τόσο πιο
   λωρίδα γινόταν η φωτογραφία. Η αναλογία κρατά το σχήμα σταθερό παντού. */
html body .vk-si-thumb { height: auto !important; aspect-ratio: 3/2; }
html body .vk-xp-thumb { height: auto !important; aspect-ratio: 16/9; }
html body .vk-rt-thumb { height: auto !important; aspect-ratio: 16/9; }
/* Η λωρίδα «Επόμενες Εκδηλώσεις» της αρχικής είχε ύψος 120px σε κάρτα ~277px: λωρίδα 2,3:1.
   Οι αφίσες είναι συνήθως ΟΡΘΙΕΣ, οπότε δείχνονταν ολόκληρες αλλά μικροσκοπικές, με τεράστια
   θολά πλαϊνά. Με σχήμα 3:2 η αφίσα παίρνει πραγματικό χώρο. */
html body .vk-evs-img { height: auto !important; aspect-ratio: 3/2; }
@media (max-width: 600px) {
  html body .vk-xp-thumb { aspect-ratio: 3 / 2; }
}

/* 2. ΟΛΟΚΛΗΡΗ Η ΦΩΤΟΓΡΑΦΙΑ + ΘΟΛΟ ΦΟΝΤΟ ------------------------------------
   Μπαίνει από τη JS μόνο εκεί που όντως κοβόταν η φωτογραφία. */
/* Το `isolation:isolate` φτιάχνει δικό του επίπεδο στοίβαξης, ώστε το θολό στρώμα να
   μπορεί να πάει στο z-index:-1 — πίσω από ΟΛΟ το περιεχόμενο της κάρτας, χωρίς να
   χρειαστεί να πειράξουμε τη θέση των παιδιών (ετικέτες, ★, ημερομηνία). Το προηγούμενο
   `> *{position:relative}` θα μετακινούσε κάθε απόλυτα τοποθετημένη ετικέτα. */
html body .vk-pf-host { position: relative; overflow: hidden; isolation: isolate; }
html body .vk-pf-bg {
  position: absolute; inset: 0; z-index: -2;
  background-size: cover; background-position: center;
  filter: blur(16px) saturate(1.15) brightness(.92);
  transform: scale(1.18);
  pointer-events: none;
}
html body img.vk-pf-fit {
  object-fit: contain !important;
  width: 100%; height: 100%;
}
/* Κάρτες που είναι ΦΟΝΤΟ (όχι <img>): το φόντο του στοιχείου ζωγραφίζεται ΠΙΣΩ από τα
   παιδιά του, οπότε το θολό στρώμα θα το έκρυβε ολόκληρο. Άρα σβήνουμε το φόντο του
   στοιχείου και βάζουμε την καθαρή φωτογραφία σε δικό της στρώμα, από πάνω. */
html body .vk-pf-split { background-image: none !important; }
/* z-index −1: πάνω από το θολό (−2) αλλά ΠΙΣΩ από ετικέτες/τίτλους/★ της κάρτας.
   Με z-index 0 σκέπαζε την ετικέτα ημερομηνίας. */
html body .vk-pf-fg {
  position: absolute; inset: 0; z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}


/* 3. ΛΟΓΟΤΥΠΑ & ΕΙΚΟΝΙΔΙΑ — ΠΟΤΕ ΚΟΜΜΕΝΑ --------------------------------- */
html body img[class*="logo" i],
html body img[alt*="logo" i],
html body img[src*="logo" i],
html body .footer img,
html body #custom_logo img,
html body #custom_logo_transparent img {
  object-fit: contain !important;
  aspect-ratio: auto !important;
}
/* zz-a11y-footer */
@media (max-width:782px){
  /* 1. Κουμπί προσβασιμότητας: ολόκληρο μέσα στην οθόνη και κανονικό σημείο αφής. */
  #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{left:-44px!important;width:44px!important}
  #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle .pojo-a11y-toolbar-link{
    width:44px!important;height:44px!important;line-height:44px!important;
    display:flex!important;align-items:center;justify-content:center;padding:0!important}
  #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle .pojo-a11y-toolbar-link i,
  #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle .pojo-a11y-toolbar-link svg{margin:0!important;font-size:22px!important}

  /* 2. Το λογότυπο του συνεργάτη πήγαινε κάτω ΑΡΙΣΤΕΡΑ, με μισή γραμμή κενή δίπλα του.
        Το υποσέλιδο είναι πλέγμα δύο στηλών: το στέλνουμε στη ΔΕΞΙΑ στήλη και το τραβάμε
        πάνω, στο κενό που άφηνε το σύντομο «#visitkiato» — έτσι γεμίζει το κενό αντί να
        προσθέτει ακόμη μια σειρά ύψους. */
  #footer .sidebar_widget > li.widget_media_image{
    grid-column:2;grid-row:2;justify-self:end;align-self:start;
    text-align:right;margin-top:44px;margin-bottom:0}
  #footer .sidebar_widget > li.widget_media_image img{display:inline-block;margin:0 0 0 auto}
  #footer .sidebar_widget > li.widget_media_image figure{margin:0;text-align:right}
}
/* Πολύ στενές οθόνες: μένει δεξιά, χωρίς το τράβηγμα προς τα πάνω ώστε να μην ακουμπήσει
   το κείμενο από πάνω. */
@media (max-width:360px){
  #footer .sidebar_widget > li.widget_media_image{margin-top:0}
}
/* vk-menu-css */
/* ============ MOBILE DRAWER (CSS-only, <=1000px) ============ */
.vk-mnav-cb{position:absolute;left:-9999px;width:0;height:0;opacity:0}
.vk-burger,.vk-mnav-bd,.vk-mnav-x{display:none}
@media(max-width:1000px){
  /* replace the theme hamburger (its JS is delayed) with our label */
  #mobile_nav_icon{display:none!important}
  .vk-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;top:16px;right:66px;width:44px;height:44px;padding:9px 8px;box-sizing:border-box;z-index:100050;cursor:pointer;border-radius:10px}
  .vk-burger span{display:block;height:3px;border-radius:3px;background:#12324f;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
  body.home .vk-burger span{background:#fff}
  /* backdrop */
  .vk-mnav-bd{display:block;position:fixed;inset:0;background:rgba(6,18,32,.55);opacity:0;pointer-events:none;transition:opacity .3s;z-index:100040}
  /* the theme drawer, restyled + slide-in */
  html body .mobile_menu_wrapper{position:fixed!important;top:0!important;bottom:0!important;left:auto!important;right:0!important;width:300px!important;max-width:85vw!important;height:100%!important;min-height:100%!important;background:#1e73be!important;z-index:100045!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;box-shadow:-8px 0 30px rgba(0,0,0,.3);transform:translateX(106%)!important;transition:transform .32s ease!important;padding:70px 0 30px!important;visibility:visible!important;opacity:1!important;display:block!important}
  html body #vk-mnav:checked ~ .mobile_menu_wrapper{transform:translateX(0)!important}
  #vk-mnav:checked ~ .vk-mnav-bd{opacity:1;pointer-events:auto}
  #vk-mnav:checked ~ .vk-burger{opacity:0;pointer-events:none}
  /* our own working close button */
  .vk-mnav-x{display:flex;align-items:center;justify-content:center;position:fixed;top:14px;right:-60px;width:44px;height:44px;font-size:22px;color:#fff;background:rgba(255,255,255,.15);border-radius:50%;z-index:100060;cursor:pointer;transition:right .32s ease;opacity:0}
  #vk-mnav:checked ~ .vk-mnav-x{right:16px;opacity:1}
  /* drawer contents: show ALL sub-menus (no JS accordion needed) */
  .mobile_menu_wrapper #close_mobile_menu{display:none!important}
  .mobile_menu_wrapper ul{list-style:none!important;margin:0!important;padding:0!important}
  .mobile_menu_wrapper li{border-bottom:1px solid rgba(255,255,255,.14)!important;float:none!important;width:100%!important}
  .mobile_menu_wrapper a{display:block!important;color:#fff!important;padding:13px 22px!important;font-size:15px!important;text-decoration:none!important;line-height:1.3!important}
  .mobile_menu_wrapper a:hover{background:rgba(255,255,255,.10)!important}
  .mobile_menu_wrapper .sub-menu{display:block!important;position:static!important;background:rgba(0,0,0,.14)!important;box-shadow:none!important;width:100%!important;visibility:visible!important;opacity:1!important}
  .mobile_menu_wrapper .sub-menu a{padding-left:38px!important;font-size:14px!important;opacity:.92}
  /* ---- collapsible accordion (matches visitcorinthia): sub-menus collapse; JS adds .vk-acc-on.
         Without JS they stay expanded, so the menu is never unusable. ---- */
  .mobile_menu_wrapper.vk-acc-on .sub-menu{max-height:0!important;overflow:hidden!important;transition:max-height .38s ease!important}
  .mobile_menu_wrapper.vk-acc-on li.vk-open>.sub-menu{max-height:1400px!important}
  .mobile_menu_wrapper.vk-acc-on li.vk-has-sub>a{position:relative}
  /* pure-CSS chevron (no font dependency) — points down, flips up when open */
  .mobile_menu_wrapper.vk-acc-on li.vk-has-sub>a{padding-right:46px!important}
  .mobile_menu_wrapper.vk-acc-on li.vk-has-sub>a:after{content:"";position:absolute;right:24px;top:18px;width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .3s ease;opacity:.9}
  .mobile_menu_wrapper.vk-acc-on li.vk-has-sub.vk-open>a:after{transform:rotate(-135deg);top:22px}
  .mobile_menu_wrapper .lang-item a{font-weight:700!important}
  body.vk-mnav-lock{overflow:hidden}
}
/* ============ DESKTOP MENU CENTERED (>=1001px) ============ */
@media(min-width:1001px){
  #nav_wrapper{float:none!important;width:100%!important;position:static!important;text-align:center!important}
  .nav_wrapper_inner{width:100%!important;float:none!important;text-align:center!important}
  #menu_border_wrapper{float:none!important;width:100%!important;text-align:center!important;display:block!important}
  ul#main_menu.nav{float:none!important;display:inline-flex!important;flex-wrap:wrap;justify-content:center!important;margin:0 auto!important;text-align:center!important}
  ul#main_menu.nav>li{float:none!important;display:inline-block!important}
}
/* ============ HOME: transparent overlay header (kill the grey band) + white menu ============ */
body.home .top_bar,body.home .top_bar.hasbg,body.home #top_bar,body.home .header_top{background:transparent!important;border:none!important;box-shadow:none!important}
/* the hero's own page-builder column adds 60px top padding -> exposes a grey body strip above the hero.
   Drop it for the hero column only, so the hero rises to y=0 under the floating menu. */
body.home .withsmallpadding:has(> .page_content_wrapper > .vk-hero){padding-top:0!important}
body.home .vk-hero{margin-top:0!important}
/* nudge the header (logo + menu) down a touch so it's not glued to the very top edge */
body.home #menu_wrapper{padding-top:18px!important}
@media(max-width:1000px){body.home #menu_wrapper{padding-top:10px!important}}
body:not(.home) #menu_wrapper{padding-top:16px!important;padding-bottom:12px!important}
@media(min-width:1001px){
  body.home #main_menu>li>a,body.home #menu_border_wrapper #main_menu>li>a,body.home .top_bar #main_menu>li>a{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.55)!important}
  body.home #main_menu>li>a:hover{color:#8fd3ff!important}
  body.home #main_menu>li.menu-item-has-children>a:after,body.home #main_menu .caret{color:#fff!important;border-top-color:#fff!important}
}
/* ============ INNER pages: force white menu text for contrast on the navy header (2-ID specificity to beat the theme) ============ */
@media(min-width:1001px){
  html body:not(.home) div#menu_wrapper ul#main_menu>li>a,
  html body:not(.home) div#menu_wrapper ul#main_menu>li>a:link,
  html body:not(.home) div#menu_wrapper ul#main_menu>li>a:visited{color:#fff!important}
  html body:not(.home) div#menu_wrapper ul#main_menu>li>a:hover,
  html body:not(.home) div#menu_wrapper ul#main_menu>li.current-menu-item>a{color:#8fd3ff!important}
  html body:not(.home) div#menu_wrapper ul#main_menu>li>a:after,
  html body:not(.home) div#menu_wrapper ul#main_menu .caret{color:#fff!important;border-top-color:#fff!important}
}
/* vk-ui-fixes */
/* ===== AI Engine (mwai) chat: Visit Kiato colours (#1e73be) ===== */
.mwai-chatgpt-theme .mwai-header { background:#1e73be !important; }
.mwai-chatgpt-theme .mwai-header,
.mwai-chatgpt-theme .mwai-name { color:#ffffff !important; }
.mwai-chatgpt-theme .mwai-header svg,
.mwai-chatgpt-theme .mwai-close-button svg { fill:#ffffff !important; stroke:#ffffff !important; }
.mwai-chatgpt-theme .mwai-body { background:#ffffff !important; }
.mwai-chatgpt-theme .mwai-conversation,
.mwai-chatgpt-theme .mwai-reply .mwai-text { color:#1a1a2e !important; }
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-text { background:#eaf2fb !important; color:#1a1a2e !important; }
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text { background:#1e73be !important; color:#ffffff !important; }
.mwai-chatgpt-theme .mwai-input { background:#eef4fb !important; }
.mwai-chatgpt-theme .mwai-input-text,
.mwai-chatgpt-theme .mwai-input-text textarea,
.mwai-chatgpt-theme .mwai-input textarea {
  color:#1a1a2e !important;
  -webkit-text-fill-color:#1a1a2e !important;
  caret-color:#1e73be !important;
}
.mwai-chatgpt-theme .mwai-input-text textarea::placeholder,
.mwai-chatgpt-theme .mwai-input textarea::placeholder {
  color:#7a8aa0 !important;
  -webkit-text-fill-color:#7a8aa0 !important;
}
.mwai-chatgpt-theme .mwai-input-submit svg { fill:#1e73be !important; stroke:#1e73be !important; }

/* Compact window */
.mwai-chat .mwai-window-box { max-height:520px !important; }
@media (min-width:768px) { .mwai-chat .mwai-window-box { max-width:400px !important; } }
.mwai-chat .mwai-body { max-height:330px !important; overflow-y:auto !important; }

/* Mobile: window must not overflow the viewport */
@media (max-width:480px) {
  .mwai-chat.mwai-bottom-right { right:10px !important; left:10px !important; }
  .mwai-chat.mwai-bottom-right .mwai-window-box {
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
  }
  .mwai-chat.mwai-bottom-right .mwai-trigger { right:10px !important; }
}
/* Hide floating avatar while window is open */
.mwai-chat.mwai-open .mwai-trigger,
.mwai-window.mwai-open .mwai-trigger { display:none !important; }

/* ===== Inner pages (non-home): white logo + menu are invisible on the light header — darken them ===== */
body:not(.home) #custom_logo_transparent img,
body:not(.home) #custom_logo img { filter: brightness(0) !important; }
body:not(.home) #main_menu > li > a,
body:not(.home) #menu_border_wrapper #main_menu > li > a { color:#1a1a2e !important; }
body:not(.home) #main_menu > li.menu-item-has-children > a:after,
body:not(.home) #main_menu > li > a .caret { color:#1a1a2e !important; border-top-color:#1a1a2e !important; }