/*
Theme Name: QOSJA Fiber
Theme URI: https://fiberergakq.gr
Author: QOSJA Fiber
Description: Θέμα για την QOSJA Fiber: εκσκαφές δρόμων και πέρασμα καλωδίων οπτικών ινών. Κατά την ενεργοποίηση δημιουργεί την αρχική και τις σελίδες υπηρεσιών.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: qosja-fiber
*/
:root{--navy:#0c2035;--orange:#ff7029;--paper:#f4f6f8;--muted:#536577}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Arial,sans-serif;color:var(--navy);background:white}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:20}header{background:white;border-bottom:1px solid #dee4ea}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{text-decoration:none;font-size:26px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--orange)}nav{display:flex;gap:24px;font-size:15px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.button{display:inline-block;background:var(--orange);color:#0c2035;padding:14px 24px;text-decoration:none;font-weight:700;border:0;border-radius:3px;font-size:16px}.outline{border:1px solid #718091;background:transparent;color:white}.hero{background:var(--navy);color:white;padding:86px 0 72px;overflow:hidden}.eyebrow{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);font-weight:700}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:72px;align-items:center}h1{font-size:clamp(36px,5vw,62px);line-height:1.15;letter-spacing:-1.7px;max-width:790px;margin:20px 0 28px}h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.8px;margin:12px 0 26px}h3{font-size:22px;line-height:1.35}.hero p{color:#c6d3df;max-width:660px;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.scope{border-left:3px solid var(--orange);padding-left:30px}.scope div{padding:20px 0;border-bottom:1px solid #3b4b5d}.scope small{display:block;color:#aebdcc;font-size:14px}.scope strong{font-size:22px}.strip{background:var(--orange);font-weight:bold}.strip .wrap{display:flex;justify-content:space-between;gap:18px;padding-top:18px;padding-bottom:18px}section{padding:80px 0}.lead{color:var(--muted);max-width:760px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.card{border-top:2px solid var(--navy);padding:24px 0}.number{font-size:14px;color:#b23d00;font-weight:bold}.card p{color:var(--muted)}.card a{font-weight:700;text-underline-offset:5px}.light{background:var(--paper)}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.list{padding-left:22px}.list li{margin:12px 0}.regions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.regions span{background:white;border:1px solid #d8e0e7;padding:8px 14px}.contact{background:var(--navy);color:white}.contact p{color:#c6d3df}.phone{font-size:32px;font-weight:bold;text-decoration:none}.form{background:white;color:var(--navy);padding:30px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:700}input,textarea{display:block;width:100%;padding:12px;border:1px solid #a9b7c4;border-radius:2px;font:16px Arial;margin-top:7px}.full{grid-column:1/-1}textarea{min-height:125px}.notice{font-size:14px!important;color:#536577!important;background:#f4f6f8;padding:14px}button:disabled{opacity:.65;cursor:not-allowed}.faq details{border-bottom:1px solid #dce3ea;padding:20px 0}.faq summary{cursor:pointer;font-weight:bold;font-size:18px}.faq p{color:var(--muted)}footer{padding:30px 0;background:#071625;color:#bac7d3;font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px}.article{max-width:820px}.article p{font-size:18px;color:var(--muted)}.article .button{margin-top:20px}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:30px}@media(max-width:800px){.nav{flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:14px}nav{order:3;width:100%;gap:18px;overflow:auto}.nav>.button{font-size:14px;padding:8px 12px}.hero{padding:52px 0}.hero-grid,.two{grid-template-columns:1fr;gap:36px}.scope{display:none}.grid{grid-template-columns:1fr 1fr}.strip .wrap{flex-direction:column;gap:4px}section{padding:52px 0}footer .wrap{flex-direction:column}}@media(max-width:500px){.wrap{padding:0 20px}.grid,.fields{grid-template-columns:1fr}.full{grid-column:auto}.form{padding:22px}.brand{font-size:23px}h1{letter-spacing:-1px}nav{font-size:14px;gap:15px}.actions .button{width:100%;text-align:center}}

/* Audit: accessible contrast, form states and reduced motion. */
.eyebrow{color:#b23d00}.hero .eyebrow,.contact .eyebrow{color:#ff8e52}.scope small{letter-spacing:1px}.button{min-height:44px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px}.form fieldset{border:0;padding:0;margin:0;min-width:0}.form input:disabled,.form textarea:disabled{background:#f1f4f6;color:#536577;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article h1{font-size:clamp(32px,4vw,48px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Road-only services: four cards, process steps, footer service links. */
.grid.four{grid-template-columns:repeat(4,1fr)}.steps{padding-left:24px;max-width:760px;font-size:18px}.steps li{margin:14px 0;color:var(--muted)}.steps strong{color:var(--navy)}footer a{color:#dbe4ec}.phones{list-style:none;padding:0;margin:28px 0}.phones li{display:flex;flex-direction:column;margin:0 0 18px}.phones span{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#aebdcc}.phones .phone{line-height:1.3}.contact .phones{display:flex;flex-wrap:wrap;gap:12px 64px}footer .wrap{flex-wrap:wrap}.legal-links{flex-basis:100%;border-top:1px solid #1d3247;padding-top:16px}.updated{font-size:14px!important}@media(max-width:1000px){.grid.four{grid-template-columns:1fr 1fr}}@media(max-width:500px){.grid.four{grid-template-columns:1fr}}