.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-21 .elementor-element.elementor-element-14312f1 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-21 .elementor-element.elementor-element-14312f1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-21 .elementor-element.elementor-element-14312f1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-14312f1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-21 .elementor-element.elementor-element-14312f1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-field-type-html{padding-bottom:0px;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-button[type="submit"]{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-14312f1{--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₂ · Επικοινωνία (σελίδα 21)
   Custom CSS του εγγράφου (Elementor → Ρυθμίσεις σελίδας → Custom CSS). Πηγή: 05_WordPress/assets/ks-epikoinonia.css.
   Αντιστοιχεί στο prototype/epikoinonia.html και στο style.css: 14.11 φόρμες σε κάρτα, 14.12 Επικοινωνία, 8 φόρμες.
   Άγκιστρα: data-ks="…" στα στοιχεία της σελίδας (όπως η αρχική, assets/ks-home.css). Global classes: ks-section(--blue),
   ks-container, ks-h1, ks-intro.
   Φόρμα: Elementor Pro Form (V3) μέσα στο data-ks="kform cform". Η εμφάνισή της είναι εδώ (§3), όχι στο Style του widget.
   Εξειδίκευση: .elementor-21.elementor (0,2,0) + άγκιστρο. Το post-21.css φορτώνει ΠΡΙΝ από τα base/default CSS του V4
   και τις global classes, άρα χρειάζεται τουλάχιστον (0,3,0). Το widget Form γράφει στο post-21.css λευκό φόντο πεδίων (0,6,0)
   και λευκό κείμενο κουμπιού (0,5,0)/(0,6,0)· γι' αυτό οι κανόνες της φόρμας έχουν (0,6,0)–(0,7,1), όπως η αρχική. */

/* ───── 0. Βάση: τα μπλοκ της σελίδας χωρίς το padding 10px του e-div-block ───── */
.elementor-21.elementor :is([data-ks~="contact-page"],[data-ks~="contact"],[data-ks~="contact-grid"],[data-ks~="contact-info"],[data-ks~="channels"],[data-ks~="ch"],[data-ks~="ch-v"],[data-ks~="formcard"],[data-ks~="kform"]){min-width:0;padding:0}
.elementor-21.elementor [data-ks~="contact-page"]{display:block;overflow-x:clip}
.elementor-21 :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* ───── 1. Μπλε ζώνη σε δύο στήλες: τίτλος, φράση και κανάλια αριστερά, φόρμα σε λευκή κάρτα δεξιά ───── */
/* Το μπλε/λευκό το δίνουν οι global classes ks-section ks-section--blue· εδώ το κενό (πάνω χώρος για την πλωτή μπάρα, glass). */
.elementor-21.elementor [data-ks~="contact"]{display:block;padding:calc(var(--ks-head-space) + 4.5rem) 0 6rem}
.elementor-21.elementor [data-ks~="contact-grid"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3rem 5rem;align-items:start}
.elementor-21.elementor [data-ks~="contact-h1"]{font-size:clamp(3rem,6vw,5.5rem);color:inherit}
.elementor-21.elementor [data-ks~="contact-intro"]{max-width:30ch;margin-top:1.5rem;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:300;line-height:1.3}
/* Κανάλια: ετικέτα (κεφαλαία, γαλάζιο) πάνω, σύνδεσμος από κάτω· γραμμές 1px ανάμεσα */
.elementor-21.elementor [data-ks~="channels"]{display:block;margin-top:3rem}
.elementor-21.elementor [data-ks~="ch"]{display:grid;gap:.25rem;padding:1.125rem 0;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.45)}
.elementor-21.elementor [data-ks~="ch"]:last-child{box-shadow:inset 0 1px 0 0 rgba(255,255,255,.45),inset 0 -1px 0 0 rgba(255,255,255,.45)}
.elementor-21.elementor [data-ks~="ch-k"]{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;color:var(--ks-blue-15,#DDE3F9)}
.elementor-21.elementor [data-ks~="ch-v"]{justify-self:start;display:inline-block;width:auto;max-width:100%;font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:600;line-height:1.35;word-break:break-word;
  color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .3s var(--ks-ease)}
.elementor-21.elementor [data-ks~="ch-v"]:is(:hover,:focus-visible){background-size:100% 1px}
.elementor-21.elementor [data-ks~="ch-v-t"]{font:inherit;line-height:inherit}
.elementor-21.elementor [data-ks~="contact"] :focus-visible{outline-color:#FFFFFF}
.elementor-21.elementor [data-ks~="formcard"] :focus-visible{outline-color:var(--ks-blue)}
@media (max-width:960px){.elementor-21.elementor [data-ks~="contact-grid"]{grid-template-columns:minmax(0,1fr)}}
@media (max-width:680px){.elementor-21.elementor [data-ks~="contact"]{padding:calc(var(--ks-head-space) + 2.5rem) 0 4rem}}

/* ───── 2. Λευκή κάρτα της φόρμας ───── */
.elementor-21.elementor [data-ks~="formcard"]{display:block;margin:0;padding:clamp(1.5rem,3vw,2.75rem);background:#FFFFFF;color:#000000}
.elementor-21.elementor [data-ks~="formcard-h"]{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;line-height:1.25;color:inherit}

/* ───── 3. Φόρμα (Elementor Pro Form), όπως .ks-form / .ks-formcard ───── */
/* Πλέγμα 2 στηλών: ονοματεπώνυμο | email, τηλέφωνο | θέμα, μήνυμα, συναίνεση και κουμπί σε όλο το πλάτος· 1 στήλη ≤560px */
.elementor-21.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-21.elementor [data-ks~="kform"] .elementor-field-group{width:auto;max-width:none;flex:none;margin:0;padding:0}
.elementor-21.elementor [data-ks~="kform"] :is(.elementor-field-type-textarea,.elementor-field-type-acceptance,.elementor-field-type-submit){grid-column:1/-1}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance{margin-top:-.25rem}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-submit{margin-top:.25rem}
/* Honeypot: το Pro τον βγάζει ως div.elementor-field-type-text χωρίς elementor-field-group· να μην πιάνει κελί στο πλέγμα */
.elementor-21.elementor [data-ks~="kform"] .elementor-form-fields-wrapper>.elementor-field-type-text:not(.elementor-field-group){display:none}
/* Ετικέτα 700 πάνω από το πεδίο· μπλε αστερίσκος (το κενό πριν από αυτόν το δίνει ήδη το HTML του Pro) */
.elementor-21.elementor [data-ks~="kform"] .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-21.elementor [data-ks~="kform"] .elementor-mark-required .elementor-field-label::after{content:"*";padding:0;color:var(--ks-blue)}
/* Πεδίο: διάφανο, γραμμή 1px από κάτω· στο focus μπλε γραμμή 3px (το widget γράφει λευκό φόντο με (0,6,0), εδώ (0,7,0)) */
.elementor-21.elementor [data-ks~="kform"] .elementor-field-group .elementor-field.elementor-field-textual:not(.elementor-select-wrapper){display:block;width:100%;min-height:3.5rem;margin:0;padding:.5rem .125rem;font-family:var(--ks-font);font-size:1.1875rem;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-21.elementor [data-ks~="kform"] .elementor-field-group textarea.elementor-field.elementor-field-textual{min-height:9rem;resize:vertical}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-group .elementor-field.elementor-field-textual:not(.elementor-select-wrapper):focus{outline:none;box-shadow:inset 0 -3px 0 0 var(--ks-blue)}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-group .elementor-field.elementor-field-textual:not(.elementor-select-wrapper):focus-visible{outline:2px solid var(--ks-blue);outline-offset:2px}
/* Σφάλμα: η γραμμή γίνεται μπλε 2px (κόκκινο δεν υπάρχει), το μήνυμα σε μαύρη λωρίδα κάτω από το πεδίο */
.elementor-21.elementor [data-ks~="kform"] .elementor-field-group.elementor-error .elementor-field.elementor-field-textual:not(.elementor-select-wrapper){box-shadow:inset 0 -2px 0 0 var(--ks-blue)}
/* Κουμπί «ΑΠΟΣΤΟΛΗ»: όπως .ks-btn.ks-btn--blue.ks-btn--block (γραμμές 1px, βέλος —→, μπλε γέμισμα στο hover) */
.elementor-21.elementor [data-ks~="kform"] .elementor-field-group .elementor-button[type="submit"]{--c:var(--ks-blue);--fill:var(--ks-blue);--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-21.elementor [data-ks~="kform"] .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-21.elementor [data-ks~="kform"] .elementor-field-group .elementor-button[type="submit"]:focus-visible{outline:2px solid var(--fill);outline-offset:3px}
.elementor-21.elementor [data-ks~="kform"] .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-21.elementor [data-ks~="kform"] .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-21.elementor [data-ks~="kform"] .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-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance .elementor-field-subgroup{display:block;margin:0}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:.75rem;margin:0;font-size:1rem;line-height:1.45;cursor:pointer}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance input.elementor-field[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-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance input.elementor-field[type="checkbox"]:checked{background-size:10px 10px}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance input.elementor-field[type="checkbox"]:hover{background-color:#FFFFFF}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance input.elementor-field[type="checkbox"]:focus-visible{outline:2px solid var(--ks-blue);outline-offset:3px}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance label{display:block;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance .elementor-field-option:hover label{text-decoration:underline}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-type-acceptance a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;cursor:pointer}
/* Μηνύματα: μαύρη λωρίδα, όπως το .ks-formcard .ks-form__msg */
.elementor-21.elementor [data-ks~="kform"] .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-21.elementor [data-ks~="kform"] .elementor-message::before{display:none}
.elementor-21.elementor [data-ks~="kform"] .elementor-field-group .elementor-message{margin-top:.5rem;padding:.375rem .625rem;font-size:.9375rem}
@media (max-width:560px){
  .elementor-21.elementor [data-ks~="kform"] .elementor-form-fields-wrapper{grid-template-columns:minmax(0,1fr)}
}/* End custom CSS */