/* ===== μέρος 0 ===== */
:root{
--brand:#1f6b1f; --brand-dark:#164d17; --brand-light:#4faa2a;
--ink:#1d2420; --ink2:#454d47; --muted:#6d746d;
--line:#e4e4da; --paper:#fbfaf5; --card:#ffffff;
--tint:#EAF3DE; --tint2:#d9ecc6;
--radius:12px; --wrap:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{margin:0; background:var(--paper); color:var(--ink);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size:17px; line-height:1.7}
img{max-width:100%; height:auto}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.25; font-weight:600; margin:0 0 .4em}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 20px}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
/* ================= HEADER ================= */
.site-head{background:var(--card); border-bottom:3px solid var(--brand); position:sticky; top:0; z-index:60}
/* Το σήμα είναι 118px και η κεφαλίδα κολλητά από πάνω του (118 + 3 πάνω-κάτω).
   Επειδή όμως η κεφαλίδα είναι κολλημένη και έτρωγε χώρο σε όλη τη σελίδα,
   μαζεύει στα 64px μόλις ο επισκέπτης αρχίσει να κυλάει (κλάση .mini από το
   theme.js). Έτσι το σήμα φαίνεται μεγάλο στην κορυφή και δεν ενοχλεί μετά. */
.head-inner{display:flex; align-items:center; gap:16px; min-height:124px;
            transition:min-height .18s ease}
.brand{flex:0 0 auto; max-width:420px}
.brand img{max-height:118px; width:auto; display:block; transition:max-height .18s ease}
.site-head.mini .head-inner{min-height:64px}
.site-head.mini .brand img{max-height:58px}
@media (prefers-reduced-motion:reduce){
  .head-inner,.brand img{transition:none}
}
.brand .Header h1,.brand .Header .title{font-size:21px; color:var(--brand); margin:0; line-height:1.2}
.brand .Header .description{display:none}
.brand .Header a:hover{text-decoration:none}
/* --- Μενού κορυφής -----------------------------------------------------
   Το μενού είναι κρυμμένο σε κάθε μέγεθος οθόνης. Δεξιά στην κεφαλίδα υπάρχει
   το κουμπί, και με το πάτημα ανοίγει από κάτω του. Ο μηχανισμός είναι το
   κρυφό checkbox #navtoggle, οπότε δουλεύει και χωρίς JavaScript. */
#navtoggle{position:absolute; opacity:0; width:0; height:0; pointer-events:none}
.head-inner{position:relative}
.burger{display:inline-flex; align-items:center; gap:9px; margin-left:auto; cursor:pointer;
        padding:11px 16px; border:1px solid var(--line); border-radius:10px; background:var(--card);
        font-size:15px; font-weight:600; color:var(--ink2); line-height:1; user-select:none;
        white-space:nowrap; transition:background .15s, border-color .15s, color .15s}
.burger:hover{background:var(--tint); color:var(--brand-dark); border-color:var(--brand)}
#navtoggle:focus-visible ~ .burger{outline:2px solid var(--brand); outline-offset:2px}
#navtoggle:checked ~ .burger{background:var(--brand); border-color:var(--brand); color:#fff}
.burger .bl{font-size:17px; line-height:1}

.nav{position:absolute; top:calc(100% + 10px); right:0; z-index:80; min-width:270px; margin:0;
     background:var(--card); border:1px solid var(--line); border-radius:12px; padding:8px;
     box-shadow:0 14px 34px rgba(0,0,0,.14);
     opacity:0; visibility:hidden; transform:translateY(-8px);
     transition:opacity .16s ease, transform .16s ease, visibility .16s}
