.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18 .elementor-element.elementor-element-613e36b{--grid-columns:3;--grid-row-gap:24px;--grid-column-gap:24px;}:root{--page-title-display:none;}@media(max-width:960px){.elementor-18 .elementor-element.elementor-element-613e36b{--grid-columns:2;}}@media(max-width:680px){.elementor-18 .elementor-element.elementor-element-613e36b{--grid-columns:1;}}/* Start custom CSS *//* Kavala STOP CO₂ · Δράσεις (σελίδα 18, /draseis/)
   Custom CSS του εγγράφου (Elementor → Ρυθμίσεις σελίδας → Custom CSS). Πηγή: 05_WordPress/assets/ks-draseis.css.
   Αντιστοιχεί στο prototype/draseis.html και στο style.css: 9 κεφαλίδα σελίδας (.ks-pagehead), 6 ενότητες,
   7.2 (.ks-newsgrid), 14.8 (.ks-milestone, .ks-hcards, .ks-legend, .ks-filterbar, .ks-empty), .ks-pcards--boxed, .ks-next.
   Άγκιστρα: data-ks="…" στα στοιχεία της σελίδας (όπως η αρχική, assets/ks-home.css). Global classes: ks-section(--*),
   ks-container, ks-dash, ks-label, ks-more, ks-btn(--block), ks-h1, ks-intro.
   Κάρτες (μεγάλη, οριζόντια, κάρτα δράσης) και «θέσεις»: snippet 9 (assets/ks-cards.css), μέσα από V3 Loop Grid
   (loop items 421, 422, 420). Φίλτρα «Είδος»/«Έτος», «ΠΕΡΙΣΣΟΤΕΡΕΣ», μήνυμα χωρίς αποτελέσματα: snippet
   «Kavala STOP CO₂ – Φίλτρα λιστών» (snippets/ks-list-filters.php). Εδώ μόνο η διάταξη της σελίδας.
   Εξειδίκευση: .elementor-18.elementor (0,2,0) + άγκιστρο. Το post-18.css φορτώνει ΠΡΙΝ από τα base/default CSS του V4
   (π.χ. .elementor .e-div-block-base{padding:10px}) και τις global classes, άρα χρειάζεται τουλάχιστον (0,3,0). */

/* ───── 0. Βάση: τα μπλοκ της σελίδας χωρίς το padding 10px του e-div-block ───── */
.elementor-18.elementor :is([data-ks~="drs"],[data-ks~="pagehead"],[data-ks~="milestone"],[data-ks~="milestone-in"],[data-ks~="milestone-dot"],[data-ks~="section-head"],[data-ks~="newsgrid"],[data-ks~="latest-feat"],[data-ks~="latest-rows"],[data-ks~="legend"],[data-ks~="legend-li"],[data-ks~="filterbar"],[data-ks~="archive-list"],[data-ks~="btns-loose"],[data-ks~="nextwrap"],[data-ks~="next"]){min-width:0;padding:0}
.elementor-18.elementor [data-ks~="drs"]{display:block;overflow-x:clip}
.elementor-18 :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* ───── 1. Μπλε κεφαλίδα: ΔΡΑΣΕΙΣ, h1 (.ks-pagehead). Χωρίς εισαγωγή και χωρίς τη μαύρη λωρίδα του ορόσημου (απόφαση πελάτη
   11/10/2026): το μπλε πιάνει τον χώρο που έπιανε μαζί με τη λωρίδα, δηλαδή την πρώτη οθόνη ως 48rem (στο κινητό ως 82% / 36rem),
   με το περιεχόμενο στη μέση. ───── */
/* Μπλε/λευκό από τις global classes ks-section ks-section--blue· εδώ το πάνω κενό για την πλωτή μπάρα (glass). */
.elementor-18.elementor [data-ks~="pagehead"]{display:flex;flex-direction:column;justify-content:center;min-height:min(100vh,48rem);min-height:min(100svh,48rem);
  padding:calc(var(--ks-head-space) + 3rem) 0 5rem}
.elementor-18.elementor [data-ks~="eyebrow"]{margin:0 0 1.25rem;font-size:.9375rem;font-weight:700;letter-spacing:.08em;line-height:1.3}
.elementor-18.elementor [data-ks~="pagehead-h1"]{color:inherit}
@media (max-width:680px){.elementor-18.elementor [data-ks~="pagehead"]{min-height:min(82vh,36rem);min-height:min(82svh,36rem);padding:calc(var(--ks-head-space) + 2rem) 0 3.5rem}}

