/* ---- μία οικογένεια σε όλο το site, και μία που έχει ελληνικά ---- */
body,p,li,dt,dd,blockquote,figcaption,label,cite,
h1,h2,h3,h4,h5,h6,
button,input,select,textarea,
.wpb_wrapper,.vc_general,.entry-title,.widget,.widget-title,
.stm-title,.stm-header,.stm-footer,.breadcrumb,.pagination{
  font-family:'Manrope','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif !important}
/* Οι πίνακες του SportsPress έξω από τις δικές μας σελίδες. */
table.sp-data-table,table.sp-data-table *{font-family:'Manrope','Segoe UI',system-ui,sans-serif !important}

/* ---- τίτλοι: πιο σφιχτοί και πιο βαρείς, όπως στις αγωνιστικές ενότητες ---- */
h1,h2,h3{letter-spacing:-.025em !important;font-weight:800 !important;line-height:1.08 !important}
h4,h5,h6{letter-spacing:-.015em !important;font-weight:700 !important}

/* ---- το άσπρο πέπλο του Splash πάνω σε ΚΑΘΕ <button> ----
   Το θέμα βάζει σε κάθε κουμπί ένα ::before με position:absolute και
   background:#f7f7f7 που το σκεπάζει ολόκληρο. Γι' αυτό τα βελάκια των slider
   και οι κουκκίδες φαίνονταν **άσπρα** και «γίνονταν σωστά» μόνο στο hover:
   εκεί το overlay φεύγει και αποκαλύπτεται το δικό μας πορτοκαλί. Δεν αρκεί να
   βάψεις το background του κουμπιού — πρέπει να φύγει το πέπλο. */
[class*="sfc-"] button::before,[class*="sfc-"] button::after,
[class*="smn-"] button::before,[class*="smn-"] button::after,
[class*="gan-"] button::before,[class*="gan-"] button::after,
button[class*="sfc-"]::before,button[class*="sfc-"]::after,
button[class*="smn-"]::before,button[class*="smn-"]::after,
button[class*="gan-"]::before,button[class*="gan-"]::after{
  content:none !important;background:none !important;display:none !important}

/* ---- μικρές σύγχρονες λεπτομέρειες, καθολικά ---- */
::selection{background:#ee5a1e;color:#fff}
:focus-visible{outline:2px solid #ee5a1e !important;outline-offset:3px !important;border-radius:3px}
img,video{max-width:100%}
/* ΟΧΙ scroll-behavior:smooth στο <html>. Δοκιμάστηκε live και **σπάει κάθε
   προγραμματιστικό scroll της σελίδας**: το Splash δίνει στο <html> δικό του
   overflow-y:auto, οπότε ο scroller είναι το ίδιο το documentElement, και με
   smooth κάθε scrollTop = X μένει στο 0 — δηλαδή θα έπαυε να δουλεύει το
   «πάνω-πάνω» κουμπί και κάθε anchor link. Ίδια οικογένεια bug με το snap
   vs smooth στα sliders. Δεν αξίζει μια animation τόσο ρίσκο. */
/* ============================================================
   SNAKES FC — Light menu + footer override for the Splash theme
   Verified live (Playwright) 2026-06-09. Loaded site-wide via the
   George Articles plugin (wp_head). Update-proof: no theme files touched.
   ============================================================ */

/* ---- HEADER: light, sticky, translucent ---- */
.stm-header,.stm-header-inner,.stm-main-menu,.stm-main-menu-unit{background:transparent !important;background-image:none !important}
.stm-header{position:sticky !important;top:0;z-index:9999;
  background:rgba(250,250,250,.9) !important;
  -webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid #e8e8e4 !important}
/* logo: invert the white wordmark to black */
.stm-header .bloglogo,.stm-header .logo img{filter:brightness(0) !important}
/* menu links: Manrope, dark, no theme highlight box */
.stm-header .header-menu>li,.stm-header .header-menu>li>a{background:transparent !important;background-image:none !important;box-shadow:none !important}
.stm-header .header-menu>li>a::before,.stm-header .header-menu>li>a::after,
.stm-header .header-menu>li::before,.stm-header .header-menu>li::after{background:none !important;border:0 !important;box-shadow:none !important}
.stm-header .header-menu>li>a{color:#1a1a1a !important;font-family:'Manrope',sans-serif !important;font-weight:600 !important;
  font-size:14px !important;text-transform:uppercase !important;letter-spacing:.02em !important;transition:color .25s ease !important;padding:8px 14px !important}
.stm-header .header-menu>li>a:hover{color:#ee5a1e !important}
.stm-header .header-menu>li.current-menu-item>a,
.stm-header .header-menu>li.current_page_item>a,
.stm-header .header-menu>li.current-menu-ancestor>a{color:#ee5a1e !important}
.stm-header .header-menu .cart-list-item{display:none !important}

/* ---- FOOTER: the Splash one is gone entirely ----
   sfc_footer_nufc() renders our own (link columns, channels, legal band, giant
   wordmark) and appends it to <body>. The theme footer is hidden rather than
   restyled, because two footers stacked is worse than either one alone. */
.stm-footer,#stm-footer-top,#stm-footer-bottom,.stm-footer.background-image{display:none !important}

/* ---- fixes 2026-06-10 ---- */
/* 1) vertically center logo + menu in the header (desktop) */
@media(min-width:992px){
  .stm-header .stm-header-container{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px}
  .stm-header .logo-main{float:none !important;margin:0 !important}
  .stm-header .stm-main-menu{float:none !important}
}
/* 2) kill the dark theme body background showing in the content-area gap, ONLY on our pages */
body:has(.sfc-page) #wrapper, body:has(.sfc-page) .main, body:has(.sfc-page) .wpb-content-wrapper,
body:has(.sfc-min-root) #wrapper, body:has(.sfc-min-root) .main, body:has(.sfc-min-root) .wpb-content-wrapper,
body:has(.sfc-fx-sec--full) #wrapper, body:has(.sfc-fx-sec--full) .main, body:has(.sfc-fx-sec--full) .wpb-content-wrapper,
body.home #wrapper, body.home .main, body.home .wpb-content-wrapper{background-color:#fafafa !important;background-image:none !important}
/* 4) hide the redundant Splash page-title bar on our custom shortcode pages — each one renders its own hero, so the Splash "<page>" title box above it is duplicate dead space */
body:has(.sfc-page) .stm-title-box-unit,
body:has(.sfc-page) .stm-page-title,
body:has(.sfc-fx-sec--full) .stm-title-box-unit,
body:has(.sfc-fx-sec--full) .stm-page-title{display:none !important}
/* 5) vertically center logo + menu in the header: Splash dumps all of .stm-header-inner's spacing on padding-bottom (27px) with padding-top 0, pinning the row to the top — split it evenly so the row sits centered (same total header height) */
.stm-header-inner{padding-top:13.5px !important;padding-bottom:13.5px !important}
/* 7) Splash pins #wrapper to min-height:1000px. Our long shortcode pages never
   notice; the single-player page is short and ended up with a screenful of dead
   white above the footer. Relax it only where our own markup is on the page. */
body:has(.sfc-pp) #wrapper{min-height:0 !important}
/* 6) MOBILE: the mobile header (.stm-header-mobile) is dark (#151515) but our rule #4-area inverts the logo to black via .stm-header .bloglogo{filter:brightness(0)} (the mobile header is nested inside .stm-header) -> black logo on black bar = invisible. Force the logo WHITE by putting brightness(0) invert(1) on the .logo-main wrapper (parent filter recolours the whole subtree white). */
@media(max-width:782px){
  .stm-header-mobile .logo-main,.stm-header-mobile .bloglogo{filter:brightness(0) invert(1) !important}
  .stm-header-mobile .bloglogo img{filter:none !important}
}
/* ---- ΥΠΟΜΕΝΟΥ: επιφάνεια εργασίας ---- */
.header-menu > li{position:relative}
.header-menu .sub-menu{
  position:absolute !important;top:100%;left:50%;
  transform:translate(-50%,10px);
  min-width:220px;margin:0 !important;padding:8px !important;list-style:none !important;
  text-align:left !important;
  background:#fff !important;border:1px solid #e4e4e0 !important;border-radius:16px !important;
  box-shadow:0 1px 2px rgba(20,20,20,.04),0 24px 54px -22px rgba(20,20,20,.26) !important;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1);
  z-index:10000}
/* Γέφυρα: χωρίς αυτή, ο δείκτης «πέφτει» στο κενό ανάμεσα στον γονιό και το
   πάνελ και το υπομενού κλείνει πριν προλάβεις να το πατήσεις. */
.header-menu > li.menu-item-has-children::after{
  content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.header-menu > li.menu-item-has-children:hover > .sub-menu,
.header-menu > li.menu-item-has-children:focus-within > .sub-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.header-menu .sub-menu li{display:block !important;margin:0 !important;float:none !important}
.header-menu .sub-menu a{
  display:block !important;padding:10px 14px !important;border-radius:10px !important;
  font-size:13.5px !important;font-weight:600 !important;letter-spacing:-.005em !important;
  line-height:1.35 !important;color:#5a5a58 !important;text-transform:none !important;
  /* Η πάνω μπάρα είναι δεξιά στοιχισμένη και το πάνελ το κληρονομούσε — τα
     στοιχεία μιας λίστας διαβάζονται από αριστερά. */
  text-align:left !important;
  white-space:nowrap;background:transparent !important;
  transition:background .2s,color .2s}
.header-menu .sub-menu a span{color:inherit !important;text-transform:none !important}
.header-menu .sub-menu a:hover,.header-menu .sub-menu a:focus{
  background:#f2f2f0 !important;color:#1a1a1a !important}
.header-menu .sub-menu .current-menu-item > a,
.header-menu .sub-menu .current_page_item > a{color:#ee5a1e !important}
/* Το βελάκι που λέει «έχω υπομενού». */
.header-menu > li.menu-item-has-children > a > span::after{
  content:"";display:inline-block;width:5px;height:5px;margin-left:8px;
  vertical-align:2px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);opacity:.5;transition:transform .22s,opacity .22s}
.header-menu > li.menu-item-has-children:hover > a > span::after{
  transform:rotate(225deg) translate(-2px,-2px);opacity:1}

/* ---- ΥΠΟΜΕΝΟΥ: κινητό (πτυσσόμενο) ---- */
.stm-mobile-menu-list .sub-menu{
  display:none;list-style:none !important;margin:0 !important;padding:0 !important}
.stm-mobile-menu-list li.sfc-open > .sub-menu{display:block}
/* Τα παιδιά ξεχωρίζουν με μέγεθος και χρώμα, ΟΧΙ με εσοχή: το μενού του
   κινητού είναι κεντραρισμένο και μια αριστερή εσοχή θα έσπαγε τη στοίχιση.
   Και ΟΧΙ με opacity — το πάνελ είναι ημιδιάφανο, οπότε το κείμενο έσβηνε
   πάνω στο περιεχόμενο που φαίνεται από πίσω. */
.stm-mobile-menu-list .sub-menu a{
  font-size:14.5px !important;font-weight:600 !important;text-transform:none !important;
  color:rgba(255,255,255,.88) !important;
  padding-top:9px !important;padding-bottom:9px !important}
.stm-mobile-menu-list .sub-menu a span{color:inherit !important}
.stm-mobile-menu-list .sub-menu a:hover,
.stm-mobile-menu-list .sub-menu .current-menu-item > a{color:#fff !important}
.stm-mobile-menu-list li.menu-item-has-children{position:relative}
/* Το Splash βάφει ΚΑΘΕ <button> με !important — γι' αυτό όλα εδώ είναι !important. */
.stm-mobile-menu-list .sfc-mtog{
  position:absolute !important;top:0;right:0;width:52px;height:46px;
  display:flex !important;align-items:center;justify-content:center;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  padding:0 !important;margin:0 !important;min-width:0 !important;width:52px !important;
  color:#fff !important;cursor:pointer;-webkit-appearance:none !important;appearance:none !important}
.stm-mobile-menu-list .sfc-mtog::before,
.stm-mobile-menu-list .sfc-mtog::after{display:none !important;content:none !important}
/* Το Splash δίνει στα <button> πορτοκαλί φόντο σε hover/focus/active — εδώ
   έβγαινε ένα συμπαγές τετράγωνο δίπλα στο άνοιγμα του υπομενού. */
.stm-mobile-menu-list .sfc-mtog:hover,
.stm-mobile-menu-list .sfc-mtog:focus,
.stm-mobile-menu-list .sfc-mtog:active,
.stm-mobile-menu-list li.sfc-open > .sfc-mtog{
  background:transparent !important;background-color:transparent !important;
  background-image:none !important;box-shadow:none !important;outline:none !important;
  border:0 !important;color:#fff !important}
.stm-mobile-menu-list .sfc-mtog i{
  display:block;width:8px;height:8px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s;opacity:.7}
.stm-mobile-menu-list li.sfc-open > .sfc-mtog i{
  transform:rotate(225deg) translate(-2px,-2px);opacity:1}
:root{
  --sfc-display:'Roboto Condensed','Manrope','Segoe UI',system-ui,sans-serif;
  --sfc-orange:#ee5a1e;
  --sfc-orange-deep:#cf4e12;
  --sfc-ink:#111;
}

/* ---- Τίτλοι: στενοί, βαρείς, κεφαλαία. ΜΟΝΟ μέσα στις δικές μας ενότητες,
       ώστε να μην πειραχθεί ούτε ένα στοιχείο του Splash/WPBakery. ---- */
.sfc-min-root h1,.sfc-min-root h2,.sfc-min-root h3,
.sfc-page h1,.sfc-page h2,.sfc-page h3,
.gan-news h2,.gan-news h3,
.smn-h2,.gan-h2,.gan-title,.smn-hero__title,
.sfc-pp__name,.sfc-mc__title,.sfc-sec__title,.sfc-fx-h2,
.sfc-md__opp,.sfc-md__cd b{
  font-family:var(--sfc-display) !important;
  font-weight:900 !important;
  letter-spacing:-.005em !important;
}

/* Η Roboto Condensed είναι ~18% στενότερη από τη Manrope: με το ίδιο font-size
   οι τίτλοι έδειχναν ξαφνικά μικροί. Ανεβαίνουν αναλογικά για να κρατήσουν το
   ΟΠΤΙΚΟ βάρος που είχαν, όχι το αριθμητικό μέγεθος. */
.smn-h2,.gan-h2{font-size:clamp(34px,5vw,60px) !important;line-height:1.02 !important}
.smn-hero__title,.sfc-min-root h1{letter-spacing:-.01em !important}

/* Αριθμοί με σταθερό πλάτος: σκορ, βαθμολογίες, αντίστροφη μέτρηση.
   Χωρίς αυτό οι στήλες «χοροπηδούν» σε κάθε αλλαγή ψηφίου. */
.sfc-st td,.sfc-st th,.sfc-md__cd,.sfc-fx__score,.sfc-mc__score,
.sfc-pp__stat-v,.sfc-st__pts{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.sfc-st td,.sfc-st th{font-family:var(--sfc-display)}
/* ---------- 1. ΤΟ ΛΕΥΚΟ ΠΕΠΛΟ ΤΟΥ SPLASH ΣΕ ΚΑΘΕ ΚΟΥΜΠΙ ----------
   Δύο διαφορετικά πράγματα το προκαλούν, και ως τώρα είχε βρεθεί μόνο το ένα:
     α) ένα ::before #f7f7f7 σε απόλυτη θέση — καλυπτόταν ήδη·
     β) `body.esport button{background-color:#f7f7f7 !important}` στο
        skin-custom-layout.css. Το site ΤΡΕΧΕΙ με body.esport, άρα ο κανόνας
        πιάνει ΚΑΘΕ κουμπί του site.
   Το (β) δεν το νικάς με `.sfc-md__x{...!important}`: και τα δύο είναι
   !important, οπότε κρίνει η ειδικότητα — (0,1,2) του θέματος εναντίον (0,1,0)
   του δικού μας. Χρειάζεται ρητά μεγαλύτερη ειδικότητα, γι' αυτό μπαίνει
   `body` μπροστά και το `button` μαζί με την κλάση: (0,2,2). */
body button[class*="sfc-"],body button[class*="smn-"],body button[class*="gan-"],
body [class*="sfc-"] button,body [class*="smn-"] button{
  background-color:transparent !important;background-image:none !important;
  border-color:transparent !important;box-shadow:none !important;text-shadow:none !important}
.sfc-md__x::before,.sfc-md__x::after{content:none !important;display:none !important}

/* Το ίδιο `body.esport button` δίνει ΚΑΙ color:#111. Πάνω σε διάφανο πλέον
   φόντο, ένα σκούρο × σε μαύρη μπάρα είναι αόρατο — η αφαίρεση του πέπλου
   έπρεπε να συνοδευτεί από ρητό χρώμα σε κάθε κουμπί που ζει σε σκούρο.
   Και όποιο κουμπί ΠΡΕΠΕΙ να έχει χρώμα (το πορτοκαλί «Αναζήτηση») το
   ξαναδηλώνει εδώ: ο καθολικός κανόνας από πάνω το είχε κάνει διάφανο. */
body .sfc-md button.sfc-md__x{color:#7a7a76 !important}
body .sfc-md button.sfc-md__x:hover{background-color:rgba(255,255,255,.09) !important;color:#fff !important}
body .sfc-sov button.sfc-sov__x{color:#8a8a84 !important}
body .sfc-sov button.sfc-sov__x:hover{background-color:rgba(255,255,255,.09) !important;color:#fff !important}
body .sfc-sov button.sfc-sov__go{color:#fff !important}
body .sfc-sov button.sfc-sov__go:hover{color:var(--sfc-orange,#ee5a1e) !important}
body .sfc-srch__form button{background-color:var(--sfc-orange,#ee5a1e) !important;color:#fff !important}
body .sfc-srch__form button:hover{background-color:#cf4e12 !important}

/* Το κουμπί «Αποστολή» της φόρμας επικοινωνίας. ΚΑΘΟΛΙΚΟ, όχι μέσα στο φύλλο
   των άρθρων — εκεί το είχα βάλει πρώτα και δεν έφτανε ποτέ στη σελίδα
   επικοινωνίας, γιατί εκείνη η συνάρτηση κάνει return σε ό,τι δεν είναι άρθρο.
   Η σελίδα το έβαφε ήδη πορτοκαλί, αλλά ΧΩΡΙΣ !important, και το
   `body.esport input[type="submit"]{background:#f7f7f7 !important}` του Splash
   το νικάει όση ειδικότητα κι αν έχει απέναντι: το !important κρίνεται πρώτο.
   Λευκό κουμπί με λευκά γράμματα — αόρατο. */
body #sfc-page .form input.wpcf7-submit,
body #sfc-page input.wpcf7-submit,
body input.wpcf7-submit{
  background:var(--sfc-orange,#ee5a1e) !important;color:#fff !important;
  border:0 !important;border-color:var(--sfc-orange,#ee5a1e) !important;
  opacity:1 !important}
body #sfc-page .form input.wpcf7-submit:hover,
body #sfc-page input.wpcf7-submit:hover,
body input.wpcf7-submit:hover{background:#cf4e12 !important;color:#fff !important}

/* ---------- 2. ΤΑΥΤΟΤΗΤΑ: από τέσσερα κουτιά σε μία σκούρα ζώνη ----------
   Ίδρυση / έτος / έδρα / καταγωγή είναι ΤΑ ΣΤΟΙΧΕΙΑ ΤΟΥ ΣΥΛΛΟΓΟΥ. Σε λευκά
   πλαίσια έμοιαζαν με widgets· γυμνά πάνω σε μαύρο, με στενή γραμματοσειρά και
   κάθετες γραμμές ανάμεσα, διαβάζονται σαν ταμπέλα γηπέδου. */
.sfc-min-root .smn-identity{padding:0;background:#0e0e0e}
.sfc-min-root .smn-identity .smn-wrap{padding-top:0;padding-bottom:0}
.sfc-min-root .smn-identity__grid{gap:0;border-left:1px solid rgba(255,255,255,.09)}
.sfc-min-root .smn-id-cell{
  background:transparent !important;border:0 !important;border-right:1px solid rgba(255,255,255,.09) !important;
  border-radius:0 !important;box-shadow:none !important;
  padding:34px 24px;text-align:left;position:relative;overflow:hidden}
.sfc-min-root .smn-id-cell:hover{transform:none;box-shadow:none}
.sfc-min-root .smn-id-cell::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;
  background:var(--sfc-orange,#ee5a1e);transform:scaleX(0);transform-origin:left;
  transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.sfc-min-root .smn-id-cell:hover::after{transform:scaleX(1)}
.sfc-min-root .smn-id-cell__num{
  font-family:var(--sfc-display) !important;font-weight:900 !important;
  font-size:clamp(28px,3.4vw,42px) !important;color:#fff !important;letter-spacing:-.01em !important}
.sfc-min-root .smn-id-cell__num .smn-green{color:var(--sfc-orange,#ee5a1e) !important}
.sfc-min-root .smn-id-cell__lbl{
  color:#77776f !important;font-size:11px !important;font-weight:700 !important;
  letter-spacing:.2em !important;text-transform:uppercase}

/* ---------- 3. ΧΟΡΗΓΟΙ: τοίχος λογοτύπων, όχι πλακάκια ----------
   Τα λογότυπα των χορηγών έρχονται από παντού — άλλο σε λευκό, άλλο σε μαύρο,
   άλλο τετράγωνο, άλλο πλατύ. Μέσα σε πλαίσια η ανομοιομορφία ΤΟΝΙΖΕΤΑΙ, γι'
   αυτό ο τοίχος είναι απλό πλέγμα με λεπτές γραμμές.

   Το ασπρόμαυρο-με-χρώμα-στο-hover ΑΦΑΙΡΕΘΗΚΕ (απόφαση χρήστη 2026-09-02). Είναι
   κόλπο για συλλόγους με τριάντα χορηγούς, όπου η ομοιομορφία μετράει πιο πολύ
   από τον καθένα ξεχωριστά. Εδώ οι χορηγοί είναι λίγοι, τοπικοί και πληρώνουν
   για να ΦΑΙΝΟΝΤΑΙ — και στο κινητό δεν υπάρχει καν hover, οπότε το χρώμα δεν
   επέστρεφε ποτέ. Μένουν έγχρωμα πάντα· στο hover μόνο μια μικρή μεγέθυνση. */
.sfc-min-root .smn-spon__grid{gap:0;border-top:1px solid var(--line,#e4e4e0);border-left:1px solid var(--line,#e4e4e0)}
.sfc-min-root .smn-spon__tile{
  background:transparent !important;border:0 !important;border-right:1px solid var(--line,#e4e4e0) !important;
  border-bottom:1px solid var(--line,#e4e4e0) !important;border-radius:0 !important;box-shadow:none !important;
  aspect-ratio:3/2;padding:26px}
.sfc-min-root .smn-spon__tile:hover{transform:none;box-shadow:none;background:#fff !important}
.sfc-min-root .smn-spon__tile img{
  filter:none !important;opacity:1 !important;
  transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.sfc-min-root .smn-spon__tile:hover img{transform:scale(1.05)}

/* Οι χορηγοί είναι 13, δηλαδή 6+6+1: ο τελευταίος (SlopVibe) έμενε ολομόναχος
   κολλημένος στην αριστερή άκρη μιας κατά τα άλλα άδειας σειράς. Διαβαζόταν σαν
   λάθος, όχι σαν χορηγός.

   Πιάνει ΟΛΗ τη σειρά και κεντράρεται (το πλακίδιο είναι ήδη flex/center).
   Το ύψος πρέπει να μείνει ίδιο με των υπολοίπων: με gap:0 το πλακίδιο γίνεται
   ακριβώς Ν φορές πλατύτερο, άρα ο λόγος πλευρών γίνεται Ν×(3/2) —
   6 στήλες → 9/1, 4 → 6/1, 3 → 4.5/1.

   Το `:nth-child(Νn+1)` ΔΕΝ είναι διακοσμητικό: πιάνει τον τελευταίο ΜΟΝΟ όταν
   ξεκινάει καινούργια σειρά, δηλαδή μόνο όταν είναι πράγματι μόνος του. Αν
   αύριο μπει 14ος χορηγός, ο κανόνας σβήνει μόνος του και δεν χρειάζεται να
   θυμηθεί κανείς να τον αφαιρέσει. */
.sfc-min-root .smn-spon__tile:last-child:nth-child(6n+1){grid-column:1/-1;aspect-ratio:9/1}

/* ---------- 3β. «ΠΟΙΟΙ ΕΙΜΑΣΤΕ»: πινακίδα, όχι κενό πλαίσιο ----------
   Ήταν ένα μεγάλο ανοιχτόγκριζο ορθογώνιο με το σήμα μικρό στη μέση και ένα
   «SFC» τόσο ξεθωριασμένο που μόλις διακρινόταν. Διαβαζόταν σαν εικόνα που δεν
   φόρτωσε — και ήταν το πιο «placeholder» στοιχείο ολόκληρης της αρχικής.

   Δεν μπήκε φωτογραφία επειδή ΔΕΝ ΥΠΑΡΧΕΙ: ελέγχθηκαν και τα 98 αρχεία της
   βιβλιοθήκης· είναι αφίσες ανακοινώσεων, πορτρέτα παικτών και λογότυπα
   χορηγών, ούτε μία φωτογραφία ομάδας ή γηπέδου. Αντί για ψεύτικο stock, το
   πλαίσιο γίνεται αυτό που έχει πράγματι ο σύλλογος: σήμα, ημερομηνία ίδρυσης
   και το μότο του. Και δίνει στη σελίδα τη σκούρα ζώνη που της έλειπε ανάμεσα
   σε τέσσερις συνεχόμενες ανοιχτές. */
.sfc-min-root .smn-about__media{
  background:linear-gradient(155deg,#161616 0%,#0b0b0b 55%,#1a0d06 100%) !important;
  border:0 !important;box-shadow:0 40px 80px -40px rgba(0,0,0,.6) !important;
  display:grid !important;place-items:center;position:relative;overflow:hidden}
/* `invert(1)` σκέτο, ΟΧΙ `brightness(0) invert(1)`: το δεύτερο ισοπεδώνει τα
   πάντα σε μαύρο πριν τα γυρίσει λευκά, οπότε το σήμα έβγαινε συμπαγής λευκή
   σιλουέτα και το «SNAKES 2025» μέσα του εξαφανιζόταν. Η σκέτη αντιστροφή
   κρατάει την αντίθεση: λευκή ασπίδα, σκούρα γράμματα. */
.sfc-min-root .smn-about__media img{
  width:40% !important;filter:invert(1) drop-shadow(0 20px 40px rgba(0,0,0,.55)) !important;
  position:relative;z-index:2}
.sfc-min-root .smn-about__media .smn-watermark{
  bottom:auto !important;top:50% !important;transform:translate(-50%,-50%) !important;
  font-family:var(--sfc-display,'Roboto Condensed'),sans-serif !important;
  font-size:clamp(160px,22vw,260px) !important;font-weight:900 !important;
  color:rgba(255,255,255,.045) !important;letter-spacing:-.04em !important;z-index:1}
/* Η γραμμή ίδρυσης πάνω, το μότο κάτω — τα δύο πράγματα που ο σύλλογος όντως
   λέει για τον εαυτό του, και τα δύο ήδη γραμμένα αλλού στη σελίδα. */
.sfc-min-root .smn-about__media::before{
  content:"ΙΔΡΥΘΗΚΕ 19.02.2026";position:absolute;top:26px;left:28px;z-index:3;
  font-family:'Manrope',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.22em;
  color:var(--sfc-orange,#ee5a1e)}
.sfc-min-root .smn-about__media::after{
  content:"ΔΗΜΙΟΥΡΓΙΑ · ΕΞΕΛΙΞΗ · ΔΥΝΑΜΗ";position:absolute;bottom:26px;left:28px;right:28px;z-index:3;
  font-family:var(--sfc-display,'Roboto Condensed'),sans-serif;font-size:clamp(15px,1.5vw,20px);
  font-weight:900;letter-spacing:.02em;color:#fff;
  padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}

/* ---------- 3γ. «Η ΚΑΤΕΥΘΥΝΣΗ ΜΑΣ»: αρίθμηση, όχι δύο ακόμη κάρτες ----------
   Δύο λευκές κάρτες με μικρό γκρι εικονίδιο σε τετραγωνάκι — το πιο κοινό
   μοτίβο «feature card» που υπάρχει, και το τρίτο ζευγάρι λευκών πλαισίων στην
   ίδια σελίδα. Το κείμενο είναι καλό· μόνο η συσκευασία έφταιγε.

   Γίνονται τυπογραφικές στήλες: μεγάλος αριθμός δείκτης, γραμμή, τίτλος,
   κείμενο. Χωρίς πλαίσιο, χωρίς σκιά, χωρίς εικονίδιο. Ο αριθμός μπαίνει από
   CSS counter, οπότε αν προστεθεί τρίτη στήλη αριθμείται μόνη της. */
.sfc-min-root .smn-dir__grid{counter-reset:sfcdir;gap:56px}
.sfc-min-root .smn-dir__grid .smn-card{
  background:transparent !important;border:0 !important;border-top:2px solid #151515 !important;
  border-radius:0 !important;box-shadow:none !important;padding:26px 0 0 !important;
  position:relative;transition:none}
.sfc-min-root .smn-dir__grid .smn-card:hover{transform:none;box-shadow:none}
.sfc-min-root .smn-dir__grid .smn-card::before{
  counter-increment:sfcdir;content:"0" counter(sfcdir);
  font-family:var(--sfc-display,'Roboto Condensed'),sans-serif;font-weight:900;
  font-size:15px;letter-spacing:.06em;color:var(--sfc-orange,#ee5a1e);
  display:block;margin-bottom:14px}
/* Το εικονίδιο φεύγει: ένα αφηρημένο σύμβολο δίπλα σε συγκεκριμένο κείμενο δεν
   προσθέτει νόημα, μόνο έναν ακόμη γκρι κύκλο. */
.sfc-min-root .smn-dir__grid .smn-card__tag{display:none !important}
.sfc-min-root .smn-dir__grid .smn-card h3{
  font-family:var(--sfc-display,'Roboto Condensed'),sans-serif !important;font-weight:900 !important;
  font-size:clamp(22px,2.4vw,30px) !important;line-height:1.08 !important;
  text-transform:uppercase;letter-spacing:-.005em !important;margin-bottom:16px !important}
@media(max-width:820px){.sfc-min-root .smn-dir__grid{gap:38px}}

/* ---------- 4. ΕΝΟΤΗΤΕΣ: λιγότερη στρογγυλάδα, περισσότερος ρυθμός ----------
   Τα 18-26px radius παντού είναι το «SaaS» look. Στα αθλητικά site οι γωνίες
   είναι κοφτές ή σχεδόν κοφτές· η στρογγυλάδα μένει μόνο στα κουμπιά-χάπια. */
.sfc-min-root .smn-card,.sfc-min-root .smn-about__media,
.sfc-min-root .smn-mgmt__box,.sfc-min-root .gan-art{border-radius:6px !important}
.sfc-min-root .smn-cta__box{border-radius:8px !important}

/* Ο τίτλος κάθε ενότητας αποκτά μια λεπτή γραμμή από πάνω — το «τμήμα» γίνεται
   ορατό χωρίς να χρειαστεί πλαίσιο γύρω από το περιεχόμενο. */
.sfc-min-root .smn-kicker{position:relative;padding-top:20px;margin-bottom:16px}
.sfc-min-root .smn-kicker::after{
  content:"";position:absolute;top:0;left:0;width:54px;height:3px;background:var(--sfc-orange,#ee5a1e)}
.sfc-min-root .smn-kicker::before{display:none}
.sfc-min-root .smn-spon__head .smn-kicker,.sfc-min-root .smn-cta .smn-kicker{padding-top:24px}
.sfc-min-root .smn-spon__head .smn-kicker::after,.sfc-min-root .smn-cta .smn-kicker::after{left:50%;transform:translateX(-50%)}

@media(max-width:900px){
  .sfc-min-root .smn-identity__grid{grid-template-columns:repeat(2,1fr)}
  .sfc-min-root .smn-id-cell{padding:24px 18px}
  .sfc-min-root .smn-spon__grid{grid-template-columns:repeat(3,1fr)}
}

/* ---------- 4β. ΤΕΛΙΚΟ CTA: ζώνη, όχι φωτεινό κουτί ----------
   Στρογγυλεμένο κουτί με ακτινωτή πορτοκαλί λάμψη από πάνω και σκιά 100px.
   Είναι ΤΟ σχήμα που βγάζει κάθε εργαλείο παραγωγής landing page, και το μόνο
   σημείο της σελίδας που έμοιαζε δανεικό από άλλη κατηγορία site.

   Γίνεται πλήρους πλάτους μαύρη ζώνη με κοφτές γωνίες — όπως κλείνει κάθε
   σελίδα συλλόγου πριν το footer. Το κείμενο μένει ίδιο. */
.sfc-min-root .smn-cta{padding:0 !important}
.sfc-min-root .smn-cta__box{
  background:#0e0e0e !important;border-radius:0 !important;
  box-shadow:none !important;border-top:3px solid var(--sfc-orange,#ee5a1e) !important;
  text-align:left !important;padding:clamp(56px,7vw,104px) clamp(24px,4vw,64px) !important}
.sfc-min-root .smn-cta__box::before{display:none !important}
/* Η φωτογραφία «ο τοίχος» (tools/hero-shots) αχνοφαίνεται πίσω από το κείμενο
   στο 9% (χρήστης 2026-09-04: «το μαύρο πλαίσιο πρέπει να κυριαρχήσει»). Είναι
   31KB στο desktop και 10KB στο κινητό — στο 6% δεν χρειάζεται ποιότητα. Το
   σήμα και το κείμενο παίρνουν z-index για να μείνουν πάνω από το ::after. */
.sfc-min-root .smn-cta__box::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url(https://snakesfc.gr/wp-content/plugins/snakesfc-frontend/assets/cta-wall.webp?v=1) center right/cover no-repeat;
  opacity:.09}
.sfc-min-root .smn-cta__crest{position:relative;z-index:1}
@media(max-width:700px){.sfc-min-root .smn-cta__box::after{background-image:url(https://snakesfc.gr/wp-content/plugins/snakesfc-frontend/assets/cta-wall-m.webp?v=1)}}
.sfc-min-root .smn-cta__inner{margin:0 !important;max-width:760px !important}
.sfc-min-root .smn-cta .smn-kicker{justify-content:flex-start}
.sfc-min-root .smn-cta .smn-kicker::after{left:0;transform:none}
.sfc-min-root .smn-cta h2{
  font-family:var(--sfc-display,'Roboto Condensed'),sans-serif !important;font-weight:900 !important;
  font-size:clamp(38px,6vw,72px) !important;line-height:.98 !important;letter-spacing:-.01em !important}
.sfc-min-root .smn-cta__actions{justify-content:flex-start !important}

/* Το σήμα στη δεξιά πλευρά της ζώνης. Το κείμενο έχει max-width 760px ενώ η
   ζώνη είναι πλήρους πλάτους — δεξιά έμενε ένα κενό μαύρο μισό.

   Είναι ΤΟ ΙΔΙΟ αρχείο με το σήμα της ενότητας «Ποιοι Είμαστε» παραπάνω στη
   σελίδα, άρα δεν προσθέτει ούτε ένα αίτημα.

   `invert(1)` σκέτο, ΟΧΙ `brightness(0) invert(1)` — ίδιος λόγος με εκεί: το
   δεύτερο ισοπεδώνει τα πάντα σε μαύρο πριν τα γυρίσει λευκά και το «SNAKES
   2025» μέσα στην ασπίδα εξαφανίζεται. */
.sfc-min-root .smn-cta__box{
  display:flex !important;align-items:center;justify-content:space-between;
  gap:clamp(28px,5vw,90px)}
/* Το `min-width` δεν είναι διακόσμηση: χωρίς αυτό, σε ενδιάμεσα πλάτη
   (~960-1040px) η στήλη του κειμένου έπεφτε τόσο που το «ΣΕ ΠΕΡΙΜΕΝΕΙ» έσπαγε
   σε τρίτη γραμμή. Με φράγμα, υποχωρεί ΠΡΩΤΟ το σήμα (`flex:0 1 auto`), που
   δεν έχει τίποτα να χάσει από λίγα pixel λιγότερα. */
.sfc-min-root .smn-cta__inner{flex:1 1 auto;min-width:min(100%,480px)}
.sfc-min-root .smn-cta__crest{
  flex:0 1 auto;width:clamp(230px,33vw,480px);height:auto;
  filter:invert(1) drop-shadow(0 20px 44px rgba(0,0,0,.55))}
/* Κάτω από 900px η ζώνη είναι μία στήλη και το σήμα θα στριμωχνόταν πάνω από
   τον τίτλο. Φεύγει: δεν προσθέτει πληροφορία που δεν λέει ήδη το «Η Snakes
   FC σε περιμένει». */
@media(max-width:900px){.sfc-min-root .smn-cta__crest{display:none}}

/* Οι τίτλοι ενοτήτων είναι αριστεροί σε όλη τη σελίδα — εκτός από τους χορηγούς,
   που ήταν κεντραρισμένοι. Μία στοίχιση. */
.sfc-min-root .smn-spon__head{text-align:left !important}
.sfc-min-root .smn-spon__head .smn-kicker{justify-content:flex-start}
.sfc-min-root .smn-spon__head .smn-kicker::after{left:0;transform:none}

/* ---------- 4γ. ΚΑΙ ΟΙ ΥΠΟΛΟΙΠΕΣ ΣΕΛΙΔΕΣ, ΟΧΙ ΜΟΝΟ Η ΑΡΧΙΚΗ ----------
   Λέσχη, Fight Club, eSports χτίστηκαν με το ίδιο λεξιλόγιο πριν αλλάξει η
   αρχική: λευκές κάρτες με 26px γωνία και απαλή σκιά, και τελικό CTA σε
   στρογγυλεμένο σκούρο κουτί με ακτινωτή πορτοκαλί λάμψη.

   Αν έμεναν έτσι, η ασυνέπεια θα ήταν χειρότερη από το αρχικό πρόβλημα: ο
   επισκέπτης θα περνούσε από μοντέρνα αρχική σε σελίδες που φαίνονται
   ξεχασμένες. Παίρνουν την ίδια μεταχείριση, με τους δικούς τους επιλογείς
   (`#sfc-page`, με ID — γι' αυτό μπαίνει κι εδώ το ID μπροστά). */
#sfc-page .card{
  border-radius:6px !important;
  box-shadow:none !important;
  border:1px solid var(--line,#e4e4e0) !important}
#sfc-page .cta{
  border-radius:0 !important;
  border-top:3px solid var(--sfc-orange,#ee5a1e) !important}
#sfc-page .cta::before{display:none !important}
#sfc-page .cta h2{
  font-family:var(--sfc-display,'Roboto Condensed'),sans-serif !important;font-weight:900 !important;
  font-size:clamp(32px,5vw,58px) !important;line-height:1 !important;letter-spacing:-.01em !important}
/* Οι τίτλοι ενοτήτων παίρνουν την ίδια γραμμή-δείκτη με την αρχική, αντί για
   την οριζόντια παύλα που είχαν. */
#sfc-page .kicker{position:relative;padding-top:20px}
#sfc-page .kicker::before{display:none !important}
#sfc-page .kicker::after{
  content:"";position:absolute;top:0;left:0;width:54px;height:3px;
  background:var(--sfc-orange,#ee5a1e)}
#sfc-page .cta .kicker::after,#sfc-page .hero .kicker::after{background:#ffb27a}

/* ---------- 5. ΚΙΝΗΣΗ ΣΤΟ SCROLL ----------
   Τα στοιχεία δεν «είναι ήδη εκεί», ανεβαίνουν όταν μπουν στο κάδρο. Η κλάση
   μπαίνει από JS στο <html>: αν το JS δεν τρέξει, ΤΙΠΟΤΑ δεν κρύβεται — γι' αυτό
   η απόκρυψη ζει κάτω από .sfc-rv και όχι σκέτη. */
.sfc-rv [data-sfc-rv]{opacity:0;transform:translateY(22px);
  transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1)}
.sfc-rv [data-sfc-rv].is-vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .sfc-rv [data-sfc-rv]{opacity:1 !important;transform:none !important;transition:none !important}
}

/* Ο μοναχικός χορηγός, στα δύο άλλα πλέγματα. Τα breakpoints είναι ΑΚΡΙΒΩΣ
   αυτά του βασικού CSS (980px → 4 στήλες, 560px → 3): αν αλλάξουν εκεί και
   ξεχαστούν εδώ, το πλακίδιο ξαναγίνεται δυσανάλογα ψηλό. */
@media(max-width:980px){
  .sfc-min-root .smn-spon__tile:last-child:nth-child(6n+1){grid-column:auto;aspect-ratio:3/2}
  .sfc-min-root .smn-spon__tile:last-child:nth-child(4n+1){grid-column:1/-1;aspect-ratio:6/1}
}
@media(max-width:560px){
  .sfc-min-root .smn-spon__tile:last-child:nth-child(4n+1){grid-column:auto;aspect-ratio:3/2}
  .sfc-min-root .smn-spon__tile:last-child:nth-child(3n+1){grid-column:1/-1;aspect-ratio:4.5/1}
}
/* Το !important δεν είναι τεμπελιά: η σελίδα των νέων γράφει
   `#sfc-page .ncard__img{background:var(--paper2)}` — με ID μέσα, δηλαδή
   ειδικότητα (1,1,0). Καμία κλάση δεν τη νικάει, οπότε το σκούρο πλακίδιο
   έβγαινε ανοιχτόγκριζο με λευκά γράμματα επάνω, δηλαδή αόρατο. */
.sfc-ph{position:relative;overflow:hidden;background:#101010 !important;display:block}
.sfc-ph--1{background:#141414 !important}
.sfc-ph--2{background:linear-gradient(150deg,#1a0d06,#0e0e0e 62%) !important}
.sfc-ph--3{background:linear-gradient(150deg,#0e0e0e,#1c0a03) !important}
/* Το έμβλημα βγαίνει από τη γωνία και κόβεται — έτσι το ίδιο αρχείο δίνει
   διαφορετικό κάδρο σε κάθε παραλλαγή αντί για ένα κεντραρισμένο λογότυπο. */
.sfc-ph__mark{position:absolute;width:120%;height:120%;
  background:url('https://snakesfc.gr/wp-content/uploads/2026/04/snakes-fc-logo.png') no-repeat;
  background-size:contain;opacity:.07;filter:brightness(0) invert(1);
  transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .8s}
.sfc-ph--0 .sfc-ph__mark{top:-28%;right:-34%;background-position:right top}
.sfc-ph--1 .sfc-ph__mark{bottom:-32%;left:-30%;background-position:left bottom}
.sfc-ph--2 .sfc-ph__mark{top:-20%;left:-38%;background-position:left top}
.sfc-ph--3 .sfc-ph__mark{bottom:-26%;right:-28%;background-position:right bottom}
.sfc-ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--sfc-orange,#ee5a1e)}
.sfc-ph__k{position:absolute;left:20px;top:18px;font-family:'Manrope',sans-serif;
  font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--sfc-orange,#ee5a1e)}
.sfc-ph__w{position:absolute;left:20px;bottom:16px;right:20px;
  font-family:var(--sfc-display,'Roboto Condensed'),sans-serif;font-weight:900;
  font-size:clamp(34px,4.4vw,52px);line-height:.9;color:#fff;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.sfc-ph__w i{font-style:normal;font-size:.45em;color:#6e6e68;margin-left:.28em;letter-spacing:.02em}
a:hover .sfc-ph__mark{transform:scale(1.07);opacity:.12}
a:hover .sfc-ph__w{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){
  .sfc-ph__mark,.sfc-ph__w{transition:none}
}
.sfc-ft{background:#0e0e10;color:#fff;font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  letter-spacing:-.01em;position:relative;overflow:hidden}
.sfc-ft *{box-sizing:border-box}
.sfc-ft__wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.sfc-ft__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 40px;
  padding:clamp(46px,6vw,72px) 0 clamp(30px,4vw,46px)}
.sfc-ft__h{font-size:12px !important;font-weight:800 !important;letter-spacing:.16em;text-transform:uppercase;
  color:#ee5a1e !important;margin:0 0 18px !important;line-height:1.2}
.sfc-ft__list{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:2px}
.sfc-ft__list li{margin:0 !important;list-style:none !important;padding-left:0 !important}
.sfc-ft__list li::before,.sfc-ft__list li::after{content:none !important;display:none !important}
.sfc-ft .sfc-ft__list a{display:inline-flex;align-items:center;gap:8px;padding:7px 0;
  font-size:14.5px;font-weight:600;color:rgba(255,255,255,.80) !important;text-decoration:none !important;
  transition:color .22s ease,gap .22s ease}
.sfc-ft .sfc-ft__list a i{font-style:normal;font-size:13px;opacity:0;transition:opacity .22s ease,transform .22s ease;transform:translateX(-4px)}
.sfc-ft .sfc-ft__list a:hover{color:#fff !important;gap:12px}
.sfc-ft .sfc-ft__list a:hover i{opacity:1;transform:translateX(0);color:#ee5a1e}
.sfc-ft__addr{font-style:normal;font-size:14.5px;font-weight:600;line-height:1.75;color:rgba(255,255,255,.80);margin:0 0 16px}
.sfc-ft .sfc-ft__plain{display:block;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.80) !important;
  text-decoration:none !important;padding:4px 0;transition:color .22s ease;overflow-wrap:anywhere}
.sfc-ft .sfc-ft__plain:hover{color:#ee5a1e !important}
.sfc-ft__icos{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.sfc-ft .sfc-ft__ico{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08) !important;color:#fff !important;text-decoration:none !important;flex:0 0 auto;
  transition:background .22s ease,transform .22s ease}
.sfc-ft .sfc-ft__ico svg{width:17px;height:17px;display:block;fill:currentColor}
.sfc-ft .sfc-ft__ico:hover{background:#ee5a1e !important;transform:translateY(-2px)}
.sfc-ft .sfc-ft__top{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;color:#ee5a1e !important;text-decoration:none !important;
  transition:gap .22s ease}
.sfc-ft .sfc-ft__top:hover{gap:12px}
.sfc-ft .sfc-ft__top i{font-style:normal}
/* ---- every channel we run ---- */
.sfc-ft__chans{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 22px;
  padding:clamp(28px,3.4vw,40px) 0 clamp(40px,5vw,58px);border-top:1px solid rgba(255,255,255,.10)}
.sfc-ft__chanh{display:flex;align-items:center;gap:9px;margin-bottom:12px;
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.sfc-ft__chani{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  background:var(--sfc-bg,rgba(255,255,255,.09));color:var(--sfc-b,#fff)}
.sfc-ft__chani svg{width:14px;height:14px;display:block;fill:currentColor}
.sfc-ft__chips{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.sfc-ft .sfc-ft__chip{display:inline-flex;align-items:center;padding:6px 13px;border-radius:100px;
  background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.78) !important;text-decoration:none !important;font-size:12.5px;font-weight:600;
  line-height:1.2;transition:all .22s cubic-bezier(.22,.61,.36,1)}
.sfc-ft .sfc-ft__chip:hover{border-color:var(--sfc-b,#ee5a1e);color:#fff !important;transform:translateY(-1px)}
.sfc-ft .sfc-p-telegram {--sfc-b:#229ED9;--sfc-bg:rgba(34,158,217,.16)}
.sfc-ft .sfc-p-instagram{--sfc-b:#E1306C;--sfc-bg:rgba(225,48,108,.16)}
.sfc-ft .sfc-p-viber    {--sfc-b:#7360F2;--sfc-bg:rgba(115,96,242,.16)}
.sfc-ft .sfc-p-youtube  {--sfc-b:#FF0000;--sfc-bg:rgba(255,0,0,.16)}
.sfc-ft .sfc-p-facebook {--sfc-b:#1877F2;--sfc-bg:rgba(24,119,242,.16)}
.sfc-ft .sfc-p-mail     {--sfc-b:#EA4335;--sfc-bg:rgba(234,67,53,.16)}
/* ---- legal band ---- */
.sfc-ft__legal{border-top:1px solid rgba(255,255,255,.10)}
.sfc-ft__legalin{display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;
  padding-top:20px;padding-bottom:20px}
.sfc-ft__copy{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.45)}
.sfc-ft__legallinks{display:flex;flex-wrap:wrap;gap:10px 24px}
.sfc-ft .sfc-ft__legallinks a{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.45) !important;
  text-decoration:none !important;transition:color .22s ease}
.sfc-ft .sfc-ft__legallinks a:hover{color:#ee5a1e !important}
/* ---- the wordmark: letters intentionally running off both edges ---- */
.sfc-ft__markwrap{overflow:hidden;line-height:0;padding:0 0 6px;user-select:none;pointer-events:none;
  display:flex;justify-content:center}
.sfc-ft__mark{flex:0 0 auto;white-space:nowrap;
  font-size:23vw;font-weight:800;line-height:.78;letter-spacing:-.045em;
  color:#ee5a1e;transform:translateY(6%)}
@media(max-width:1100px){
  .sfc-ft__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .sfc-ft__chans{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  /* Desktop-only by request: cropped giant lettering reads as broken on a phone. */
  .sfc-ft__markwrap{display:none !important}
}
@media(max-width:620px){
  .sfc-ft__wrap{padding:0 20px}
  .sfc-ft__grid{grid-template-columns:1fr;gap:28px}
  .sfc-ft__chans{grid-template-columns:1fr;gap:22px}
  .sfc-ft__legalin{flex-direction:column;align-items:flex-start;gap:12px}
}
.sfc-md{position:fixed;left:0;right:0;bottom:0;z-index:9998;
  background:linear-gradient(180deg,#141414 0%,#0b0b0b 100%);
  border-top:2px solid var(--sfc-orange,#ee5a1e);
  color:#fff;font-family:'Manrope',system-ui,sans-serif;
  transform:translateY(100%);transition:transform .55s cubic-bezier(.22,.61,.36,1);
  box-shadow:0 -18px 46px -24px rgba(0,0,0,.9)}
.sfc-md.is-in{transform:translateY(0)}
.sfc-md__in{max-width:1240px;margin:0 auto;padding:0 18px;height:58px;
  display:flex;align-items:center;gap:14px}
.sfc-md__tag{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:#0b0b0b;background:var(--sfc-orange,#ee5a1e);padding:5px 9px;border-radius:4px;white-space:nowrap}
.sfc-md .sfc-md__crest{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;
  background:#fff;border-radius:50%;overflow:hidden;font-size:10px;color:#111;font-weight:800}
.sfc-md .sfc-md__crest img{width:100%;height:100%;object-fit:contain;padding:2px}
.sfc-md__opp{font-size:19px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30ch}
.sfc-md__where{font-size:10px;font-weight:800;letter-spacing:.16em;color:#0b0b0b;background:#e8e8e4;
  padding:4px 8px;border-radius:4px}
.sfc-md__when{font-size:13px;color:#a5a5a0;white-space:nowrap}
.sfc-md__when em{font-style:normal;color:#d8d8d4}
.sfc-md__cd{margin-left:auto;font-size:13px;color:#fff;white-space:nowrap;letter-spacing:.02em}
.sfc-md__cd b{font-size:19px;line-height:1;margin:0 1px 0 6px;color:var(--sfc-orange,#ee5a1e)}
.sfc-md__cd i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.1em;color:#7a7a76;margin-right:2px}
.sfc-md__cd--live{color:var(--sfc-orange,#ee5a1e);font-weight:800;letter-spacing:.16em;font-size:12px;text-transform:uppercase}
.sfc-md__cd--live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--sfc-orange,#ee5a1e);margin-right:7px;vertical-align:1px;animation:sfc-md-pulse 1.6s infinite}
@keyframes sfc-md-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
.sfc-md__cta{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  background:var(--sfc-orange,#ee5a1e);color:#fff !important;text-decoration:none !important;
  font-size:13px;font-weight:700;padding:9px 15px;border-radius:100px;
  transition:transform .3s cubic-bezier(.22,.61,.36,1),background .3s}
.sfc-md__cta svg{width:14px;height:14px;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.sfc-md__cta:hover{background:#cf4e12;transform:translateY(-1px)}
.sfc-md__cta:hover svg{transform:translateX(3px)}
.sfc-md__x{flex:0 0 auto;background:transparent;border:0;color:#7a7a76;cursor:pointer;
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;transition:color .25s,background .25s}
.sfc-md__x:hover{color:#fff;background:rgba(255,255,255,.09)}
.sfc-md__x svg{width:15px;height:15px}
/* Το site δεν πρέπει να τελειώνει ΚΑΤΩ από τη μπάρα: το τελευταίο πλαίσιο του
   footer θα ήταν μόνιμα σκεπασμένο. */
body.sfc-md-on{padding-bottom:58px}

@media(max-width:860px){
  .sfc-md__in{height:auto;padding:9px 12px;gap:8px}
  .sfc-md__when,.sfc-md__where{display:none}
  .sfc-md__opp{font-size:16px;max-width:13ch}
  .sfc-md__cd b{font-size:16px}
  .sfc-md__cta{padding:8px 12px;font-size:12px}
  body.sfc-md-on{padding-bottom:56px}
}
@media(max-width:460px){
  .sfc-md__cta span{display:none}
  .sfc-md__cta{padding:8px 10px}
  .sfc-md__tag{font-size:9px;padding:4px 7px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){
  .sfc-md{transition:none}
  .sfc-md__cd--live::before{animation:none}
}
/* --- το κουμπί μέσα στο μενού --- */
.sfc-sbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:50%;border:0;cursor:pointer;color:#1a1a1a;
  background:transparent !important;transition:background .3s cubic-bezier(.22,.61,.36,1),color .3s}
.sfc-sbtn:hover{background:rgba(0,0,0,.06) !important;color:var(--sfc-orange,#ee5a1e)}
.sfc-sbtn svg{width:19px;height:19px;display:block}
.stm-header .header-menu>li.sfc-sli{display:flex;align-items:center;padding-left:6px}
.stm-header-mobile .sfc-sbtn{color:#fff}
.stm-header-mobile .sfc-sbtn:hover{background:rgba(255,255,255,.1) !important}
/* Στο συρόμενο μενού του κινητού το κουμπί κάθεται σε δική του γραμμή, με
   ετικέτα και στοιχισμένο όπως τα υπόλοιπα: ένα σκέτο εικονίδιο στη γωνία μιας
   λίστας από κεντραρισμένες λέξεις δεν διαβάζεται ως «αναζήτηση».

   Η ετικέτα χρειάζεται ρητή επαναφορά: ο καθολικός κανόνας που σκοτώνει το
   λευκό πέπλο του Splash λέει `button[class*="sfc-"]::after{content:none
   !important;display:none !important}` — δηλαδή σβήνει και ΤΟ ΔΙΚΟ ΜΑΣ
   ψευδοστοιχείο. Ίδιο μοτίβο με τα κουμπιά που έχασαν το χρώμα τους. */
.stm-mobile-menu-list .sfc-sli{padding:6px 0;text-align:center;list-style:none}
.stm-mobile-menu-list li.sfc-sli button.sfc-sbtn{
  width:auto;height:auto;margin:0 auto;padding:10px 0;gap:10px;border-radius:0;color:inherit}
.stm-mobile-menu-list li.sfc-sli button.sfc-sbtn::after{
  content:"ΑΝΑΖΗΤΗΣΗ" !important;display:inline !important;
  font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;letter-spacing:.04em;
  background:none !important}
.stm-mobile-menu-list li.sfc-sli button.sfc-sbtn svg{width:17px;height:17px}
.stm-mobile-menu-list li.sfc-sli button.sfc-sbtn:hover{
  background:transparent !important;color:var(--sfc-orange,#ee5a1e)}

/* --- το overlay --- */
.sfc-sov{position:fixed;inset:0;z-index:100000;display:none;
  background:rgba(8,8,8,.86);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
  opacity:0;transition:opacity .4s cubic-bezier(.22,.61,.36,1)}
.sfc-sov.is-open{display:block}
.sfc-sov.is-in{opacity:1}
.sfc-sov__in{max-width:820px;margin:0 auto;padding:16vh 24px 0;
  transform:translateY(26px);transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.sfc-sov.is-in .sfc-sov__in{transform:none}
.sfc-sov label{display:block;font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;
  color:var(--sfc-orange,#ee5a1e);margin-bottom:18px}
.sfc-sov form{display:flex;align-items:center;gap:14px;
  border-bottom:2px solid rgba(255,255,255,.22);transition:border-color .3s}
.sfc-sov form:focus-within{border-color:var(--sfc-orange,#ee5a1e)}
/* Ίδια ιστορία με τα κουμπιά: το Splash βάφει ΚΑΘΕ input με δικό του φόντο και
   πλαίσιο, με ειδικότητα που δεν την νικά ένα σκέτο `.sfc-sov input`. Γι' αυτό
   μπαίνει `body` μπροστά — αλλιώς το πεδίο έβγαινε ανοιχτόγκριζο ορθογώνιο
   πάνω στο μαύρο overlay. */
body .sfc-sov input[type="search"],body .sfc-sov input{flex:1;
  background:transparent !important;background-image:none !important;
  border:0 !important;outline:0;box-shadow:none !important;color:#fff !important;
  font-family:var(--sfc-display,'Roboto Condensed'),sans-serif !important;font-weight:900 !important;
  font-size:clamp(26px,5vw,46px);padding:10px 0 16px;letter-spacing:-.01em;height:auto}
body .sfc-srch__form input[type="search"],body .sfc-srch__form input{
  background:transparent !important;background-image:none !important;
  border:0 !important;box-shadow:none !important;color:#fff !important;height:auto}
.sfc-sov input::placeholder{color:#4e4e4a}
.sfc-sov__go{background:transparent !important;border:0;color:#fff;cursor:pointer;padding:6px;
  transition:color .3s,transform .3s cubic-bezier(.22,.61,.36,1)}
.sfc-sov__go svg{width:26px;height:26px;display:block}
.sfc-sov__go:hover{color:var(--sfc-orange,#ee5a1e);transform:translateX(4px)}
.sfc-sov__hint{margin-top:20px;font-family:'Manrope',sans-serif;font-size:13.5px;color:#77776f}
.sfc-sov__hint kbd{font-family:inherit;font-size:11px;border:1px solid #3a3a36;border-radius:4px;
  padding:2px 6px;color:#a5a5a0}
.sfc-sov__quick{margin-top:34px;display:flex;flex-wrap:wrap;gap:9px}
.sfc-sov__quick a{font-family:'Manrope',sans-serif;font-size:13.5px;font-weight:600;
  color:#d4d4d0 !important;text-decoration:none !important;padding:9px 16px;border-radius:100px;
  border:1px solid rgba(255,255,255,.16);
  opacity:0;transform:translateY(12px);
  transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1),
             border-color .3s,background .3s,color .3s}
.sfc-sov.is-in .sfc-sov__quick a{opacity:1;transform:none}
.sfc-sov__quick a:nth-child(1){transition-delay:.10s}
.sfc-sov__quick a:nth-child(2){transition-delay:.16s}
.sfc-sov__quick a:nth-child(3){transition-delay:.22s}
.sfc-sov__quick a:nth-child(4){transition-delay:.28s}
.sfc-sov__quick a:nth-child(5){transition-delay:.34s}
.sfc-sov__quick a:hover{background:var(--sfc-orange,#ee5a1e);border-color:var(--sfc-orange,#ee5a1e);color:#fff !important}
.sfc-sov__x{position:absolute;top:26px;right:26px;background:transparent !important;border:0;
  color:#8a8a84;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  transition:color .3s,background .3s}
.sfc-sov__x:hover{color:#fff;background:rgba(255,255,255,.09) !important}
.sfc-sov__x svg{width:22px;height:22px}
@media(prefers-reduced-motion:reduce){
  .sfc-sov,.sfc-sov__in,.sfc-sov__quick a{transition:none !important;transform:none !important}
}
.sfc-skip{position:fixed;top:-100px;left:16px;z-index:100001;
  background:var(--sfc-orange,#ee5a1e);color:#fff !important;text-decoration:none !important;
  font-family:'Manrope',system-ui,sans-serif;font-size:14px;font-weight:700;
  padding:13px 22px;border-radius:0 0 8px 8px;
  transition:top .3s cubic-bezier(.22,.61,.36,1)}
.sfc-skip:focus{top:0}
/* Κείμενο μόνο για αναγνώστες οθόνης — το χρησιμοποιούν ήδη τα σήματα
   νίκης/ισοπαλίας/ήττας, αλλά η κλάση δεν είχε οριστεί πουθενά. */
.sfc-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}