#navtoggle:checked ~ .nav{opacity:1; visibility:visible; transform:translateY(0)}
.nav .widget{margin:0}
.nav .widget h2,.nav .widget h3{display:none}
.nav ul{list-style:none; display:flex; flex-direction:column; gap:2px; margin:0; padding:0}
.nav li a{display:block; padding:11px 15px; border-radius:8px; font-size:15.5px; color:var(--ink2); font-weight:500}
.nav li a:hover{background:var(--tint); color:var(--brand-dark); text-decoration:none}
.nav li.selected a{background:var(--brand); color:#fff}
/* ================= LAYOUT ================= */
.shell{max-width:var(--wrap); margin:32px auto 50px; padding:0 20px;
display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:38px; align-items:start}
.page-head{margin:0 0 22px}
.page-head .kicker{font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--brand); font-weight:700}
.page-head h2{font-size:27px; margin:6px 0 0}
/* ================= FEATURED ================= */
.featured{background:var(--card); border:1px solid var(--line); border-left:6px solid var(--brand);
border-radius:0 var(--radius) var(--radius) 0; padding:20px 26px; margin:34px 0 0}
.featured .widget{margin:0}
.featured .widget > h2,.featured .widget > h3,.featured .widget > .title{
font-size:12.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--brand); font-weight:700; margin:0 0 10px}
.featured .widget-content{display:flex; gap:20px; align-items:flex-start}
.featured .widget-content > *{min-width:0}
.featured .post-title,.featured .widget-content h3{
font-size:23px; line-height:1.3; text-transform:none; letter-spacing:0; margin:0 0 8px; font-weight:600}
.featured .post-title a,.featured .widget-content h3 a{color:var(--ink)}
.featured .post-title a:hover,.featured .widget-content h3 a:hover{color:var(--brand); text-decoration:none}
.featured .post-summary,.featured .snippet-item{color:var(--ink2); font-size:16px}
.featured img{border-radius:8px; max-height:150px; width:auto; object-fit:cover; flex:0 0 auto}
@media (max-width:700px){ .featured .widget-content{display:block} .featured img{max-height:170px; margin-bottom:12px} }
/* ================= CARDS ================= */
.cards{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr)); gap:24px}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
display:flex; flex-direction:column; transition:border-color .15s, transform .15s, box-shadow .15s}
.card:hover{border-color:var(--brand-light); transform:translateY(-2px); box-shadow:0 6px 18px rgba(31,107,31,.08)}
.card .thumb{display:block; aspect-ratio:16/9; background:var(--tint); overflow:hidden}
.card .thumb img{width:100%; height:100%; object-fit:cover; display:block}
.card .body{padding:16px 18px 20px; display:flex; flex-direction:column; flex:1}
.card h3{font-size:18.5px; margin:0 0 8px}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--brand); text-decoration:none}
.card .snippet{font-size:15px; color:var(--ink2); margin:0 0 14px; flex:1}
.meta{font-size:13px; color:var(--muted); display:flex; gap:9px; flex-wrap:wrap; align-items:center}
.tag{display:inline-block; background:var(--tint); color:#27500A; border-radius:999px; padding:2px 11px; font-size:12.5px}
.tag:hover{background:var(--tint2); text-decoration:none}
/* ================= POST ================= */
.post,.page-body{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:30px 34px 36px}
.crumbs{font-size:13.5px; color:var(--muted); margin-bottom:14px}
.post h1.post-title{font-size:32px; margin:0 0 10px}
.post .meta.top{margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--line)}
.post-body{font-size:17.5px}
.post-body img{border-radius:8px; margin:18px auto; display:block}
.post-body h2{font-size:24px; margin-top:34px}
.post-body h3{font-size:20px; margin-top:26px}
.post-body ul,.post-body ol{padding-left:24px}
.post-body table{width:100%; border-collapse:collapse; margin:18px 0; font-size:15.5px}
.post-body th,.post-body td{border:1px solid var(--line); padding:9px 11px; text-align:left; vertical-align:top}
.post-body th{background:var(--tint); color:#27500A}
.post-body blockquote{margin:20px 0; padding:2px 20px; border-left:4px solid var(--brand-light); color:var(--ink2)}
.post-body iframe{max-width:100%}
.post-foot{margin-top:28px; padding-top:20px; border-top:1px solid var(--line)}
.share{display:flex; gap:8px; flex-wrap:wrap; margin-top:14px}
.share a{font-size:13.5px; border:1px solid var(--line); border-radius:999px; padding:5px 14px; color:var(--ink2)}
.share a:hover{border-color:var(--brand); color:var(--brand); text-decoration:none}
.postnav{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px}
.postnav a{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:14px 18px; color:var(--ink2); font-size:15px}
.postnav a:hover{border-color:var(--brand); text-decoration:none}
.postnav .nxt{text-align:right}
.postnav span{display:block; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:4px}
/* ================= COMMENTS ================= */
.comments{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:24px 30px 30px; margin-top:26px}
.comments h3,.comments h4{font-size:19px; margin-top:0}
.comments .comment-thread ol{list-style:none; padding:0}
.comments .comment{border-bottom:1px solid var(--line); padding:14px 0}
.comments .comment:last-child{border-bottom:0}
/* ================= PAGER ================= */h
.pager{margin:32px 0 0; display:flex; justify-content:space-between; gap:14px}
.pager a{background:var(--card); border:1px solid var(--line); border-radius:999px; padding:10px 22px; color:var(--ink2); font-size:15px}
.pager a:hover{border-color:var(--brand); color:var(--brand); text-decoration:none}
/* ================= SIDEBAR ================= */
.side .widget{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin:0 0 22px}
.side .widget h2,.side .widget h3{font-size:16px; margin:0 0 12px; color:var(--brand-dark); padding-bottom:10px; border-bottom:1px solid var(--line)}
.side ul{list-style:none; margin:0; padding:0}
.side li{padding:5px 0; font-size:15px}
.side .widget-content{font-size:15px}
.side .PopularPosts .item-thumbnail{float:left; margin:0 12px 4px 0}
.side .PopularPosts .item-thumbnail img{width:66px; height:66px; object-fit:cover; border-radius:8px}
.side .PopularPosts .item-title{font-weight:500; line-height:1.35}
.side .PopularPosts .item-snippet{display:none}
.side .PopularPosts li{overflow:hidden; padding:11px 0; border-bottom:1px solid var(--line)}
.side .PopularPosts li:last-child{border-bottom:0}
.side .Label .list-label-widget-content,.side .Label .cloud-label-widget-content{display:flex; flex-wrap:wrap; gap:7px}
.side .Label li{padding:0}
.side .Label li a,.side .Label .label-size a{display:inline-block; background:var(--tint); color:#27500A; border-radius:999px; padding:4px 13px; font-size:13.5px}
.side .Label li a:hover{background:var(--tint2); text-decoration:none}
.side .BlogArchive select,.side select{width:100%; padding:9px; border:1px solid var(--line); border-radius:8px; font:inherit; font-size:15px}
.side .Profile .profile-img{float:left; margin:0 12px 8px 0; border-radius:50%}
.side .contact-form-widget{max-width:none}
.side .contact-form-name,.side .contact-form-email,.side .contact-form-email-message{
width:100%; padding:9px 11px; border:1px solid var(--line); border-radius:8px; font:inherit; font-size:15px; margin-bottom:8px}
.side .contact-form-button-submit{background:var(--brand); color:#fff; border:0; border-radius:8px; padding:11px 18px; font:inherit; line-height:1.3; height:auto; cursor:pointer; width:100%; box-sizing:border-box}
.side .contact-form-button-submit:hover{background:var(--brand-dark)}
.search-form{display:flex; gap:8px}
.search-form input[type=text]{flex:1; min-width:0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; font:inherit; font-size:15px}
.search-form button{background:var(--brand); color:#fff; border:0; border-radius:8px; padding:10px 16px; cursor:pointer; font:inherit; font-size:15px}
.search-form button:hover{background:var(--brand-dark)}
/* ================= FOOTER ================= */
.site-foot{background:var(--brand-dark); color:#dfe9dc; margin-top:44px; padding:36px 0 24px; font-size:15px}
.site-foot a{color:#c9e2bd}
.foot-cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)); gap:28px}
.site-foot .widget{margin:0 0 18px; background:none; border:0; padding:0}
.site-foot h2,.site-foot h3,.site-foot h4{color:#fff; font-size:16px; margin:0 0 10px; border:0; padding:0}
.site-foot ul{list-style:none; margin:0; padding:0}
.site-foot li{padding:3px 0}
.legal{margin-top:26px; padding-top:16px; border-top:1px solid rgba(255,255,255,.18); font-size:13.5px; color:#b9cdb2}
.legal .Attribution{background:none; border:0; padding:0; margin:8px 0 0; color:#b9cdb2; font-size:12.5px}
.legal .Attribution a{color:#b9cdb2}
/* ================= HERO ================= */
.hero{background:var(--card); border-bottom:1px solid var(--line)}
.hero-in{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:34px;
align-items:center; padding-top:34px; padding-bottom:34px}
.hero-txt .kicker{font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--brand); font-weight:700}
.hero-txt h2{font-size:31px; line-height:1.2; margin:8px 0 10px}
.hero-txt p{color:var(--ink2); font-size:17px; margin:0 0 18px}
.hero-txt .allbtn{display:inline-block; background:var(--brand); color:#fff; border-radius:999px;
padding:11px 22px; font-size:15.5px}
.hero-txt .allbtn:hover{background:var(--brand-dark); color:#fff; text-decoration:none}
.hero-vid{position:relative; padding-top:52%; border-radius:var(--radius); overflow:hidden;
border:1px solid var(--line); background:#000}
.hero-vid iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
@media (max-width:860px){
.hero-in{grid-template-columns:1fr; gap:20px; padding-top:22px; padding-bottom:24px}
.hero-txt h2{font-size:25px}
.hero-vid{padding-top:56.25%}
}
@media print{ .hero{display:none} }
/* ================= VIDEOS ================= */
.videos{margin:44px 0 0}
.videos .vhead{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px}
.videos .kicker{font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--brand); font-weight:700}
.videos h2{font-size:27px; margin:6px 0 0}
.videos .allbtn{background:var(--brand); color:#fff; border-radius:999px; padding:10px 20px; font-size:15px; white-space:nowrap}
.videos .allbtn:hover{background:var(--brand-dark); text-decoration:none; color:#fff}
.vplayer{position:relative; padding-top:56.25%; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:#000; margin-bottom:24px}
.vplayer iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.vgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr)); gap:20px}
.vcard{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:block; transition:border-color .15s, transform .15s}
.vcard:hover{border-color:var(--brand-light); transform:translateY(-2px); text-decoration:none}
.vthumb{position:relative; aspect-ratio:16/9; background:#000; overflow:hidden}
.vthumb img{width:100%; height:100%; object-fit:cover; display:block}
.vthumb .play{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
width:54px; height:38px; border-radius:9px; background:rgba(190,25,25,.92); color:#fff;
display:flex; align-items:center; justify-content:center; font-size:16px; line-height:1}
.vcard:hover .vthumb .play{background:#c00}
.vcard.on{border-color:var(--brand); box-shadow:0 0 0 2px rgba(31,107,31,.18)}
.vcard{cursor:pointer}
.vcard .vtitle{padding:13px 15px 16px; font-size:15.5px; line-height:1.45; color:var(--ink); font-weight:500}
@media (max-width:800px){ .videos h2{font-size:23px} .videos .allbtn{padding:9px 16px; font-size:14px} }
@media print{ .videos{display:none} }
/* ================= DISCLAIMER ================= */
.disclaimer{background:var(--tint); border:1px solid var(--greenline, #97C459); border-radius:var(--radius);
padding:16px 20px; margin-top:26px; font-size:14.5px; line-height:1.65; color:#27500A}
.disclaimer strong{display:block; margin-bottom:5px; font-size:15px}
/* ================= RESPONSIVE ================= */
@media (max-width:1000px){ .shell{grid-template-columns:minmax(0,1fr); gap:28px} .shell > *{min-width:0} }
@media (max-width:800px){
body{font-size:16.5px}
.site-head{position:static}
.head-inner{min-height:0; padding:12px 0}
.brand{max-width:250px}
.brand img{max-height:70px}
.burger{padding:10px 14px; font-size:14.5px}
.nav{left:0; right:0; min-width:0; top:calc(100% + 8px)}
.post,.page-body,.comments{padding:22px 18px 26px}
.post h1.post-title{font-size:26px}
.post-body{font-size:17px}
.postnav{grid-template-columns:1fr}
.postnav .nxt{text-align:left}
.featured{padding:18px 20px; border-radius:0}
}
@media print{
.site-head,.side,.site-foot,.pager,.nav,.share,.postnav,.comments,.featured,.burger{display:none !important}
.shell{display:block; max-width:none; padding:0; margin:0}
.post,.page-body{border:0; padding:0}
a{color:#000; text-decoration:none}
}
.ask-adv{display:inline-block;margin-top:8px;background:#4faa2a;color:#fff !important;font-weight:700;font-size:14px;border-radius:8px;padding:8px 16px;text-decoration:none}
.ask-adv:hover{background:#3f8a22;text-decoration:none}
.hero-adv{background:#fff !important; color:#164d17 !important; border:2px solid #4faa2a; margin-left:10px}
.hero-adv:hover{background:#EAF3DE !important}
@media (max-width:620px){ .hero-adv{margin:10px 0 0; display:inline-block} }
/* --- κινητό: σειρά και πτυσσόμενα widget πλαϊνής στήλης --- */
@media (max-width:1000px){
.sidebar-sec{display:flex; flex-direction:column}
.pg-acc > .pg-acc-h{cursor:pointer; position:relative; padding-right:30px; user-select:none}
.pg-acc > .pg-acc-h::after{content:'\25BE'; position:absolute; right:6px; top:50%; transform:translateY(-50%); font-size:14px; color:#4faa2a; transition:transform .2s}
.pg-acc.closed > .pg-acc-h::after{transform:translateY(-50%) rotate(-90deg)}
.pg-acc.closed > *:not(.pg-acc-h){display:none !important}
}
/* ---- cookie banner ---- */
.pgcc{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-top:3px solid #4faa2a;box-shadow:0 -6px 24px rgba(0,0,0,.18);padding:18px 20px;display:none}
.pgcc.on{display:block}
.pgcc-in{max-width:1000px;margin:0 auto}
.pgcc h4{margin:0 0 6px;font-size:18px;color:#164d17;font-weight:700}
.pgcc p{margin:0 0 12px;font-size:15px;line-height:1.6;color:#1d2420}
.pgcc a{color:#185FA5}
.pgcc-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pgcc-b{font-family:inherit;font-size:15.5px;font-weight:700;border-radius:9px;padding:11px 22px;cursor:pointer;border:2px solid #3f6b28}
.pgcc-y{background:#3f6b28;color:#fff}
.pgcc-y:hover{background:#345a21}
.pgcc-n{background:#fff;color:#164d17}
.pgcc-n:hover{background:#EAF3DE}
.pgcc-s{background:none;border:0;color:#185FA5;text-decoration:underline;font-size:15px;cursor:pointer;padding:11px 8px;font-family:inherit}
.pgcc-panel{display:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid #e4e4da}
.pgcc-panel.on{display:block}
.pgcc-cat{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:15px;line-height:1.55}
.pgcc-cat input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.pgcc-cat b{color:#164d17}
.pgcc-cat span{display:block;color:#454d47;font-size:14px}
.pgcc-link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
@media(max-width:600px){.pgcc{padding:14px;max-height:85vh;overflow-y:auto}.pgcc-b{flex:1 1 100%;padding:12px}}

/* ===== μέρος 2 ===== */
.pgi{position:relative;overflow:hidden;isolation:isolate;background:#fff;border-bottom:1px solid #e6efdc;padding:20px 18px 16px}
.pgi *{box-sizing:border-box}
.pgi .bgw{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;overflow:hidden;z-index:0}
.pgi .gl{position:absolute;border-radius:50%;filter:blur(60px);opacity:0;animation:pgiGlow 1.4s ease-out forwards}
.pgi .g1{width:44%;height:240%;left:-8%;top:-70%;background:radial-gradient(circle,rgba(126,211,33,.34),transparent 66%)}
.pgi .g2{width:50%;height:250%;right:-12%;bottom:-85%;animation-delay:.15s;background:radial-gradient(circle,rgba(46,158,31,.22),transparent 66%)}
.pgi .g3{width:44%;height:210%;left:28%;top:-55%;animation-delay:.06s;background:radial-gradient(circle,rgba(206,242,176,.85),transparent 70%)}
@keyframes pgiGlow{0%{opacity:0;transform:scale(.75)}100%{opacity:1;transform:scale(1)}}
.pgi .grd{position:absolute;left:-25%;right:-25%;top:-40%;bottom:-40%;opacity:0;background-image:linear-gradient(rgba(46,158,31,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(46,158,31,.11) 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(64deg);animation:pgiGrid 1.9s ease-out forwards}
@keyframes pgiGrid{0%{opacity:0}40%{opacity:.9}100%{opacity:.6}}
.pgi .bm{position:absolute;top:-60%;height:220%;width:110px;left:-20%;opacity:0;background:linear-gradient(90deg,transparent,rgba(126,211,33,.30),transparent);transform:rotate(16deg);animation:pgiSweep .8s cubic-bezier(.2,.7,.2,1) forwards}
.pgi .bm2{animation-delay:.11s}
.pgi .bm3{animation-delay:1.35s;animation-duration:.7s}
@keyframes pgiSweep{0%{left:-20%;opacity:0}10%{opacity:1}100%{left:112%;opacity:0}}
.pgi .inr{position:relative;display:block;text-align:center}
.pgi .lw{position:relative;display:inline-block;line-height:0;mix-blend-mode:multiply}
.pgi img.lg{display:block;width:210px;max-width:56vw;height:auto;mix-blend-mode:multiply;opacity:0;animation:pgiLogo 1s cubic-bezier(.16,1,.3,1) .18s forwards}
@keyframes pgiLogo{0%{opacity:0;transform:scale(1.8) rotate(-7deg);filter:blur(14px)}55%{opacity:1;filter:blur(0)}72%{transform:scale(.965) rotate(0)}100%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}
.pgi .rg{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border:2px solid rgba(46,158,31,.5);border-radius:50%;opacity:0;animation:pgiRing .85s cubic-bezier(.2,.8,.3,1) .72s forwards}
.pgi .rg2{animation-delay:.83s}
@keyframes pgiRing{0%{opacity:.75;transform:scale(.3)}100%{opacity:0;transform:scale(7)}}
.pgi .rl{display:block;height:3px;width:0;border-radius:3px;margin:9px auto 0;background:linear-gradient(90deg,transparent,#7ED321,#2E9E1F,#7ED321,transparent);animation:pgiRule 1.3s cubic-bezier(.16,1,.3,1) .85s forwards}
@keyframes pgiRule{0%{width:0;opacity:0}12%{opacity:1}100%{width:520px;max-width:88%;opacity:1}}
.pgi .cs{display:block;margin:9px 0 0;line-height:2}
.pgi .cp{display:inline-block;font:800 12px/1 'Segoe UI',Roboto,Arial,sans-serif;letter-spacing:1.6px;color:#1d6b16;border:1px solid #9ed36f;border-radius:99em;padding:7px 13px;margin:0 4px;background:#f4fbec;opacity:0;animation:pgiChip .5s cubic-bezier(.16,1,.3,1) 1s forwards}
.pgi .cp2{animation-delay:1.1s}
.pgi .cp3{animation-delay:1.2s}
.pgi .cp4{animation-delay:1.3s}
@keyframes pgiChip{0%{opacity:0;transform:translateY(16px) scale(.9);filter:blur(6px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
/* Η γραμμή με την επωνυμία αφαιρέθηκε: το νέο λογότυπο περιέχει ήδη το
   λεκτικό «plantprotect.gr» και η επανάληψη ήταν περιττή. */
.hero-vid{display:none}
.hero{padding:18px 0}
.hero-in{display:block;text-align:center;max-width:820px}
.hero-txt h2{font-size:26px;margin:6px 0 8px}
.hero-txt p{margin:0 auto 14px;max-width:640px}
@media(max-width:620px){.pgi{padding:14px 12px 12px}.pgi .cp{font-size:10.5px;padding:5px 10px;letter-spacing:.8px;margin:0 2px}.pgi img.lg{width:170px;max-width:52vw}.pgi .cs{line-height:1.9;margin-top:8px}.hero-txt h2{font-size:21px}}

/* ===== μέρος 3 ===== */
.image {
      width: 100%;
    }

/* ===== μέρος 4 ===== */
#pggp{background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:18px 20px;margin:0 0 22px}
#pggp h3{margin:0 0 2px;font-size:19px;font-weight:600;color:#164d17;line-height:1.25}
#pggp .sub{margin:0 0 12px;font-size:13px;color:#6d746d}
#pggp ul{list-style:none;margin:0;padding:0}
#pggp li{border-top:1px solid #f0f0e8}
#pggp li:first-child{border-top:0}
#pggp a.it{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;text-decoration:none;color:#1d2420;font-size:15.5px}
#pggp a.it:hover{color:#1f6b1f}
#pggp a.it .c{font-weight:600}
#pggp a.it .d{font-size:13px;color:#8a918a;white-space:nowrap}
#pggp a.new .c{color:#27500A}
#pggp a.new .d{color:#4d8a2a;font-weight:600}
#pggp .tag{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:#fff;background:#4faa2a;border-radius:99em;padding:1px 7px}
#pggp .all{display:block;margin-top:12px;padding-top:11px;border-top:1px solid #f0f0e8;font-size:14px;color:#185FA5;text-decoration:none}
#pggp .all:hover{text-decoration:underline}
#pggp .upd{margin:8px 0 0;font-size:12px;color:#a0a69f}

/* ===== μέρος 5 ===== */
#pgwx{background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:18px 20px;margin:0 0 22px}
#pgwx h3{margin:0 0 2px;font-size:19px;font-weight:600;color:#164d17;line-height:1.25}
#pgwx .sub{margin:0 0 12px;font-size:13px;color:#6d746d}
#pgwx .now{display:flex;align-items:flex-end;gap:10px;padding-bottom:10px;border-bottom:1px solid #f0f0e8}
#pgwx .tt{font-size:38px;font-weight:700;color:#164d17;line-height:1}
#pgwx .nd{font-size:14px;color:#454d47;padding-bottom:4px}
#pgwx .nx{margin:6px 0 0;font-size:12.5px;color:#8a918a}
#pgwx table{width:100%;border-collapse:collapse;margin:8px 0 0;font-size:13.5px}
#pgwx td{padding:6px 0;border-top:1px solid #f7f7f2}
#pgwx td.dd{font-weight:600;color:#1d2420;width:34%}
#pgwx td.mm{text-align:right;color:#a0a69f;white-space:nowrap}
#pgwx td.mm i{font-style:normal;color:#164d17;font-weight:600}
#pgwx td.rr{text-align:right;width:28%;white-space:nowrap;color:#8a918a}
#pgwx td.wet{color:#185FA5;font-weight:600}
#pgwx .srcline{margin:10px 0 0;padding-top:10px;border-top:1px solid #f0f0e8;font-size:12px;color:#a0a69f}
#pgwx .srcline a{color:#185FA5;text-decoration:none}

/* ===== μέρος 6 ===== */
.pg-ms{background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:14px 16px;margin:18px 0}.pg-ms-t{margin:0 0 2px;font-size:17px;font-weight:700;color:#164d17}.pg-ms-sub{font-size:12.5px;color:#6d746d;margin:0 0 4px}.pg-ms-time{font-size:12px;color:#8a918a;margin:0 0 10px}.pg-ms-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 0;border-top:1px solid #f0f2ec}.pg-ms-row:first-of-type{border-top:0}.pg-ms-k{font-size:13.5px;color:#4a534a}.pg-ms-v{font-size:16px;font-weight:700;color:#1d4d1f;white-space:nowrap}.pg-ms-big .pg-ms-v{font-size:26px;color:#164d17}.pg-ms-lnk{display:inline-block;margin-top:10px;font-size:12.5px;color:#3f6b28;text-decoration:none;font-weight:600}.pg-ms-lnk:hover{text-decoration:underline}.pg-ms-err{font-size:13px;color:#8a918a}

/* ===== μέρος 7 ===== */
.pg-calc{background:#fff;border:2px solid #97C459;border-radius:12px;padding:14px 16px;margin:0 0 18px}
.pg-calc a{display:block;text-decoration:none;color:#164d17}
.pg-calc .h{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#6d746d;margin:0 0 6px}
.pg-calc .t{display:block;font-size:16.5px;font-weight:700;line-height:1.35;color:#27500A}
.pg-calc .d{display:block;font-size:13px;color:#4a534a;margin:6px 0 0;line-height:1.55}
.pg-calc .go{display:inline-block;margin-top:10px;background:#3f6b28;color:#fff;font-size:14px;font-weight:700;border-radius:8px;padding:8px 14px}
.pg-calc a:hover .go{background:#345a21}
/* ===== πλήρης στοίχιση κειμένου σε όλα τα άρθρα και τις σελίδες =====
   Μπαίνει στο θέμα και όχι στα άρθρα, ώστε να ισχύει και στα 78 υπάρχοντα
   και σε όσα γραφτούν στο μέλλον.

   Η στοίχιση δίνεται στο περίβλημα και όχι στα <p>, επειδή τα 17 παλιά
   άρθρα της εποχής του Blogger δεν έχουν ούτε ένα <p>: το κείμενό τους
   είναι μέσα σε <div>. Δίνοντάς την στο .post-body, κληρονομείται παντού.

   Ο συλλαβισμός είναι απαραίτητος: χωρίς αυτόν η πλήρης στοίχιση στα
   ελληνικά ανοίγει μεγάλα κενά ανάμεσα στις λέξεις. Το lang="el" της
   σελίδας δίνει στον browser το σωστό λεξικό. */
.post-body{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
}

/* Εξαιρέσεις — εδώ η πλήρης στοίχιση βλάπτει. Στενές στήλες πινάκων,
   λεζάντες, κατάλογοι περιεχομένων και πηγές με μεγάλες διευθύνσεις
   ανοίγουν αφύσικα κενά. Οι επικεφαλίδες που σπάνε σε δύο σειρές
   δείχνουν σαν λάθος όταν στοιχίζονται πλήρως. */
.post-body h1,.post-body h2,.post-body h3,.post-body h4,
.post-body td,.post-body th,.post-body caption,
.post-body figcaption,
.post-body .toc,.post-body .toc li,.post-body .toc a,
.post-body .refline,
.post-body .eq,
.post-body .src,.post-body .src li,
.post-body .warn,
.post-body .by{
  text-align:left;
  hyphens:manual;
  -webkit-hyphens:manual;
}
.post-body .kpi,.post-body .kpi div{text-align:center}

/* Πλήρης στοίχιση στα αποσπάσματα των αναρτήσεων, κατόπιν αιτήματος.
   Ο συλλαβισμός είναι απαραίτητος: χωρίς αυτόν, η πλήρης στοίχιση σε στενή
   κάρτα ανοίγει μεγάλα κενά ανάμεσα στις λέξεις. Το lang="el" της σελίδας
   δίνει στον browser το σωστό λεξικό συλλαβισμού. */
.card .snippet,
.featured .post-summary,
.featured .snippet-item{
  text-align:justify;
  hyphens:auto;
  -webkit-hyphens:auto;
  overflow-wrap:break-word;
}
/* Σε πολύ στενή οθόνη η πλήρης στοίχιση χαλάει — εκεί γυρίζει αριστερά. */
@media (max-width:430px){
  .card .snippet,
  .featured .post-summary,
  .featured .snippet-item{text-align:left}
}

/* ---- «Στείλτε μας μήνυμα»: ζώνη πλήρους πλάτους, τέρμα κάτω ---- */
.pg-contact{background:#EAF3DE;border-top:1px solid #d6e5c4;padding:34px 0 38px}
.pg-contact-in{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start}
.pg-contact-txt h3{margin:0 0 8px;font-size:23px;color:var(--brand-dark,#27500A);text-align:left}
.pg-contact-txt p{margin:0;font-size:15.5px;line-height:1.6;color:#3f4a3c;text-align:left}
.pg-contact-txt a{color:var(--brand,#4faa2a);font-weight:600}
.pg-contact .contact-form{display:block;max-width:none}
.pg-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pg-contact input[type=text],.pg-contact input[type=email],.pg-contact textarea{
  width:100%;box-sizing:border-box;margin:0 0 10px;padding:11px 13px;font:inherit;font-size:15.5px;
  border:1px solid #c3d9a8;border-radius:8px;background:#fff;color:#1d2420}
.pg-contact-row input{margin-bottom:0}
.pg-contact textarea{margin-top:10px;resize:vertical}
.pg-contact input:focus,.pg-contact textarea:focus{outline:0;border-color:var(--brand,#4faa2a);box-shadow:0 0 0 3px rgba(79,170,42,.18)}
.pg-contact button[type=submit]{background:var(--brand,#4faa2a);color:#fff;border:0;border-radius:8px;
  padding:12px 26px;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.pg-contact button[type=submit]:hover{background:var(--brand-dark,#3f8a22)}
@media(max-width:780px){
  .pg-contact{padding:26px 0 30px}
  .pg-contact-in{grid-template-columns:1fr;gap:18px}
  .pg-contact-row{grid-template-columns:1fr;gap:0}
  .pg-contact-row input{margin-bottom:10px}
  .pg-contact button[type=submit]{width:100%}
}

/* ---- Σελίδα γεωργικών προειδοποιήσεων --------------------------------- */
.gp-page .gp-lead{font-size:18px;color:#454d47;margin:0 0 10px;text-align:justify;hyphens:auto}
.gp-page .gp-meta{font-size:14.5px;color:#6d746d;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #e4e4da}
.gp-page .gp-meta b{color:#164d17}
.gp-h{font-size:22px;color:#164d17;margin:0 0 4px;border:0;padding:0;font-weight:600}
/* Τα πρόσφατα: μία γραμμή ανά δελτίο, χωρισμένα με οριζόντιες γραμμές. */
.gp-recent{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid #e4e4da}
.gp-recent li{border-bottom:1px solid #e4e4da;padding:12px 2px}
.gp-recent li:hover{background:#fafcf8}
.gp-recent a{color:#185FA5;text-decoration:none;font-weight:600;font-size:17px;line-height:1.35}
.gp-recent a:hover{text-decoration:underline}
.gp-recent .gp-sub{display:block;font-size:14px;color:#6d746d;margin-top:3px}
.gp-recent .gp-sub b{color:#454d47;font-weight:600;white-space:nowrap;margin-left:6px}
.gp-recent .gp-sub b:before{content:"· "}
/* Επιλογή φορέα */
.gp-pick{margin:0 0 18px;padding:16px 18px;background:#f7f9f5;border:1px solid #dde5d8;border-radius:12px}
.gp-pick label{display:block;font-weight:600;font-size:14px;color:#3d463d;margin:0 0 7px}
.gp-pick select{width:100%;box-sizing:border-box;padding:12px 40px 12px 14px;font:inherit;font-size:16px;
        border:1px solid #c9d3c4;border-radius:9px;background-color:#fff;color:#1d2420;cursor:pointer;
        -webkit-appearance:none;-moz-appearance:none;appearance:none;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke='%234a6b38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l6 6 6-6'/%3E%3C/svg%3E");
        background-repeat:no-repeat;background-position:right 14px center}
.gp-pick select:focus{outline:2px solid #6f9f57;outline-offset:1px;border-color:#6f9f57}
.gp-hint{margin:8px 0 0;font-size:13.5px;color:#6d746d}
.gp-filter{margin:0 0 18px}
.gp-filter input{width:100%;box-sizing:border-box;padding:12px 14px;font:inherit;font-size:16px;
        border:1px solid #c9d3c4;border-radius:9px;background:#fff;color:#1d2420}
.gp-filter input:focus{outline:2px solid #6f9f57;outline-offset:1px;border-color:#6f9f57}
.gp-pane{display:none}
.gp-pane.on{display:block}
.gp-ch{margin:0 0 12px}
.gp-ch h2{font-size:22px;color:#164d17;margin:0 0 2px;border:0;padding:0}
.gp-ch p{margin:0;font-size:14.5px;color:#6d746d}
table.gp-t{width:100%;border-collapse:collapse;background:#fff;font-size:15.5px;margin:0 0 8px}
table.gp-t th{background:#eef3ea;color:#27500A;text-align:left;font-size:13px;text-transform:uppercase;
        letter-spacing:.3px;padding:9px 11px;border-bottom:1px solid #dfe5d8}
table.gp-t td{padding:10px 11px;border-bottom:1px solid #f0f0e8;vertical-align:top}
table.gp-t tr:hover td{background:#fafcf8}
table.gp-t td a{color:#185FA5;text-decoration:none;font-weight:600}
table.gp-t td a:hover{text-decoration:underline}
table.gp-t th:last-child,table.gp-t td:last-child{white-space:nowrap;color:#6d746d;font-size:14.5px}
.gp-new{display:inline-block;background:#EAF3DE;color:#27500A;border:1px solid #97C459;border-radius:20px;
        font-size:11.5px;font-weight:700;padding:1px 7px;margin-left:6px;vertical-align:1px;letter-spacing:.3px}
.gp-more,.gp-none{font-size:14px;color:#6d746d;margin:10px 0 0}
.gp-note{margin:28px 0 0;padding:16px 20px;background:#fff;border:1px solid #e4e4da;border-left:5px solid #4faa2a;
        border-radius:0 12px 12px 0}
.gp-note p{margin:0 0 10px;font-size:14.5px;color:#454d47;text-align:justify;hyphens:auto}
.gp-note p:last-child{margin:0}
@media(max-width:640px){
  table.gp-t thead{display:none}
  table.gp-t,table.gp-t tbody,table.gp-t tr,table.gp-t td{display:block;width:100%}
  table.gp-t tr{border:1px solid #e4e4da;border-radius:10px;margin:0 0 10px;padding:4px 0}
  table.gp-t td{border:0;padding:5px 12px}
  table.gp-t td:before{content:attr(data-l) ": ";font-size:12px;color:#8a918a;text-transform:uppercase;letter-spacing:.3px}
  table.gp-t td:first-child:before{content:none}
  table.gp-t td:first-child{font-size:16.5px;padding-top:9px}
}
/* Δύο γραμμές αριστερά (καλλιέργεια, περιοχή) και η ημερομηνία δεξιά, με
   σταθερό κενό ανάμεσά τους ώστε να μην ακουμπάει ποτέ η μία στην άλλη. */
#pggp a.it{align-items:flex-start;gap:0}
#pggp a.it .c{flex:1 1 auto;min-width:0;padding-right:14px}
#pggp a.it .c .cn{display:block;font-weight:600;line-height:1.35}
#pggp a.it .c small{display:block;font-weight:400;font-size:12.5px;color:#8a918a;margin-top:2px;
        overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pggp a.it .d{flex:0 0 auto;margin-left:auto;padding-top:2px}
#pggp a.it .nb{display:inline-block;font-style:normal;background:#EAF3DE;color:#27500A;border:1px solid #97C459;
        border-radius:20px;font-size:10.5px;font-weight:700;padding:0 6px;margin-left:6px;vertical-align:2px;
        letter-spacing:.3px}

/* ---- Νομοθεσία φυτοπροστασίας (πλαϊνή στήλη) -------------------------- */
#pglaw{background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:18px 20px;margin:0 0 22px}
#pglaw h3{margin:0 0 2px;font-size:19px;font-weight:600;color:#164d17;line-height:1.25}
#pglaw .sub{margin:0 0 12px;font-size:13px;color:#6d746d}
#pglaw select{width:100%;box-sizing:border-box;padding:11px 34px 11px 12px;font:inherit;font-size:15px;
        border:1px solid #c9d3c4;border-radius:9px;background-color:#fff;color:#1d2420;cursor:pointer;
        -webkit-appearance:none;-moz-appearance:none;appearance:none;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke='%234faa2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l6 6 6-6'/%3E%3C/svg%3E");
        background-repeat:no-repeat;background-position:right 12px center}
#pglaw select:focus{outline:2px solid #4faa2a;outline-offset:1px;border-color:#4faa2a}
#pglaw .what{margin:9px 0 0;font-size:13px;color:#6d746d;line-height:1.5;min-height:0}
#pglaw .what:empty{margin:0}
#pglaw .all{display:block;margin:12px 0 0;padding:9px 0 0;border-top:1px solid #f0f0e8;
        font-size:13.5px;font-weight:600;color:#3d5a2e;text-decoration:none}
#pglaw .all:hover{text-decoration:underline}

/* ---- Δορυφορική εικόνα αγρού ------------------------------------------ */
.dor .dor-lead{font-size:18px;color:#454d47;margin:0 0 14px;text-align:justify;hyphens:auto}
.dor-warn{background:#FAEEDA;border:1px solid #EF9F27;border-radius:12px;padding:14px 18px;margin:0 0 20px;
        font-size:14.5px;line-height:1.6;color:#633806;text-align:justify;hyphens:auto}
.dor-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:#f7f9f5;
        border:1px solid #dde5d8;border-radius:12px;padding:14px 16px;margin:0 0 10px}
.dor-tools .fl{flex:1 1 170px;min-width:0}
.dor-tools .fl-b{flex:0 0 auto}
.dor-tools label{display:block;font-weight:600;font-size:13px;color:#3d463d;margin:0 0 5px}
.dor-tools select,.dor-tools input{width:100%;box-sizing:border-box;padding:10px 11px;font:inherit;font-size:15px;
        border:1px solid #c9d3c4;border-radius:9px;background:#fff;color:#1d2420}
.dor-tools select:focus,.dor-tools input:focus{outline:2px solid #6f9f57;outline-offset:1px;border-color:#6f9f57}
.dor-tools button{background:#4a6b38;color:#fff;border:0;border-radius:9px;padding:11px 22px;
        font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.dor-tools button:hover:not(:disabled){background:#3d5a2e}
.dor-tools button:disabled{background:#c3cbbe;cursor:not-allowed}
.dor-what{font-size:14px;color:#6d746d;margin:0 0 18px;font-style:italic}
/* Ο χάρτης όσο χρειάζεται για να σχεδιάσεις, όχι παραπάνω. Η εικόνα του
   αποτελέσματος είναι αυτή που θέλεις να κοιτάς, οπότε παίρνει το πλάτος. */
#dorMap{height:min(46vh,400px);min-height:300px;border-radius:12px;border:1px solid #dde5d8;
        z-index:1;margin:0 0 4px}
#dorOut{margin-top:18px}
/* Η εικόνα του χωραφιού στο ίδιο ακριβώς μέγεθος με τον χάρτη, ώστε το μάτι
   να πηγαίνει από το ένα στο άλλο χωρίς να χρειάζεται προσαρμογή. */
#dorOut .dor-img{padding:12px}
#dorOut .dor-img img{width:100%;height:min(46vh,400px);min-height:300px;
        object-fit:contain;background:#eef1ea;border-radius:8px}
.dor-hint{font-size:13px;color:#8a918a;margin:8px 0 0;line-height:1.5}
.dor-empty,.dor-err{background:#fff;border:1px dashed #dde5d8;border-radius:12px;padding:30px 20px;
        text-align:center;color:#8a918a;font-size:15px}
.dor-err{border-style:solid;border-color:#F09595;background:#FCEBEB;color:#791F1F}
.dor-card{background:#fff;border:1px solid #dde5d8;border-radius:12px;padding:12px;margin:0 0 14px}
.dor-card img{width:100%;height:auto;display:block;border-radius:8px;background:#eef1ea}
.dor-card h3{margin:0 0 10px;font-size:16.5px;color:#164d17;border:0;padding:0}
.dor-leg{display:flex;align-items:center;gap:0;margin:10px 2px 0;flex-wrap:wrap}
.dor-leg span{flex:1 1 0;height:11px}
.dor-leg .l1{background:#996b40;border-radius:4px 0 0 4px}
.dor-leg .l2{background:#d4a857}
.dor-leg .l3{background:#f0d96b}
.dor-leg .l4{background:#99cd4d}
.dor-leg .l5{background:#38b833}
.dor-leg .l6{background:#08571d;border-radius:0 4px 4px 0}
.dor-leg i,.dor-leg b{flex:0 0 auto;font-size:11.5px;font-style:normal;color:#8a918a;padding:0 6px}
.dor-leg b{color:#454d47;font-weight:600}
.dor-svg{width:100%;height:110px;display:block}
.dor-svg polyline{fill:none;stroke:#4faa2a;stroke-width:1.1;vector-effect:non-scaling-stroke;
        stroke-linejoin:round;stroke-linecap:round}
.dor-ax{display:flex;justify-content:space-between;font-size:11.5px;color:#8a918a;margin:2px 0 12px}
table.dor-tb{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
table.dor-tb th{background:#eef3ea;color:#27500A;text-align:left;font-size:11.5px;text-transform:uppercase;
        letter-spacing:.3px;padding:7px 9px}
table.dor-tb td{padding:7px 9px;border-bottom:1px solid #f0f0e8;color:#454d47}
table.dor-tb td b{color:#164d17}
@media(max-width:900px){
  .dor-grid{grid-template-columns:1fr}
  #dorMap{height:min(44vh,360px);min-height:260px}
  #dorOut .dor-img img{height:min(44vh,360px);min-height:260px}
  table.dor-tb thead{display:none}
  table.dor-tb,table.dor-tb tbody,table.dor-tb tr,table.dor-tb td{display:block;width:100%}
  table.dor-tb tr{border:1px solid #e4e4da;border-radius:9px;margin:0 0 8px;padding:3px 0}
  table.dor-tb td{border:0;padding:4px 11px;font-size:14px}
  table.dor-tb td:before{content:attr(data-l) ": ";font-size:11.5px;color:#8a918a;text-transform:uppercase}
}
.leaflet-draw-toolbar a{background-size:300px 30px !important}
@media(max-width:900px){
  .leaflet-draw-toolbar a{width:36px !important;height:36px !important;
        background-size:360px 36px !important;background-position-y:1px}
}

/* ---- Η ανάλυση των δεικτών ------------------------------------------- */
.dor-doc{margin:34px 0 0;padding:26px 0 0;border-top:2px solid #e4e4da}
.dor-doc h2{font-size:25px;line-height:1.25;font-weight:600;margin:0 0 14px;color:#164d17;border:0;padding:0}
.dor-doc h3{font-size:20px;font-weight:600;margin:30px 0 8px;color:#1d2420}
.dor-doc p{margin:12px 0;font-size:16.5px;line-height:1.75;color:#1d2420;
        text-align:justify;text-justify:inter-word;hyphens:auto}
.dor-doc ul{padding-left:24px;margin:12px 0}
.dor-doc li{margin:9px 0;font-size:16.5px;line-height:1.7;text-align:justify;hyphens:auto}
.dor-eq{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0;
        background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:16px;font-size:17px;color:#164d17}
.dor-eq .fr{display:inline-flex;flex-direction:column;text-align:center;font-style:italic}
.dor-eq .fr i{border-bottom:1.5px solid #164d17;padding:0 8px 3px;font-style:italic}
.dor-eq .fr b{padding:3px 8px 0;font-weight:400;font-style:italic}
table.dor-tb2{width:100%;border-collapse:collapse;font-size:15px;background:#fff;margin:16px 0}
table.dor-tb2 th{background:#EAF3DE;color:#27500A;text-align:left;font-size:12.5px;text-transform:uppercase;
        letter-spacing:.3px;padding:9px 11px;font-weight:700;border-bottom:1px solid #dde5d8}
table.dor-tb2 td{padding:10px 11px;border-bottom:1px solid #f0f0e8;color:#454d47;vertical-align:top;line-height:1.55}
table.dor-tb2 td.eq{white-space:nowrap;text-align:center;font-size:13.5px;color:#164d17}
table.dor-tb2 td.eq hr{border:0;border-top:1px solid #164d17;margin:2px 0}
.dor-box{background:#fff;border:1px solid #e4e4da;border-left:5px solid #EF9F27;border-radius:0 12px 12px 0;
        padding:16px 20px;margin:20px 0}
.dor-box.g{border-left-color:#4faa2a}
.dor-box b:first-child{display:block;font-size:16.5px;color:#164d17;margin:0 0 7px}
.dor-box p{margin:0;font-size:15.5px}
.dor-box ul{margin:0;padding-left:22px}
.dor-box li{font-size:15.5px}
@media(max-width:700px){
  .dor-doc p,.dor-doc li{font-size:16px}
  .dor-doc h2{font-size:22px}
  .dor-doc h3{font-size:18.5px}
  table.dor-tb2 thead{display:none}
  table.dor-tb2,table.dor-tb2 tbody,table.dor-tb2 tr,table.dor-tb2 td{display:block;width:100%}
  table.dor-tb2 tr{border:1px solid #e4e4da;border-radius:10px;margin:0 0 10px;padding:4px 0;background:#fff}
  table.dor-tb2 td{border:0;padding:5px 12px;font-size:15px}
  table.dor-tb2 td:before{content:attr(data-l) ": ";font-size:11.5px;color:#8a918a;
        text-transform:uppercase;letter-spacing:.3px;display:block;margin-top:3px}
  table.dor-tb2 td.eq{text-align:left}
}

/* ---- Μέτρηση έκτασης αγρού -------------------------------------------- */
.met .met-lead{font-size:18px;color:#454d47;margin:0 0 16px;text-align:justify;hyphens:auto}
.met-bar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 8px}
.met-bar button{font:inherit;font-size:14.5px;font-weight:600;border-radius:9px;padding:11px 16px;
        cursor:pointer;border:1px solid #c9d3c4;background:#fff;color:#3d5a2e;line-height:1.3}
.met-bar button:hover:not(:disabled){background:#eef3ea;border-color:#4faa2a}
.met-bar button:disabled{opacity:.45;cursor:not-allowed}
.met-bar .b2{background:#4a6b38;border-color:#4a6b38;color:#fff}
.met-bar .b2:hover:not(:disabled){background:#3d5a2e;color:#fff}
.met-bar .b3{background:#fff;color:#8a3030;border-color:#e0bcbc}
.met-bar .b3:hover{background:#FCEBEB;border-color:#F09595}
.met-gps{font-size:13.5px;color:#6d746d;margin:0 0 10px;min-height:1em}
#metMap{height:min(52vh,470px);min-height:320px;border-radius:12px;border:1px solid #dde5d8;z-index:1}
.met-hint{font-size:13px;color:#8a918a;margin:8px 0 0;line-height:1.55}
#metOut{margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.met-empty{grid-column:1/-1;background:#fff;border:1px dashed #dde5d8;border-radius:12px;
        padding:28px 20px;text-align:center;color:#8a918a;font-size:15px}
.met-card{background:#fff;border:1px solid #dde5d8;border-radius:12px;padding:16px 18px}
.met-card.met-sum{border-color:#97C459;background:#f6fbf1;grid-column:1/-1}
.met-n{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#7ba05b;font-weight:700;margin:0 0 4px}
.met-big{font-size:34px;font-weight:700;color:#164d17;line-height:1.1;margin:0 0 12px}
.met-big span{display:block;font-size:13px;font-weight:400;color:#8a918a;letter-spacing:.3px;margin-top:2px}
.met-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #f0f3ec;
        font-size:14.5px;color:#6d746d}
.met-row b{color:#1d2420;font-weight:600;white-space:nowrap}
.met-doc{margin:34px 0 0;padding:26px 0 0;border-top:2px solid #e4e4da}
.met-doc h2{font-size:25px;font-weight:600;margin:0 0 14px;color:#164d17;border:0;padding:0}
.met-doc h3{font-size:20px;font-weight:600;margin:28px 0 8px;color:#1d2420}
.met-doc p{margin:12px 0;font-size:16.5px;line-height:1.75;color:#1d2420;text-align:justify;hyphens:auto}
.met-doc ul{padding-left:24px;margin:12px 0}
.met-doc li{margin:9px 0;font-size:16.5px;line-height:1.7;text-align:justify;hyphens:auto}
table.met-tb{width:100%;border-collapse:collapse;font-size:15px;background:#fff;margin:16px 0}
table.met-tb th{background:#EAF3DE;color:#27500A;text-align:left;font-size:12.5px;text-transform:uppercase;
        letter-spacing:.3px;padding:9px 11px;font-weight:700;border-bottom:1px solid #dde5d8}
table.met-tb td{padding:10px 11px;border-bottom:1px solid #f0f0e8;color:#454d47;vertical-align:top;line-height:1.55}
.met-box{background:#fff;border:1px solid #e4e4da;border-left:5px solid #4faa2a;border-radius:0 12px 12px 0;
        padding:16px 20px;margin:20px 0}
.met-box.r{border-left-color:#F09595;background:#fffafa}
.met-box b:first-child{display:block;font-size:16.5px;color:#164d17;margin:0 0 7px}
.met-box.r b:first-child{color:#791F1F}
.met-box p{margin:0;font-size:15.5px;line-height:1.7;text-align:justify;hyphens:auto}
.met-note{margin:24px 0 0;font-size:13.5px;color:#8a918a}
.met-note p{margin:0}
@media(max-width:700px){
  #metMap{height:min(50vh,380px);min-height:280px}
  .met-bar button{flex:1 1 100%;padding:13px 16px;font-size:15px}
  .met-doc p,.met-doc li{font-size:16px}
  .met-doc h2{font-size:22px}
  .met-doc h3{font-size:18.5px}
  table.met-tb thead{display:none}
  table.met-tb,table.met-tb tbody,table.met-tb tr,table.met-tb td{display:block;width:100%}
  table.met-tb tr{border:1px solid #e4e4da;border-radius:10px;margin:0 0 10px;padding:4px 0;background:#fff}
  table.met-tb td{border:0;padding:5px 12px;font-size:15px}
  table.met-tb td:before{content:attr(data-l) ": ";font-size:11.5px;color:#8a918a;
        text-transform:uppercase;letter-spacing:.3px;display:block;margin-top:3px}
}
.met-how{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 18px}
.met-col{background:#f7f9f5;border:1px solid #dde5d8;border-radius:12px;padding:16px 18px 14px}
.met-col h3{margin:0 0 10px;font-size:17px;font-weight:600;color:#164d17;line-height:1.3;
        display:flex;align-items:center;gap:9px}
.met-col h3 .k{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#4a6b38;color:#fff;
        font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:700}
.met-col ol{margin:0;padding-left:22px}
.met-col li{margin:8px 0;font-size:15px;line-height:1.6;color:#454d47}
.met-col li b{color:#1d2420}
@media(max-width:820px){ .met-how{grid-template-columns:1fr;gap:14px} }

/* ---- Μέτρηση: λειτουργία δαχτύλου με σταυρόνημα ----------------------- */
.met-wrap{position:relative}
.met-cross{position:absolute;left:0;right:0;top:0;bottom:0;z-index:600;pointer-events:none}
.met-cross span{position:absolute;background:#e01b1b;box-shadow:0 0 0 1px rgba(255,255,255,.9)}
.met-cross .v{left:50%;top:50%;width:2px;height:46px;margin:-23px 0 0 -1px}
.met-cross .o{left:50%;top:50%;width:46px;height:2px;margin:-1px 0 0 -23px}
.met-cross .c{left:50%;top:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;background:transparent;
        border:2px solid #e01b1b;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.9),
        inset 0 0 0 1px rgba(255,255,255,.9)}
.met-touch{margin:10px 0 0}
.met-live{background:#f7f9f5;border:1px solid #dde5d8;border-radius:10px;padding:11px 14px;
        font-size:14.5px;color:#6d746d;text-align:center;margin:0 0 9px}
.met-live.on{background:#EAF3DE;border-color:#97C459;color:#27500A;font-size:15.5px}
.met-live b{font-size:22px;color:#164d17;font-weight:700}
.met-tbtn{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.met-tbtn button{font:inherit;font-size:15px;font-weight:600;border-radius:10px;padding:14px 10px;
        cursor:pointer;border:1px solid #c9d3c4;background:#fff;color:#3d5a2e;line-height:1.25}
.met-tbtn button:disabled{opacity:.42;cursor:not-allowed}
.met-tbtn .bp{grid-column:1/-1;background:#e01b1b;border-color:#e01b1b;color:#fff;font-size:17px;padding:16px 10px}
.met-tbtn .bp:hover{background:#c11616}
.met-tbtn .bok{background:#4a6b38;border-color:#4a6b38;color:#fff}
.met-tbtn .bok:hover:not(:disabled){background:#3d5a2e}
.met-tbtn .bs:hover:not(:disabled){background:#eef3ea;border-color:#4faa2a}
.met-mode{display:flex;gap:8px;margin:12px 0 0;justify-content:center}
.met-mode button{font:inherit;font-size:13.5px;font-weight:600;border-radius:20px;padding:8px 16px;
        cursor:pointer;border:1px solid #dfe5d8;background:#fff;color:#6d746d}
.met-mode button.on{background:#4a6b38;border-color:#4a6b38;color:#fff}
.leaflet-tooltip.met-num{background:transparent;border:0;box-shadow:none;color:#fff;font-weight:700;
        font-size:11px;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.leaflet-tooltip.met-num:before{display:none}
@media(max-width:820px){
  #metMap{height:min(58vh,520px);min-height:340px}
  .met-live b{font-size:24px}
  .met-tbtn .bp{padding:18px 10px;font-size:18px}
}

/* ---- Κατηγορίες μέσα σε σελίδα καλλιέργειας ---- */
.catnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.catnav a{display:inline-block;background:#fff;border:1px solid #d6e5c4;border-radius:999px;
  padding:6px 14px;text-decoration:none;color:#3f6b28;font-weight:600;font-size:14.5px;line-height:1.3}
.catnav a b{font-weight:700;color:#8b948a;margin-left:3px}
.catnav a:hover{background:#EAF3DE;border-color:#97C459}
.cathead{font-size:22px;font-weight:600;color:#164d17;margin:38px 0 16px;
  padding:0 0 8px;border-bottom:2px solid #e4e4da;scroll-margin-top:16px}
.cathead:first-of-type{margin-top:0}
.cathead span{font-weight:400;color:#8b948a;font-size:17px}
@media(max-width:700px){
  .catnav{gap:6px;margin-bottom:20px}
  .catnav a{padding:5px 11px;font-size:13.5px}
  .cathead{font-size:20px;margin:30px 0 14px}
}

/* ===== Διακόπτης γλώσσας ================================================= */
.site-head .langsw{display:inline-flex;align-items:center;gap:5px;margin-left:14px;
  padding:6px 12px;border:1px solid rgba(255,255,255,.45);border-radius:99em;
  font-size:13px;font-weight:700;letter-spacing:.3px;text-decoration:none;
  color:inherit;opacity:.92;white-space:nowrap;line-height:1}
.site-head .langsw:hover{opacity:1;background:rgba(255,255,255,.14)}
@media(max-width:700px){.site-head .langsw{margin-left:8px;padding:5px 9px;font-size:12px}}


/* ===== Φόρμα μηνύματος μέσα στο υποσέλιδο =================================
   Ήταν ξεχωριστή ζώνη πάνω από το υποσέλιδο και τραβούσε την προσοχή σαν να
   ήταν αίτημα συμβουλευτικής. Δεν είναι: γι' αυτό υπάρχουν οι σελίδες
   Συμβουλευτικής και Διάγνωσης. Εδώ αφορά μόνο τον ιστότοπο, οπότε κάθεται
   διακριτικά στην πρώτη στήλη, κάτω από την περιγραφή της εταιρείας. */
.site-foot .foot-msg{margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.16);max-width:320px}
.site-foot .foot-msg b{display:block;color:#fff;font-size:15px;margin:0 0 2px}
.site-foot .foot-msg p{margin:0 0 9px;font-size:13.5px;color:#c2d3bc;line-height:1.5}
.site-foot .foot-msg input,.site-foot .foot-msg textarea{
  width:100%;box-sizing:border-box;margin:0 0 7px;padding:8px 10px;font:inherit;font-size:14px;
  border:1px solid rgba(255,255,255,.28);border-radius:7px;background:rgba(255,255,255,.08);color:#fff}
.site-foot .foot-msg input::placeholder,.site-foot .foot-msg textarea::placeholder{color:#a9bda3}
.site-foot .foot-msg input:focus,.site-foot .foot-msg textarea:focus{
  outline:0;border-color:#9ed36f;background:rgba(255,255,255,.14)}
.site-foot .foot-msg textarea{resize:vertical;min-height:64px}
.site-foot .foot-msg button{background:#7ED321;color:#123c0e;border:0;border-radius:7px;
  padding:9px 18px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.site-foot .foot-msg button:hover{background:#96e03d}
@media(max-width:700px){.site-foot .foot-msg{max-width:none}}