/* ───── 2. ΕΠΟΜΕΝΕΣ ΔΡΑΣΕΙΣ μέσα στο μπλε hero (shortcode [ks_drasis_epomenes], snippet «Επόμενες δράσεις»· απόφαση πελάτη
   11/10/2026, πρόταση Α «Ημερολόγιο»). Η ημερομηνία πρώτη: μεγάλη αριστερά (Syne), μετά είδος, τίτλος, ώρα και τόπος σε
   «γυαλάκια», δεξιά «Δες τη δράση» και «Στο ημερολόγιο». Με μία: ίδια γραμμή με τις πολλές (απόφαση πελάτη). Χωρίς καμία: γραμμή
   «Δεν έχουν προγραμματιστεί ακόμα επόμενες δράσεις.». Γραμμές 1px λευκές στο 32%. ───── */
.elementor-18.elementor [data-ks~="pagehead"]:has(.ks-up){min-height:0;justify-content:flex-start;padding-bottom:7rem}
@media (max-width:680px){.elementor-18.elementor [data-ks~="pagehead"]:has(.ks-up){padding-bottom:4.5rem}}
.elementor-18 .ks-up{margin-top:5rem;color:#FFFFFF;font-family:var(--ks-font)}
.elementor-18 .ks-up__dash{height:var(--ks-dash-h,12px);margin-bottom:2.75rem;background:#FFFFFF}
.elementor-18 .ks-up__lab{margin:0 0 2.5rem;font-family:var(--ks-font);font-size:var(--ks-fs-label,clamp(1.25rem,1.9vw,1.75rem));font-weight:400;line-height:1.3;color:inherit;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.elementor-18 .ks-up__list{border-top:1px solid rgba(255,255,255,.32)}
.elementor-18 .ks-up__row{display:grid;grid-template-columns:8rem minmax(0,1fr) auto;gap:1.25rem 2.5rem;align-items:center;padding:1.75rem 0;border-bottom:1px solid rgba(255,255,255,.32)}
.elementor-18 .ks-up__date{display:grid;justify-items:start;align-content:start;line-height:1;color:inherit}
.elementor-18 .ks-up__day{font-family:var(--ks-display),var(--ks-font),sans-serif;font-size:4.25rem;font-weight:700;line-height:.9;white-space:nowrap;font-variant-numeric:tabular-nums}
.elementor-18 .ks-up__day--range{font-size:2.75rem}
.elementor-18 .ks-up__mon{margin-top:.55rem;font-size:.875rem;font-weight:700;letter-spacing:.1em}
.elementor-18 .ks-up__wd{margin-top:.2rem;font-size:.875rem;color:var(--ks-blue-15,#DDE3F9)}
.elementor-18 .ks-up__mid{min-width:0}
.elementor-18 .ks-up__type{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;color:var(--ks-blue-15,#DDE3F9)}
.elementor-18 .ks-up__t{max-width:36ch;margin:.4rem 0 .85rem;font-family:var(--ks-font);font-size:clamp(1.25rem,1.9vw,1.625rem);font-weight:700;line-height:1.22;color:inherit;text-wrap:balance}
.elementor-18 .ks-up__t a{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.18em;transition:text-decoration-color .25s ease}
.elementor-18 .ks-up__t a:is(:hover,:focus-visible){text-decoration-color:currentColor}
.elementor-18 .ks-up__chips{display:flex;flex-wrap:wrap;gap:.5rem}
.elementor-18 .ks-up__chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;min-height:1.875rem;padding:.25rem .65rem .25rem .5rem;font-size:.875rem;line-height:1.2;color:#FFFFFF;
  background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 100%);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(8px) saturate(1.3);backdrop-filter:blur(8px) saturate(1.3)}
.elementor-18 .ks-up__chip svg{flex:none;width:1rem;height:1rem}
.elementor-18 .ks-up__act{display:grid;gap:.75rem;justify-items:end}
.elementor-18 .ks-up__go{display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.2;color:#FFFFFF;text-decoration:none}
.elementor-18 .ks-up__go .ks-arrow{height:1rem}
/* «Στο ημερολόγιο»: μενού (Google Calendar, Outlook, Apple και άλλα) */
.elementor-18 .ks-cal.is-up>summary{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 1rem;font-size:.9375rem;font-weight:700;line-height:1.2;white-space:nowrap;color:#FFFFFF;
  border:1px solid rgba(255,255,255,.7);transition:background-color .2s ease,color .2s ease}
.elementor-18 .ks-cal.is-up>summary:is(:hover,:focus-visible),.elementor-18 .ks-cal.is-up[open]>summary{color:var(--ks-blue,#1D46D6);background:#FFFFFF}
.elementor-18 .ks-cal{position:relative;display:inline-block}
.elementor-18 .ks-cal>summary{list-style:none;cursor:pointer}
.elementor-18 .ks-cal>summary::-webkit-details-marker{display:none}
.elementor-18 .ks-cal>summary svg{flex:none;width:1.1rem;height:1.1rem}
.elementor-18 .ks-cal__menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:40;display:grid;min-width:16.5rem;background:#FFFFFF;color:#000000;
  box-shadow:0 0 0 1px #000000,0 14px 32px -12px rgba(0,0,0,.4)}
.elementor-18 .ks-cal__menu a{display:flex;align-items:center;min-height:2.875rem;padding:.6rem 1rem;font-size:.9375rem;font-weight:700;line-height:1.3;color:#000000;text-decoration:none}
.elementor-18 .ks-cal__menu a+a{box-shadow:inset 0 1px 0 0 var(--ks-gray-200,#E6E6E6)}
.elementor-18 .ks-cal__menu a:is(:hover,:focus-visible){color:var(--ks-blue,#1D46D6);background:var(--ks-gray-100,#F2F2F2)}
.elementor-18 .ks-up a:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}
/* Καμία προγραμματισμένη δράση (απόφαση πελάτη 11/10/2026: «λάθος να μην εμφανίζει τίποτα»): «—» στη θέση της ημερομηνίας και
   «Δεν έχουν προγραμματιστεί ακόμα επόμενες δράσεις.» */
.elementor-18 .ks-up__row--empty{grid-template-columns:8rem minmax(0,1fr)}
.elementor-18 .ks-up__none{margin:0;font-size:clamp(1.25rem,1.9vw,1.625rem);font-weight:300;line-height:1.3;color:inherit}
@media (max-width:700px){
  .elementor-18 .ks-up{margin-top:3.5rem}
  .elementor-18 .ks-up .ks-cal__menu{right:auto;left:0}
  .elementor-18 .ks-up__row{grid-template-columns:5.25rem minmax(0,1fr);gap:1rem;padding:1.4rem 0}
  .elementor-18 .ks-up__mon{font-size:.8125rem;letter-spacing:.06em;white-space:nowrap}
  .elementor-18 .ks-up__day{font-size:3rem}
  .elementor-18 .ks-up__day--range{font-size:1.875rem}
  .elementor-18 .ks-up__act{grid-column:1 / -1;grid-auto-flow:column;justify-content:start;align-items:center;gap:1.25rem;margin-top:0}
}

/* ───── 3. Κεφαλίδα ενότητας: ετικέτα (ks-label) μετά τη μπάρα (ks-dash) ───── */
.elementor-18.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}
@media (max-width:680px){.elementor-18.elementor [data-ks~="section-head"]{margin:3rem 0 2rem}}
@media (max-width:520px){.elementor-18.elementor [data-ks~="section-head"]{display:block}}

/* ───── 4. (Οι «Τελευταίες δράσεις» αφαιρέθηκαν, 11/10/2026: τις δείχνει πρώτες το «Όλες οι δράσεις») ───── */

/* ───── 5. ΟΛΕΣ ΟΙ ΔΡΑΣΕΙΣ (γκρι, #arxeio): υπόμνημα, φίλτρα, κάρτες σε κουτιά, «ΠΕΡΙΣΣΟΤΕΡΕΣ» ───── */
/* Υπόμνημα των 4 ειδών (.ks-legend): γραμμή 1px πάνω από κάθε είδος, ετικέτα και φράση */
.elementor-18.elementor [data-ks~="legend"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem 2rem;margin:-1rem 0 2.5rem}
.elementor-18.elementor [data-ks~="legend-li"]{display:block;padding-top:1rem;box-shadow:inset 0 1px 0 0 #000000}
.elementor-18.elementor [data-ks~="legend-tag"]{display:inline-flex;align-items:center;min-height:1.75rem;padding:.125rem .625rem;font-size:.8125rem;font-weight:700;letter-spacing:.04em;line-height:1.2;background:#000000;color:#FFFFFF}
.elementor-18.elementor [data-ks~="legend-tag--blue"]{background:var(--ks-blue)}
.elementor-18.elementor [data-ks~="legend-d"]{margin:.625rem 0 0;font-size:1rem;line-height:1.5}
@media (max-width:960px){.elementor-18.elementor [data-ks~="legend"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.elementor-18.elementor [data-ks~="legend"]{grid-template-columns:minmax(0,1fr)}}
/* Μπάρα φίλτρων (.ks-filterbar): γραμμές 1px πάνω-κάτω. Τα κουμπιά τα φτιάχνει το snippet· χωρίς αυτά η μπάρα δεν φαίνεται. */
.elementor-18.elementor [data-ks~="filterbar"]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;margin:0 0 2.5rem;padding:1.25rem 0;box-shadow:inset 0 1px 0 0 #000000,inset 0 -1px 0 0 #000000}
.elementor-18.elementor [data-ks~="filterbar"]:not(:has(.ks-chip)){display:none}
.elementor-editor-active .elementor-18.elementor [data-ks~="filterbar"]:not(:has(.ks-chip)){display:flex}
/* Κάρτες δράσης σε κουτιά (.ks-pcards--archive.ks-pcards--boxed): 3 στήλες, 2 ≤1024px, 1 ≤640px· κενό 24px (16px στο κινητό) */
.elementor-18.elementor [data-ks~="archive-list"]{display:block}
.elementor-18.elementor [data-ks~="archive-list"] .elementor-loop-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
@media (max-width:1024px){.elementor-18.elementor [data-ks~="archive-list"] .elementor-loop-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.elementor-18.elementor [data-ks~="archive-list"] .elementor-loop-container{grid-template-columns:minmax(0,1fr);gap:1rem}}

/* ───── 6. «Συνέχισε —→ Έλα μαζί μας» (.ks-nextwrap--top .ks-next): σε λευκό, μαύρο γέμισμα στο hover ───── */
.elementor-18.elementor [data-ks~="nextwrap"]{display:block;padding:4.5rem 0 6rem}
.elementor-18.elementor [data-ks~="next"]{position:relative;display:block;min-height:6.5rem;margin:0;padding:1.25rem 5rem 1.25rem .75rem;color:#000000;text-decoration:none;
  box-shadow:inset 0 1px 0 0 currentColor,inset 0 -1px 0 0 currentColor;
  background:linear-gradient(#000000,#000000) no-repeat 50% 50%/100% 0;
  transition:background-size .3s var(--ks-ease),color .2s ease .05s}
.elementor-18.elementor [data-ks~="next"]:is(:hover,:focus-visible){color:#FFFFFF;background-size:100% 88%}
.elementor-18.elementor [data-ks~="next-k"]{display:block;font-size:1rem;line-height:1.5;color:var(--ks-gray-700);transition:color .2s ease .05s}
.elementor-18.elementor [data-ks~="next"]:is(:hover,:focus-visible) [data-ks~="next-k"]{color:var(--ks-gray-300)}
.elementor-18.elementor [data-ks~="next-t"]{display:block;font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:700;line-height:1.2}
.elementor-18.elementor [data-ks~="next-go"]{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);line-height:0}
.elementor-18.elementor [data-ks~="next-go"] .ks-arrow{--ks-arw-len:2.75rem}
@media (max-width:680px){.elementor-18.elementor [data-ks~="nextwrap"]{padding:3rem 0 4rem}}

/* ───── 7. Εκτύπωση: χωρίς φίλτρα, κουμπιά και «Συνέχισε» ───── */
@media print{
  .elementor-18.elementor :is([data-ks~="filterbar"],[data-ks~="more-btn"],[data-ks~="nextwrap"]){display:none!important}
  .elementor-18.elementor [data-ks~="pagehead"]{padding:1rem 0;background:#FFFFFF;color:#000000}
}/* End custom CSS */