.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-field-group.recaptcha_v3-bottomleft, .elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-field-type-html{padding-bottom:0px;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-button[type="submit"]{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-dc6f9fd{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-field-type-html{padding-bottom:0px;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-button[type="submit"]{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-1c13f25{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}/* Start custom CSS *//* Kavala STOP CO₂ · Έλα μαζί μας (σελίδα 22)
   Custom CSS του εγγράφου (Elementor → Ρυθμίσεις σελίδας → Custom CSS). Πηγή: 05_WordPress/assets/ks-symmetecho.css.
   Αντιστοιχεί στο prototype/symmetecho.html και στο style.css: §5 hero, §6 ενότητες, 8 φόρμες, 14.1 πηγή φωτογραφίας,
   14.11 φόρμες σε κάρτα, 14.13 Έλα μαζί μας, κουμπιά-γραμμές, 12 κίνηση.
   Άγκιστρα: data-ks="…" στα στοιχεία της σελίδας (όπως η αρχική, assets/ks-home.css). Global classes: ks-section(--*),
   ks-container, ks-dash, ks-label, ks-statement, ks-lead, ks-btn(--*).
   Φόρμες: δύο Elementor Pro Form (V3): η φόρμα εθελοντή (data-ks="kform vform", §3) και η φόρμα της λίστας
   (data-ks="list-form", §5, ίδια με της αρχικής). Η εμφάνισή τους είναι εδώ, όχι στο Style του widget.
   Εξειδίκευση: .elementor-22.elementor (0,2,0) + άγκιστρο. Το post-22.css φορτώνει ΠΡΙΝ από τα base/default CSS του V4
   και τις global classes, άρα χρειάζεται τουλάχιστον (0,3,0). Το widget Form γράφει στο post-22.css λευκό φόντο πεδίων (0,6,0)
   και λευκό κείμενο κουμπιού (0,5,0)/(0,6,0)· γι' αυτό οι κανόνες των φορμών έχουν (0,6,0)–(0,7,1), όπως η αρχική. */

/* ───── 0. Βάση: τα μπλοκ της σελίδας χωρίς το padding 10px του e-div-block ───── */
.elementor-22.elementor :is([data-ks~="join-page"],[data-ks~="hero"],[data-ks~="hero-media"],[data-ks~="hero-curtains"],[data-ks~="hero-curtain"],[data-ks~="hero-inner"],[data-ks~="hero-text"],[data-ks~="pcredit-wrap"],[data-ks~="section-head"],[data-ks~="vol-grid"],[data-ks~="vol-intro"],[data-ks~="formcard"],[data-ks~="kform"],[data-ks~="acts3"],[data-ks~="act"],[data-ks~="ways"],[data-ks~="way-li"],[data-ks~="way"],[data-ks~="dls"],[data-ks~="dl-li"],[data-ks~="dl"],[data-ks~="dl-sheet"],[data-ks~="dl-media"],[data-ks~="dl-go"],[data-ks~="list-grid"],[data-ks~="list-main"],[data-ks~="list-side"],[data-ks~="list-form"],[data-ks~="btns"],[data-ks~="chora"],[data-ks~="chora-side"],[data-ks~="lines"],[data-ks~="line-li"],[data-ks~="line"]){min-width:0;padding:0}
.elementor-22.elementor [data-ks~="join-page"]{display:block;overflow-x:clip}
.elementor-22 :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* ───── 1. Hero: μπλε πάνελ ≈48% αριστερά, ασπρόμαυρη φωτογραφία δεξιά, 3 κουρτίνες και zoom-out (μόνο CSS), όπως η αρχική ───── */
.elementor-22.elementor [data-ks~="hero"]{position:relative;display:flex;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--ks-blue);color:#FFFFFF}
.elementor-22.elementor [data-ks~="hero-media"]{position:absolute;top:0;right:0;bottom:0;left:var(--ks-split,48vw);z-index:1;width:auto;overflow:hidden;background:#000000;pointer-events:none}
.elementor-22.elementor [data-ks~="hero-img"]{position:absolute;inset:0;margin:0}
.elementor-22.elementor [data-ks~="hero-img"] img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 45%;
  filter:grayscale(1) contrast(1.2);opacity:.62;transform-origin:30% 30%;animation:ks-zoom-out 3s ease both}
.elementor-22.elementor [data-ks~="hero-curtains"]{position:absolute;inset:0;z-index:5;width:auto}
.elementor-22.elementor [data-ks~="hero-curtain"]{position:absolute;inset:0;width:auto;background:var(--ks-blue);animation-name:ks-curtain;animation-timing-function:ease;animation-fill-mode:forwards}
.elementor-22.elementor [data-ks~="hero-curtain"]:nth-child(1){animation-delay:.15s;animation-duration:2s}
.elementor-22.elementor [data-ks~="hero-curtain"]:nth-child(2){animation-delay:.65s;animation-duration:1.5s;opacity:.7}
.elementor-22.elementor [data-ks~="hero-curtain"]:nth-child(3){animation-delay:1s;animation-duration:1.3s;opacity:.4}
@keyframes ks-curtain{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}
@keyframes ks-zoom-out{from{transform:scale(1.5)}to{transform:scale(1)}}
.elementor-22.elementor [data-ks~="hero-inner"]{position:relative;z-index:2;display:flex;align-items:center}
.elementor-22.elementor [data-ks~="hero-text"]{container-type:inline-size;width:calc(var(--ks-split,48vw) - (100vw - var(--ks-cw)) / 2 - 3.5rem);padding:calc(var(--ks-head-space) + 3rem) 0 4.5rem}
/* «ΕΛΑ ΜΑΖΙ ΜΑΣ»: μικρή υπογραμμισμένη ετικέτα πάνω από τον τίτλο (.ks-hero--join .ks-eyebrow) */
.elementor-22.elementor [data-ks~="eyebrow"]{margin:0 0 1.5rem;font-size:.9375rem;font-weight:700;letter-spacing:.08em;line-height:1.3;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;color:inherit}
.elementor-22.elementor [data-ks~="hero-h1"]{font-size:2.75rem;font-size:clamp(2rem,10.4cqi,3.75rem);font-weight:300;line-height:1.04;letter-spacing:-.01em;color:inherit}
.elementor-22.elementor [data-ks~="hero-h1"] strong{font-weight:700}
.elementor-22.elementor [data-ks~="hero-sub"]{margin-top:1.75rem;font-size:clamp(1.375rem,1.9vw,1.75rem);font-weight:300;line-height:1.3}
.elementor-22.elementor [data-ks~="hero-sub"] strong{font-weight:700}
.elementor-22.elementor [data-ks~="hero-text"] .ks-btn{margin-top:4rem;max-width:30rem}
@media (min-width:1180px) and (max-height:760px){
  .elementor-22.elementor [data-ks~="hero-text"] .ks-btn{margin-top:2.5rem}
  .elementor-22.elementor [data-ks~="hero-text"]{padding-bottom:3rem}
}
@media (max-width:760px){
  .elementor-22.elementor [data-ks~="hero"]{flex-direction:column;min-height:0}
  .elementor-22.elementor [data-ks~="hero-inner"]{display:block}
  .elementor-22.elementor [data-ks~="hero-text"]{width:auto;padding:calc(var(--ks-head-space) + 2.5rem) 0 2.5rem}
  .elementor-22.elementor [data-ks~="hero-h1"]{font-size:clamp(2rem,10cqi,2.75rem)}
  .elementor-22.elementor [data-ks~="hero-h1"] br{display:none}
  .elementor-22.elementor [data-ks~="hero-text"] .ks-btn{margin-top:2.25rem;max-width:none}
  .elementor-22.elementor [data-ks~="hero-media"]{order:2;flex:none;position:relative;left:auto;width:100%;height:44vh;height:44svh;min-height:260px}
}
/* Πηγή της φωτογραφίας (θέση page-credit): μικρή, γκρι, δεξιά κάτω από το hero (.ks-pcredit) */
.elementor-22.elementor [data-ks~="pcredit"]{padding-top:.75rem;font-size:.8125rem;line-height:1.45;color:var(--ks-gray-700,#595959);text-align:right}
.elementor-22.elementor [data-ks~="pcredit"] a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;cursor:pointer}
.elementor-22.elementor [data-ks~="pcredit"] a:is(:hover,:focus-visible){color:var(--ks-blue)}
@media (max-width:680px){.elementor-22.elementor [data-ks~="pcredit"]{text-align:left}}

/* ───── 2. Κεφαλίδα ενότητας και μεγάλες δηλώσεις ───── */
.elementor-22.elementor [data-ks~="section-head"]{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem 2rem;margin:4rem 0 3.5rem}
/* .ks-org__lead: δήλωση κάτω από την ετικέτα (ΟΡΓΑΝΩΝΟΜΑΙ, ΕΡΓΑΛΕΙΟΘΗΚΗ) */
.elementor-22.elementor [data-ks~="org-lead"]{max-width:34ch;margin-bottom:3.5rem;font-size:clamp(1.5rem,2.4vw,2.125rem);line-height:1.25}
.elementor-22.elementor [data-ks~="btns"]{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem}
@media (max-width:680px){.elementor-22.elementor [data-ks~="section-head"]{margin:3rem 0 2rem}}

/* ───── 3. ΔΡΩ (γκρι): κάλεσμα αριστερά, φόρμα εθελοντή σε λευκή κάρτα δεξιά ───── */
.elementor-22.elementor [data-ks~="vol-grid"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:3rem 5rem;align-items:start;margin-top:4rem}
.elementor-22.elementor [data-ks~="vol-st"]{max-width:14ch;margin-top:1.5rem;color:inherit}
.elementor-22.elementor [data-ks~="vol-lead"]{max-width:36ch;margin-top:1.75rem;font-size:clamp(1.1875rem,1.5vw,1.375rem);line-height:1.5}
.elementor-22.elementor [data-ks~="formcard"]{display:block;margin:0;padding:clamp(1.5rem,3vw,2.75rem);background:#FFFFFF;color:#000000}
.elementor-22.elementor [data-ks~="formcard"] :focus-visible{outline-color:var(--ks-blue)}
@media (max-width:960px){.elementor-22.elementor [data-ks~="vol-grid"]{grid-template-columns:minmax(0,1fr)}}
/* Στο κινητό το κενό μένει 4rem, όπως το .ks-volunteer__grid του πρωτοτύπου (οπτικός έλεγχος, βήμα 5/04). */

/* Φόρμα εθελοντή (Elementor Pro Form), όπως .ks-form / .ks-formcard:
   ονοματεπώνυμο | email, τηλέφωνο | περιοχή, «Πώς μπορώ να βοηθήσω» (2 στήλες επιλογών), συναίνεση, κουμπί· 1 στήλη ≤560px */
.elementor-22.elementor [data-ks~="kform"] .elementor-form-fields-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;align-items:start;margin:0}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group{width:auto;max-width:none;flex:none;margin:0;padding:0}
.elementor-22.elementor [data-ks~="kform"] :is(.elementor-field-type-checkbox,.elementor-field-type-acceptance,.elementor-field-type-submit){grid-column:1/-1}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-type-acceptance{margin-top:-.25rem}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-type-submit{margin-top:.25rem}
/* Honeypot: το Pro τον βγάζει ως div.elementor-field-type-text χωρίς elementor-field-group· να μην πιάνει κελί στο πλέγμα */
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-form-fields-wrapper>.elementor-field-type-text:not(.elementor-field-group){display:none}
/* Ετικέτα 700 πάνω από το πεδίο· μπλε αστερίσκος (το κενό πριν από αυτόν το δίνει ήδη το HTML του Pro) */
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-label{display:block;margin:0 0 .375rem;padding:0;font-family:var(--ks-font);font-size:.9375rem;font-weight:700;line-height:1.4;color:inherit}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-mark-required .elementor-field-label::after{content:"*";padding:0;color:var(--ks-blue)}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-type-checkbox>.elementor-field-label{margin-bottom:.75rem}
/* Πεδίο: διάφανο, γραμμή 1px από κάτω· στο focus μπλε γραμμή 3px (το widget γράφει λευκό φόντο με (0,6,0), εδώ (0,7,0)) */
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-field.elementor-field-textual:not(.elementor-select-wrapper),
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-select-wrapper select.elementor-field-textual{display:block;width:100%;min-height:3.5rem;margin:0;padding:.5rem .125rem;font-family:var(--ks-font);font-size:1.1875rem;font-weight:400;line-height:1.4;color:inherit;
  background:transparent;border:0;border-radius:0;box-shadow:inset 0 -1px 0 0 currentColor;-webkit-appearance:none;appearance:none;caret-color:var(--ks-blue);transition:box-shadow .2s ease}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-field.elementor-field-textual:not(.elementor-select-wrapper):focus,
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-select-wrapper select.elementor-field-textual:focus{outline:none;box-shadow:inset 0 -3px 0 0 var(--ks-blue)}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-field.elementor-field-textual:not(.elementor-select-wrapper):focus-visible,
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-select-wrapper select.elementor-field-textual:focus-visible{outline:2px solid var(--ks-blue);outline-offset:2px}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group.elementor-error .elementor-field.elementor-field-textual:not(.elementor-select-wrapper),
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group.elementor-error .elementor-select-wrapper select.elementor-field-textual{box-shadow:inset 0 -2px 0 0 var(--ks-blue)}
/* Περιοχή (select): το βελάκι από γραμμές, όπως το .ks-select του πρωτοτύπου, αντί για το εικονίδιο του Pro */
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-select-wrapper{position:relative;display:block;width:100%;color:inherit;background:transparent}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-select-wrapper::before{content:none!important;display:none}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-select-wrapper .select-caret-down-wrapper{display:none}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-select-wrapper::after{content:"";position:absolute;right:.5rem;top:50%;width:.5rem;height:.5rem;margin-top:-.375rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-select-wrapper select.elementor-field-textual{padding-right:2rem;cursor:pointer}
/* Κουμπιά: όπως το .ks-btn (γραμμές 1px πάνω-κάτω, βέλος —→). «ΣΤΕΙΛΕ» μπλε (.ks-btn--blue.ks-btn--block), «ΓΡΑΨΟΥ ΣΤΗ ΛΙΣΤΑ» μαύρο */
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-button[type="submit"]{--c:#000000;--fill:#000000;--c-hover:#FFFFFF;--ks-arw-len:2.25rem;--ks-arw-r:.75rem;--ks-arw-t:2px;--ks-arw-s:.6;
  position:relative;display:flex;align-items:center;width:100%;min-height:3.5rem;margin:0;padding:.75rem calc(var(--ks-arw-len) + var(--ks-arw-r) + 1.25rem) .75rem .75rem;
  font-family:var(--ks-font);font-size:clamp(1rem,1.25vw,1.1875rem);font-weight:700;line-height:1.15;letter-spacing:.01em;text-transform:none;color:var(--c);
  border:0;border-radius:0;cursor:pointer;text-align:left;text-decoration:none;
  background:linear-gradient(var(--fill),var(--fill)) no-repeat 50% 50%/100% 0;box-shadow:inset 0 1px 0 0 var(--fill),inset 0 -1px 0 0 var(--fill);
  transition:background-size .3s var(--ks-ease),color .2s ease .05s}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-group .elementor-button[type="submit"]{--c:var(--ks-blue);--fill:var(--ks-blue);--c-hover:#FFFFFF}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-button[type="submit"]:is(:hover,:focus-visible){color:var(--c-hover);background-color:transparent;background-size:100% 86%;--ks-arw-s:1}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-button[type="submit"]:focus-visible{outline:2px solid var(--fill);outline-offset:3px}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-button[type="submit"]::before{content:"";position:absolute;top:50%;right:var(--ks-arw-r);width:var(--ks-arw-len);height:var(--ks-arw-t);
  background:currentColor;transform-origin:0 50%;transform:translateY(-50%) scaleX(var(--ks-arw-s));transition:transform .4s var(--ks-ease);pointer-events:none}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-button[type="submit"]::after{content:"";position:absolute;top:50%;right:calc(var(--ks-arw-r) + 1px);width:.55rem;height:.55rem;
  border-top:var(--ks-arw-t) solid currentColor;border-right:var(--ks-arw-t) solid currentColor;
  transform:translate(calc(var(--ks-arw-len) * (var(--ks-arw-s) - 1)),-50%) rotate(45deg);transition:transform .4s var(--ks-ease);pointer-events:none}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-button[type="submit"] :is(.elementor-button-content-wrapper,.elementor-button-text){display:inline;padding:0;color:inherit}
/* Επιλογές (συναίνεση και «Πώς μπορώ να βοηθήσω»): τετράγωνο 18px, διάφανο (λευκό στο hover), μπλε γέμισμα όταν τσεκαριστεί.
   Το checkbox της συναίνεσης έχει την κλάση elementor-field, άρα το λευκό (0,6,0) του widget το πιάνει· εδώ (0,6,1). */
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) :is(.elementor-field-type-acceptance,.elementor-field-type-checkbox) .elementor-field-subgroup{display:block;margin:0}
.elementor-22.elementor [data-ks~="kform"] .elementor-field-type-checkbox .elementor-field-subgroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) :is(.elementor-field-type-acceptance,.elementor-field-type-checkbox) .elementor-field-option{display:flex;flex-basis:auto;align-items:flex-start;gap:.75rem;margin:0;padding:0;font-size:1rem;line-height:1.45;cursor:pointer}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) :is(.elementor-field-type-acceptance,.elementor-field-type-checkbox) .elementor-field-option input[type="checkbox"]{flex:none;position:static;width:18px;height:18px;margin:.15em 0 0;padding:0;border:0;border-radius:0;
  -webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(var(--ks-blue),var(--ks-blue)) no-repeat 50% 50%/0 0;box-shadow:inset 0 0 0 1.5px currentColor;
  transition:background-size .2s ease,background-color .2s ease}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) :is(.elementor-field-type-acceptance,.elementor-field-type-checkbox) .elementor-field-option input[type="checkbox"]:checked{background-size:10px 10px}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) :is(.elementor-field-type-acceptance,.elementor-field-type-checkbox) .elementor-field-option input[type="checkbox"]:hover{background-color:#FFFFFF}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) :is(.elementor-field-type-acceptance,.elementor-field-type-checkbox) .elementor-field-option input[type="checkbox"]:focus-visible{outline:2px solid var(--ks-blue);outline-offset:3px}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) :is(.elementor-field-type-acceptance,.elementor-field-type-checkbox) .elementor-field-option label{display:block;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) :is(.elementor-field-type-acceptance,.elementor-field-type-checkbox) .elementor-field-option:hover label{text-decoration:underline}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-type-acceptance a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;cursor:pointer}
/* Μηνύματα: μαύρη λωρίδα, όπως το .ks-form__msg */
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-message{margin:1.25rem 0 0;padding:.875rem 1rem;font-family:var(--ks-font);font-size:1rem;font-weight:700;line-height:1.4;background:#000000;color:#FFFFFF}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-message::before{display:none}
.elementor-22.elementor :is([data-ks~="kform"],[data-ks~="list-form"]) .elementor-field-group .elementor-message{margin-top:.5rem;padding:.375rem .625rem;font-size:.9375rem}
@media (max-width:560px){
  .elementor-22.elementor [data-ks~="kform"] .elementor-form-fields-wrapper,
  .elementor-22.elementor [data-ks~="kform"] .elementor-field-type-checkbox .elementor-field-subgroup{grid-template-columns:minmax(0,1fr)}
}

/* ───── 4. ΟΡΓΑΝΩΝΟΜΑΙ (μπλε): 3 κάρτες (η επόμενη δράση λευκή) και 2 γραμμές με email ───── */
.elementor-22.elementor [data-ks~="acts3"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.elementor-22.elementor [data-ks~="act"]{display:flex;flex-direction:column;gap:1rem;width:auto;padding:1.75rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.elementor-22.elementor [data-ks~="act--next"]{background:#FFFFFF;color:#000000;box-shadow:none}
.elementor-22.elementor [data-ks~="act-date"]{font-family:var(--ks-display);font-weight:700;font-size:clamp(2.5rem,4vw,3.5rem);line-height:1;color:var(--ks-blue)}
.elementor-22.elementor [data-ks~="act-t"]{font-size:1.375rem;font-weight:700;line-height:1.3}
.elementor-22.elementor [data-ks~="act-t"] strong{font-weight:700}
.elementor-22.elementor [data-ks~="act-k"]{font-size:1rem;line-height:1.5;color:var(--ks-gray-700,#595959)}
.elementor-22.elementor [data-ks~="act-d"]{font-size:1.0625rem;line-height:1.5}
.elementor-22.elementor [data-ks~="act"] .ks-btn{margin-top:auto}
.elementor-22.elementor [data-ks~="ways"]{max-width:46rem;margin-top:3rem}
.elementor-22.elementor [data-ks~="way-li"]{box-shadow:inset 0 1px 0 0 rgba(255,255,255,.6)}
.elementor-22.elementor [data-ks~="way-li"]:last-child{box-shadow:inset 0 1px 0 0 rgba(255,255,255,.6),inset 0 -1px 0 0 rgba(255,255,255,.6)}
.elementor-22.elementor [data-ks~="way"]{position:relative;display:block;width:auto;padding:1.25rem 4rem 1.25rem 0;font-size:1.125rem;line-height:1.45;color:inherit;text-decoration:none}
.elementor-22.elementor [data-ks~="way-t"]{font:inherit;line-height:inherit}
.elementor-22.elementor [data-ks~="way"] strong{font-size:1.375rem}
.elementor-22.elementor [data-ks~="way"]:is(:hover,:focus-visible){color:#FFFFFF;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.elementor-22.elementor [data-ks~="way-go"]{position:absolute;right:0;top:50%;transform:translateY(-50%);line-height:0}
.elementor-22.elementor [data-ks~="way-go"] .ks-arrow{--ks-arw-t:1.5px}
.elementor-22.elementor [data-ks~="org"] :focus-visible{outline-color:#FFFFFF}
.elementor-22.elementor [data-ks~="act--next"] :focus-visible{outline-color:var(--ks-blue)}
@media (max-width:960px){.elementor-22.elementor [data-ks~="acts3"]{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.elementor-22.elementor [data-ks~="act"]{padding:1.25rem}}

/* ───── 5. ΕΝΗΜΕΡΩΝΟΜΑΙ: ΕΡΓΑΛΕΙΟΘΗΚΗ (λευκό): 4 αρχεία, η φόρμα της λίστας, Facebook / Instagram ───── */
.elementor-22.elementor [data-ks~="dls"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem}
.elementor-22.elementor [data-ks~="dl-li"]{display:grid}
.elementor-22.elementor [data-ks~="dl"]{display:flex;flex-direction:column;width:auto;height:100%;padding-top:1.25rem;box-shadow:inset 0 1px 0 0 #000000;color:inherit;text-decoration:none}
/* Φυλλάδιο: λευκό φύλλο Α4 με το «8», γερμένο πάνω σε μπλε· στο hover ισιώνει */
.elementor-22.elementor [data-ks~="dl-sheet"]{display:grid;place-items:center;aspect-ratio:4/5;background:var(--ks-blue)}
.elementor-22.elementor [data-ks~="dl-sheet-n"]{display:grid;place-items:center;width:52%;aspect-ratio:210/297;background:#FFFFFF;color:var(--ks-blue);font:700 clamp(2.5rem,4vw,3.5rem)/1 var(--ks-display);
  box-shadow:8px 8px 0 0 #000000;transform:rotate(-5deg);transition:transform .6s var(--ks-ease)}
.elementor-22.elementor [data-ks~="dl"]:is(:hover,:focus-visible) [data-ks~="dl-sheet-n"]{transform:rotate(-1deg) translateY(-4px)}
/* Αφίσα και γραφήματα: ολόκληρη η εικόνα πάνω σε θολό ασπρόμαυρο αντίγραφό της (.ks-media--poster), 4:5.
   1η εικόνα = το θολό φόντο, 2η = η εικόνα. */
.elementor-22.elementor [data-ks~="dl-media"]{position:relative;display:block;overflow:hidden;isolation:isolate;aspect-ratio:4/5;background:#111111}
.elementor-22.elementor [data-ks~="dl-media"] img{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;margin:0;padding:1rem 0;object-fit:contain;filter:grayscale(1);transition:transform .9s var(--ks-ease)}
.elementor-22.elementor [data-ks~="dl-media"] img:first-child{inset:-10%;width:120%;height:120%;padding:0;object-fit:cover;filter:grayscale(1) blur(22px) brightness(.55);transform:none!important}
.elementor-22.elementor [data-ks~="dl"]:is(:hover,:focus-visible) [data-ks~="dl-media"] img{transform:scale(1.045)}
.elementor-22.elementor [data-ks~="dl-t"]{display:block;margin-top:1rem;font-size:1.1875rem;font-weight:700;line-height:1.3}
.elementor-22.elementor [data-ks~="dl-m"]{display:block;margin-top:.25rem;font-size:.9375rem;line-height:1.4;color:var(--ks-gray-700,#595959)}
.elementor-22.elementor [data-ks~="dl-go"]{display:flex;align-items:center;gap:.75rem;width:auto;margin-top:auto;padding-top:1rem;font-size:.9375rem;font-weight:700;letter-spacing:.02em;line-height:1.3;color:var(--ks-blue)}
.elementor-22.elementor [data-ks~="dl-go-t"]{font:inherit;letter-spacing:inherit}
.elementor-22.elementor [data-ks~="dl-arr"]{display:inline-flex;line-height:0}
/* Βέλος προς τα κάτω (.ks-arrow--down) */
.elementor-22.elementor [data-ks~="dl-arr"] .ks-arrow{width:1.5rem;transform:rotate(90deg);--ks-arw-len:1.25rem}
/* Λίστα (αριστερά, φόρμα όπως της αρχικής) και social (δεξιά) */
.elementor-22.elementor [data-ks~="list-grid"]{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:3rem 5rem;align-items:start;margin-top:5rem}
.elementor-22.elementor [data-ks~="list-lead"]{font-size:clamp(1.25rem,1.6vw,1.5rem)}
@media (max-width:1024px){.elementor-22.elementor [data-ks~="dls"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.elementor-22.elementor [data-ks~="list-grid"]{grid-template-columns:minmax(0,1fr)}}
/* Στο κινητό το κενό μένει 5rem, όπως το .ks-join__grid--list του πρωτοτύπου (οπτικός έλεγχος, βήμα 5/04). */
@media (max-width:480px){.elementor-22.elementor [data-ks~="dls"]{grid-template-columns:minmax(0,1fr)}}

/* Φόρμα της λίστας: ονοματεπώνυμο και email στην 1η γραμμή, τηλέφωνο και κουμπί στη 2η, συναίνεση από κάτω (όπως η αρχική) */
.elementor-22.elementor [data-ks~="list-form"]{margin-top:2.5rem}
.elementor-22.elementor [data-ks~="list-form"] .elementor-form-fields-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;align-items:end;margin:0}
.elementor-22.elementor [data-ks~="list-form"] .elementor-field-group{width:auto;max-width:none;flex:none;margin:0;padding:0}
.elementor-22.elementor [data-ks~="list-form"] .elementor-field-group-onoma{grid-column:1;grid-row:1}
.elementor-22.elementor [data-ks~="list-form"] .elementor-field-group-email{grid-column:2;grid-row:1}
.elementor-22.elementor [data-ks~="list-form"] .elementor-field-group-tilefono{grid-column:1;grid-row:2}
.elementor-22.elementor [data-ks~="list-form"] .elementor-field-type-submit{grid-column:2;grid-row:2}
.elementor-22.elementor [data-ks~="list-form"] .elementor-field-type-acceptance{grid-column:1/-1;grid-row:3}
@media (max-width:640px){
  .elementor-22.elementor [data-ks~="list-form"] .elementor-form-fields-wrapper{grid-template-columns:minmax(0,1fr)}
  .elementor-22.elementor [data-ks~="list-form"] .elementor-field-group-email{grid-column:1;grid-row:2}
  .elementor-22.elementor [data-ks~="list-form"] .elementor-field-group-tilefono{grid-row:3}
  .elementor-22.elementor [data-ks~="list-form"] .elementor-field-type-submit{grid-column:1;grid-row:4}
  .elementor-22.elementor [data-ks~="list-form"] .elementor-field-type-acceptance{grid-row:5}
}

/* ───── 6. «Ο κόλπος αφορά όλη τη χώρα» (μαύρο): δήλωση, κείμενο, «ΚΑΛΕΣΕ ΜΑΣ», κλείσιμο, γραμμές επικοινωνίας ───── */
.elementor-22.elementor [data-ks~="chora"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem 5rem;align-items:start;margin-top:4rem}
.elementor-22.elementor [data-ks~="chora-lead"]{font-size:clamp(1.1875rem,1.5vw,1.375rem);line-height:1.55}
.elementor-22.elementor [data-ks~="chora-close"]{max-width:28ch;margin-top:5rem;font-size:clamp(1.75rem,2.8vw,2.5rem);font-weight:700;line-height:1.15}
.elementor-22.elementor [data-ks~="chora-h"]{margin-top:5rem}
/* Κουμπιά-γραμμές (.ks-linebtns--big --top): γραμμή 1px, βέλος δεξιά, λευκό γέμισμα και μαύρο κείμενο στο hover */
.elementor-22.elementor [data-ks~="lines"]{max-width:46rem;margin-top:2rem;box-shadow:inset 0 1px 0 0 currentColor}
.elementor-22.elementor [data-ks~="line"]{position:relative;display:flex;align-items:center;width:auto;min-height:3.75rem;padding:.5rem 3.75rem .5rem .5rem;box-shadow:inset 0 -1px 0 0 currentColor;
  font-size:1.1875rem;line-height:1.3;word-break:break-word;color:inherit;text-decoration:none;
  background:linear-gradient(#FFFFFF,#FFFFFF) no-repeat 50% 50%/100% 0;transition:background-size .3s var(--ks-ease),color .2s ease .05s}
.elementor-22.elementor [data-ks~="line"]:is(:hover,:focus-visible){color:#000000;background-size:100% 88%}
.elementor-22.elementor [data-ks~="line-t"]{font:inherit;line-height:inherit}
.elementor-22.elementor [data-ks~="line"] strong{margin-right:.5rem}
.elementor-22.elementor [data-ks~="line-go"]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);line-height:0}
.elementor-22.elementor [data-ks~="line-go"] .ks-arrow{--ks-arw-len:1.75rem;--ks-arw-t:1.5px}
.elementor-22.elementor [data-ks~="chora-sec"] :focus-visible{outline-color:#FFFFFF}
@media (max-width:900px){.elementor-22.elementor [data-ks~="chora"]{grid-template-columns:minmax(0,1fr)}}
/* Στο κινητό τα κενά της μαύρης ζώνης μένουν 4rem / 5rem, όπως τα .ks-chora, .ks-chora__close, .ks-chora__h του πρωτοτύπου (οπτικός έλεγχος, βήμα 5/04). */

/* ───── 7. Κίνηση: «λιγότερη κίνηση» χωρίς κουρτίνες και ζουμ (το CSS του site μηδενίζει ήδη τις διάρκειες) ───── */
@media (prefers-reduced-motion:reduce){
  .elementor-22.elementor [data-ks~="hero-curtains"]{display:none}
  .elementor-22.elementor [data-ks~="hero-img"] img{animation:none;transform:none}
}

/* ───── 8. Εκτύπωση: χωρίς κουρτίνες ───── */
@media print{
  .elementor-22.elementor [data-ks~="hero-curtains"]{display:none}
}/* End custom CSS */