/* NetGen — λευκό θέμα (πάνω από το style.css). Ίδιο ύφος με τη σελίδα SmartOffer. */
:root{
  --font-global:"Commissioner",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-global-alt:"Commissioner",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ng-ink:#0b1b33; --ng-ink-2:#33415c; --ng-muted:#64748b; --ng-line:#e3e8ef;
  --ng-soft:#f4f7fa; --ng-teal:#0fb59b; --ng-teal-d:#0a8f7b; --ng-blue:#1d4ed8;
}
html,body,.page{background:#fff}
body{color:var(--ng-ink-2);font-family:var(--font-global)}
body,p,li,td,input,textarea,select,button{font-family:var(--font-global)}
h1,h2,h3,h4,h5,h6,.section-title,.hs-line-1,.hs-line-2,.hs-line-3,.hs-line-4,.hs-line-5,.hs-line-6,.hs-line-7,.hs-line-8,.hs-line-9,.hs-line-10,.hs-line-11,.hs-line-12,.services-title,.features-title,.banner-heading{color:var(--ng-ink);font-family:var(--font-global);letter-spacing:-.01em}
.section-text,.services-descr,.features-descr,.banner-decription,.text,.work-descr,.post-prev-text,.alt-features-descr,.footer-text{color:var(--ng-ink-2)}
.page-section p,.small-section p{color:var(--ng-ink-2)}
a{color:var(--ng-teal-d)}

/* Ενότητες */
.bg-gray-lighter{background-color:var(--ng-soft)!important}
.page-section,.small-section{border-color:var(--ng-line)}
.bg-light-alfa-90:before,.bg-light-alfa-90 .YTPOverlay:before{background:rgba(255,255,255,.93)!important}
.home-section .section-background.bg-light-alfa-90:before,.home-section.bg-light-alfa-90:before,.small-section.bg-light-alfa-90:before{
  background:radial-gradient(1000px 420px at 85% -10%,#e2f7f2 0%,rgba(255,255,255,0) 60%),radial-gradient(800px 400px at -10% 10%,#e8efff 0%,rgba(255,255,255,0) 60%),rgba(255,255,255,.94)!important}

/* Μενού */
.main-nav,.main-nav.transparent,.main-nav.js-transparent{background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);box-shadow:0 1px 0 var(--ng-line)!important}
.inner-nav ul li a,.main-nav.transparent .inner-nav ul li a,.mobile-nav{color:var(--ng-ink-2)!important;opacity:1!important;font-weight:600}
.inner-nav ul li a:hover,.inner-nav ul li a.active{color:var(--ng-ink)!important}
.inner-nav .mn-sub,.transparent .mn-sub{background:#fff!important;border:1px solid var(--ng-line);box-shadow:0 10px 30px rgba(11,27,51,.12)}
.inner-nav .mn-sub li a{color:var(--ng-ink-2)!important}
.inner-nav .mn-sub li a:hover,.inner-nav .mn-sub li a.active{background:var(--ng-soft)!important;color:var(--ng-ink)!important}
.mobile-nav i,.mobile-nav span{color:var(--ng-ink)}

/* Κουμπιά */
.btn-mod,.btn-mod.btn-w,.btn-mod.btn-color{background:var(--ng-teal);color:#fff!important;border:2px solid var(--ng-teal);border-radius:10px;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 18px rgba(15,181,155,.25)}
.btn-mod:hover,.btn-mod:focus,.btn-mod.btn-w:hover,.btn-mod.btn-color:hover{background:var(--ng-teal-d);border-color:var(--ng-teal-d);color:#fff!important;opacity:1}
.btn-mod.btn-border-w,.btn-mod.btn-border,.btn-mod.btn-border-c{background:#fff;color:var(--ng-ink)!important;border:2px solid var(--ng-line);box-shadow:none}
.btn-mod.btn-border-w:hover,.btn-mod.btn-border:hover,.btn-mod.btn-border-c:hover{background:var(--ng-soft);border-color:#c5ced9;color:var(--ng-ink)!important}
.btn-mod.btn-round,.btn-mod.btn-circle{border-radius:10px}

/* Κάρτες / λίστες υπηρεσιών */
.services-item{border-radius:14px;transition:box-shadow .2s,transform .2s}
.services-item:hover{box-shadow:0 10px 30px rgba(11,27,51,.08)}
.services-icon,.services-icon i,.svg_like,.features-icon,.alt-features-icon{color:var(--ng-teal-d)}

/* Φόρμες */
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea,.form select,input.input-md,textarea.input-md{background:#fff!important;border:1px solid var(--ng-line)!important;color:var(--ng-ink)!important;border-radius:8px}
.form input:focus,.form textarea:focus{border-color:var(--ng-teal)!important;box-shadow:0 0 0 3px rgba(15,181,155,.15)}
::placeholder{color:#94a3b8}

/* Footer */
.footer{background:var(--ng-soft)!important;color:var(--ng-ink-2)}
.footer a,.footer-social-links a{color:var(--ng-ink-2)}
.footer-social-links a{border-color:var(--ng-line)}
.footer-social-links a:hover{background:var(--ng-ink);color:#fff}
.footer-copy{color:var(--ng-muted)}
.link-to-top{color:var(--ng-ink)}

/* Accessibility: το skip link να φαίνεται μόνο με focus */
.skip-to-content{background:var(--ng-ink);color:#fff}

/* Hero αρχικής: χωρίς σκούρα εικόνα από πίσω */
.home-section .section-background.bg-light-alfa-90,.small-section.bg-light-alfa-90{background-image:none!important}

/* Hero αρχικής: ιστός δικτύου (js/hero-network.js) πάνω σε απαλό φόντο */
.home-section{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 50% 42%,rgba(22,211,169,.10),rgba(29,78,216,.06) 45%,rgba(255,255,255,0) 75%),#fff!important}
.home-section.bg-light-alfa-90{background-image:radial-gradient(900px 420px at 50% 42%,rgba(22,211,169,.10),rgba(29,78,216,.06) 45%,rgba(255,255,255,0) 75%)!important}
.home-section.bg-light-alfa-90:before{background:transparent!important}
.home-section .section-background{display:none}
.ng-net{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 35%,transparent 85%);mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 35%,transparent 85%)}
.home-section .container,.home-section .scroll-down-wrap{position:relative;z-index:2}
.home-section .hs-line-1{opacity:1!important;background:linear-gradient(120deg,#0b1b33 0%,#0b1b33 45%,#0a8f7b 75%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.home-section .home-content h2,.home-section .home-content p{text-shadow:0 0 18px #fff,0 0 8px #fff}

/* Υπομενού: το θέμα βάζει λευκό κείμενο στο hover (σκούρο φόντο) — εδώ σκούρο κείμενο σε ανοιχτό φόντο */
.inner-nav ul li .mn-sub li a:hover,.inner-nav ul li .mn-sub li a.active,.inner-nav ul li .mn-sub li a:focus,.mn-sub li a.active,.mn-sub li a:hover{color:var(--ng-ink)!important;background:var(--ng-soft)!important}
.inner-nav ul li a.mn-has-sub:hover,.inner-nav ul li a.mn-has-sub.active{color:var(--ng-ink)!important}
