/* Theme Name: Mister Terrific Theme URI: https://aceweb.gr/themes/mister-terrific Author: Nikos Mamis — aceweb.gr Author URI: https://aceweb.gr Description: Θέμα WordPress για τεχνικά γραφεία και γραφεία μηχανικών. Περιλαμβάνει custom post types για Υπηρεσίες και Έργα, ενότητα άρθρων με βοηθήματα αρθρογραφίας, και πλήρεις ρυθμίσεις μέσω Customizer. Version: 1.0.0 Requires at least: 6.0 Requires PHP: 7.4 License: GPL-2.0-or-later Text Domain: mister-terrific Tags: business, portfolio, custom-menu, custom-logo, translation-ready */ /* ========================================================================== Οι μεταβλητές και τα βασικά στυλ ακολουθούν. Τα χρώματα ορίζονται και από τον Customizer (βλ. inc/customizer.php), ο οποίος τυπώνει override στο . Μην αλλάζεις χρώματα εδώ. ========================================================================== */ /* ============ ΜΟΪΑΝΟΣ — shared stylesheet ============ */ :root{ --ink:#0B3158; /* Dark Blue — header / footer */ --ink-2:#123E6B; /* ενδιάμεσο μπλε */ --steel:#1557A0; /* Primary Blue — links / buttons */ --line:#DDE5EC; --paper:#FFFFFF; --mist:#F3F6F8; /* Background */ --amber:#F5C400; /* Accent Yellow — CTA / icons */ --amber-d:#C79F00; --text:#17202A; /* Text */ --muted:#5C6B7A; --max:1220px; --r:3px; --ease:cubic-bezier(.22,.61,.36,1); --shadow:0 18px 45px -22px rgba(11,49,88,.35); } *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:112px} body{ margin:0;background:var(--paper);color:var(--text); font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; font-size:16.5px;line-height:1.72;-webkit-font-smoothing:antialiased;overflow-x:hidden; } img{max-width:100%;display:block} a{color:inherit;text-decoration:none} h1,h2,h3,h4,h5{font-family:'Commissioner',sans-serif;color:var(--ink);margin:0;line-height:1.14;letter-spacing:-.02em;font-weight:700} h1{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:800;letter-spacing:-.035em} h2{font-size:clamp(1.75rem,3.2vw,2.6rem)} h3{font-size:1.2rem;font-weight:700;letter-spacing:-.01em} p{margin:0 0 1rem} .wrap{max-width:var(--max);margin:0 auto;padding:0 26px} .eyebrow{ font-family:'Commissioner',sans-serif;font-size:.79rem;font-weight:600; letter-spacing:.14em;color:var(--steel);margin:0 0 .85rem; display:flex;align-items:center;gap:.6rem; } .eyebrow::before{content:"";width:26px;height:2px;background:var(--amber);flex:none} .lead{font-size:1.06rem;color:var(--muted);max-width:66ch} section{padding:92px 0;position:relative} .bg-mist{background:var(--mist)} .grid-tex{ background-image:linear-gradient(rgba(29,91,126,.055) 1px,transparent 1px), linear-gradient(90deg,rgba(29,91,126,.055) 1px,transparent 1px); background-size:46px 46px; } .narrow{max-width:820px} /* ---------- buttons ---------- */ .btn{ display:inline-flex;align-items:center;gap:.6rem; font-family:'Commissioner',sans-serif;font-weight:600;font-size:.95rem; padding:.86rem 1.6rem;border-radius:var(--r);border:1.5px solid transparent; cursor:pointer;transition:.22s var(--ease); } .btn-amber{background:var(--amber);color:#17202A;border-color:var(--amber)} .btn-amber:hover{background:var(--amber-d);border-color:var(--amber-d);color:#fff} .btn-ghost{border-color:rgba(255,255,255,.45);color:#fff} .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff} .btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)} .btn-dark:hover{background:var(--steel);border-color:var(--steel)} .btn-out{border-color:var(--line);color:var(--ink);background:#fff} .btn-out:hover{border-color:var(--ink);background:var(--ink);color:#fff} :focus-visible{outline:2.5px solid var(--amber);outline-offset:3px} /* ---------- topbar ---------- */ .topbar{background:var(--ink);color:#A9BCC9;font-size:.83rem;padding:.5rem 0} .topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap} .topbar .tb-l{display:flex;gap:1.6rem;flex-wrap:wrap} .topbar a:hover{color:#fff} .topbar svg{width:14px;height:14px;vertical-align:-2px;margin-right:.42rem;stroke:var(--amber)} .tb-tag{color:#fff;font-family:'Commissioner',sans-serif;font-weight:500;letter-spacing:.04em} /* ---------- header ---------- */ header.site{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--line);transition:.25s var(--ease)} header.site.small{box-shadow:0 6px 26px -18px rgba(12,27,38,.6)} .nav{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;height:86px;transition:height .25s var(--ease)} header.site.small .nav{height:70px} .logo{display:flex;align-items:center;gap:.72rem;flex:none} .logo .mark{width:38px;height:38px;flex:none} .logo .txt{font-family:'Commissioner',sans-serif;font-weight:800;font-size:1.32rem;letter-spacing:.02em;color:var(--ink);line-height:1} .logo .sub{display:block;font-size:.6rem;font-weight:500;letter-spacing:.22em;color:var(--steel);margin-top:4px} nav.main>ul{display:flex;list-style:none;margin:0;padding:0;gap:.2rem;align-items:center} nav.main a{display:block;padding:.62rem .78rem;font-family:'Commissioner',sans-serif;font-weight:500;font-size:.94rem;color:var(--ink);border-radius:var(--r);position:relative;transition:.18s} nav.main>ul>li>a::after{content:"";position:absolute;left:.78rem;right:.78rem;bottom:.34rem;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)} nav.main>ul>li>a:hover::after,nav.main>ul>li>a.active::after{transform:scaleX(1)} nav.main>ul>li>a.active{color:var(--ink);font-weight:600} nav.main li.has-sub>a::before{content:"";position:absolute;right:-1px;top:50%;width:5px;height:5px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:translateY(-70%) rotate(45deg)} nav.main li.has-sub>a{padding-right:1.35rem} nav.main li.has-sub{position:relative} .sub{position:absolute;top:calc(100% + 6px);left:0;min-width:302px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--amber);box-shadow:var(--shadow);list-style:none;margin:0;padding:.4rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s var(--ease)} nav.main li.has-sub:hover .sub,nav.main li.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translateY(0)} .sub a{font-size:.89rem;font-weight:400;padding:.55rem .7rem;color:var(--text)} .sub a:hover,.sub a.active{background:var(--mist);color:var(--ink)} .nav-cta{display:flex;align-items:center;gap:.7rem;flex:none} .burger{display:none;width:44px;height:40px;border:1px solid var(--line);background:#fff;border-radius:var(--r);cursor:pointer;padding:0} .burger span{display:block;width:19px;height:1.8px;background:var(--ink);margin:4px auto;transition:.25s var(--ease)} .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.8px) rotate(45deg)} .burger[aria-expanded="true"] span:nth-child(2){opacity:0} .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.8px) rotate(-45deg)} /* ---------- drawer ---------- */ .drawer{position:fixed;inset:0 0 0 auto;width:min(400px,88vw);background:#fff;z-index:950;transform:translateX(102%);transition:transform .32s var(--ease);overflow-y:auto;padding:22px;box-shadow:-20px 0 60px -30px rgba(0,0,0,.5)} .drawer.open{transform:translateX(0)} .drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px} .drawer-close{background:none;border:none;font-size:1.7rem;line-height:1;cursor:pointer;color:var(--ink)} .drawer ul{list-style:none;margin:0;padding:0} .drawer>ul>li{border-bottom:1px solid var(--line)} .drawer a,.drawer .acc{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.92rem .2rem;font-family:'Commissioner',sans-serif;font-weight:600;font-size:1.02rem;color:var(--ink);background:none;border:none;text-align:left;cursor:pointer} .drawer a.active{color:var(--steel)} .drawer .acc .chev{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:.25s} .drawer .acc[aria-expanded="true"] .chev{transform:rotate(-135deg)} .drawer .panel{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)} .drawer .panel a{font-weight:400;font-size:.92rem;color:var(--text);padding:.5rem .2rem .5rem 1rem;border-left:2px solid var(--line)} .scrim{position:fixed;inset:0;background:rgba(12,27,38,.5);opacity:0;visibility:hidden;transition:.3s;z-index:940} .scrim.on{opacity:1;visibility:visible} /* ---------- home hero ---------- */ .hero{position:relative;min-height:640px;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--ink)} .hero-bg{position:absolute;inset:0} .hero-bg img{width:100%;height:100%;object-fit:cover} .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(9,22,31,.94) 0%,rgba(9,22,31,.86) 38%,rgba(9,22,31,.42) 72%,rgba(9,22,31,.55) 100%)} .hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.052) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 100%);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 100%)} .hero .wrap{position:relative;z-index:2;padding-top:80px;padding-bottom:120px} .hero .eyebrow{color:#EFC98A} .hero h1{color:#fff;max-width:16ch} .hero h1 .thin{font-weight:300;color:#C9D8E2;display:block} .hero p.sub{max-width:52ch;color:#C6D5DF;font-size:1.1rem;margin:1.5rem 0 2.2rem} .hero-actions{display:flex;gap:.9rem;flex-wrap:wrap} .tick{position:absolute;width:52px;height:52px;border:1.5px solid rgba(240,160,20,.55);z-index:2} .tick.tl{top:34px;left:26px;border-right:0;border-bottom:0} .tick.br{bottom:26px;right:26px;border-left:0;border-top:0} /* ---------- inner page header ---------- */ .phead{position:relative;background:var(--ink-2);color:#fff;overflow:hidden;padding:74px 0 66px} .phead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24} .phead .wrap{position:relative;z-index:2} .phead h1{color:#fff;max-width:20ch;font-size:clamp(1.9rem,3.8vw,3rem)} .phead p{color:#C3D3DD;max-width:62ch;margin-top:1rem;margin-bottom:0} .crumbs{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.83rem;color:#93AEBF;margin-bottom:1.1rem;font-family:'Commissioner',sans-serif;letter-spacing:.03em} .crumbs a:hover{color:var(--amber)} .crumbs span{color:#6E8A9C} /* ---------- pillars ---------- */ .pillars{position:relative;z-index:5;margin-top:-72px} .pillars .row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);box-shadow:var(--shadow)} .pillar{background:#fff;padding:2rem 1.7rem;transition:.24s var(--ease)} .pillar:hover{background:var(--ink)} .pillar:hover h3,.pillar:hover p,.pillar:hover .go{color:#fff} .pillar:hover svg{stroke:var(--amber)} .pillar svg{width:30px;height:30px;stroke:var(--steel);fill:none;stroke-width:1.5;margin-bottom:1rem;transition:.24s} .pillar h3{margin-bottom:.4rem;transition:.24s} .pillar p{font-size:.92rem;color:var(--muted);margin:0 0 .9rem;transition:.24s} .pillar .go{font-family:'Commissioner',sans-serif;font-size:.83rem;font-weight:600;color:var(--steel);letter-spacing:.06em;transition:.24s} /* ---------- stats ---------- */ .stats{background:var(--ink-2);color:#fff;padding:64px 0} .stats .row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center} .stat .n{font-family:'Commissioner',sans-serif;font-size:clamp(2.1rem,3.8vw,3.1rem);font-weight:800;color:var(--amber);line-height:1;letter-spacing:-.03em} .stat .l{font-size:.88rem;color:#A9C0CE;margin-top:.6rem} .stat+.stat{border-left:1px solid rgba(255,255,255,.1)} /* ---------- cards ---------- */ .sec-head{max-width:74ch;margin-bottom:3rem} .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem} .card{background:#fff;border:1px solid var(--line);padding:2rem 1.8rem;position:relative;transition:.24s var(--ease);display:block} .card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);transform:scaleY(0);transform-origin:top;transition:transform .26s var(--ease)} .card:hover{border-color:#C7D3DB;transform:translateY(-4px);box-shadow:var(--shadow)} .card:hover::before{transform:scaleY(1)} .card svg{width:32px;height:32px;stroke:var(--steel);fill:none;stroke-width:1.5;margin-bottom:1.1rem} .card h3{margin-bottom:.55rem} .card p{font-size:.94rem;color:var(--muted);margin:0} .card ul{margin:.9rem 0 0;padding:0;list-style:none;font-size:.87rem;color:var(--muted)} .card ul li{padding-left:1rem;position:relative;margin-bottom:.25rem} .card ul li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;background:var(--amber)} .card .go{display:inline-block;margin-top:1.1rem;font-family:'Commissioner',sans-serif;font-size:.83rem;font-weight:600;letter-spacing:.06em;color:var(--steel)} /* ---------- projects ---------- */ .filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem} .chip{font-family:'Commissioner',sans-serif;font-size:.87rem;font-weight:500;padding:.5rem 1.05rem;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;border-radius:var(--r);transition:.2s} .chip:hover{border-color:var(--steel);color:var(--ink)} .chip.on{background:var(--ink);border-color:var(--ink);color:#fff} .proj{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem} .p-item{position:relative;overflow:hidden;background:var(--ink);aspect-ratio:4/3.1;display:block} .p-item.hide{display:none} .p-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),opacity .4s} .p-item:hover img{transform:scale(1.06);opacity:.55} .p-cap{position:absolute;left:0;right:0;bottom:0;padding:1.3rem;color:#fff;background:linear-gradient(transparent,rgba(9,22,31,.9))} .p-cap .k{font-family:'Commissioner',sans-serif;font-size:.72rem;letter-spacing:.14em;color:var(--amber);font-weight:600} .p-cap h3{color:#fff;font-size:1.06rem;margin-top:.25rem} .p-cap .m{font-size:.83rem;color:#B7C8D3;margin-top:.15rem} /* ---------- steps ---------- */ .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;position:relative} .steps::before{content:"";position:absolute;top:23px;left:9%;right:9%;height:1px;background:var(--line)} .step{position:relative} .step .num{width:46px;height:46px;border:1.5px solid var(--steel);background:#fff;color:var(--steel);display:flex;align-items:center;justify-content:center;font-family:'Commissioner',sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:1.2rem;position:relative;z-index:2} .step:first-child .num{background:var(--steel);color:#fff} .step h3{font-size:1.06rem;margin-bottom:.4rem} .step p{font-size:.91rem;color:var(--muted);margin:0} /* stepped timeline (process page) */ .tl{border-left:2px solid var(--line);padding-left:2.2rem;margin-left:22px} .tl-item{position:relative;padding-bottom:2.6rem} .tl-item:last-child{padding-bottom:0} .tl-item::before{content:"";position:absolute;left:calc(-2.2rem - 9px);top:6px;width:16px;height:16px;background:var(--amber);border:3px solid #fff;box-shadow:0 0 0 1px var(--amber)} .tl-item .when{font-family:'Commissioner',sans-serif;font-size:.78rem;letter-spacing:.12em;color:var(--steel);font-weight:600} .tl-item h3{margin:.3rem 0 .5rem} .tl-item p{color:var(--muted);font-size:.96rem;margin:0} /* ---------- split ---------- */ .split{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center} .split.rev .figure{order:2} .figure{position:relative} .figure img{width:100%;aspect-ratio:4/4.4;object-fit:cover} .figure .badge{position:absolute;right:-22px;bottom:34px;background:var(--amber);color:#17202A;padding:1.35rem 1.6rem;max-width:230px;box-shadow:var(--shadow)} .figure .badge b{font-family:'Commissioner',sans-serif;font-size:2rem;display:block;line-height:1} .figure .badge span{font-size:.85rem;font-weight:500} .checks{list-style:none;margin:1.8rem 0 2rem;padding:0} .checks li{position:relative;padding-left:2rem;margin-bottom:.95rem;font-size:.98rem} .checks li strong{color:var(--ink);font-weight:600;font-family:'Commissioner',sans-serif} .checks li::before{content:"";position:absolute;left:0;top:.42em;width:15px;height:9px;border-left:2.2px solid var(--amber);border-bottom:2.2px solid var(--amber);transform:rotate(-45deg)} /* ---------- band ---------- */ .band{position:relative;color:#fff;padding:104px 0;overflow:hidden;background:var(--ink)} .band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3} .band .wrap{position:relative;z-index:2;text-align:center} .band h2{color:#fff;max-width:20ch;margin:0 auto 1rem} .band p{color:#C3D3DD;max-width:58ch;margin:0 auto 2rem} /* ---------- service detail ---------- */ .svc-layout{display:grid;grid-template-columns:1fr 330px;gap:3.4rem;align-items:start} .prose h2{margin:2.4rem 0 1rem} .prose h2:first-child{margin-top:0} .prose h3{margin:1.8rem 0 .6rem} .prose ul{padding-left:1.1rem;color:var(--muted)} .prose li{margin-bottom:.45rem} .prose table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.93rem} .prose th,.prose td{border:1px solid var(--line);padding:.72rem .9rem;text-align:left} .prose th{background:var(--mist);font-family:'Commissioner',sans-serif;font-size:.85rem;letter-spacing:.04em;color:var(--ink)} .aside{position:sticky;top:118px;display:grid;gap:1.2rem} .box{border:1px solid var(--line);background:#fff;padding:1.6rem} .box.dark{background:var(--ink);color:#B9CBD6;border-color:var(--ink)} .box.dark h3{color:#fff} .box h3{font-size:1.02rem;margin-bottom:.9rem} .box ul{list-style:none;margin:0;padding:0;font-size:.92rem} .box li{padding:.45rem 0;border-bottom:1px solid var(--line)} .box li:last-child{border-bottom:none} .box.dark li{border-color:rgba(255,255,255,.12)} .box a:hover{color:var(--amber)} .box .active-link{color:var(--steel);font-weight:600} /* FAQ */ .faq{border-top:1px solid var(--line)} .faq-item{border-bottom:1px solid var(--line)} .faq-q{width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:1.15rem .2rem;font-family:'Commissioner',sans-serif;font-weight:600;font-size:1.02rem;color:var(--ink);display:flex;justify-content:space-between;gap:1rem;align-items:center} .faq-q i{width:9px;height:9px;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:rotate(45deg);transition:.25s;flex:none} .faq-q[aria-expanded="true"] i{transform:rotate(-135deg)} .faq-a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)} .faq-a p{padding:0 .2rem 1.15rem;color:var(--muted);font-size:.96rem;margin:0;max-width:80ch} /* team */ .team{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem} .member{border:1px solid var(--line);background:#fff} .member img{aspect-ratio:4/3.4;object-fit:cover;width:100%;filter:grayscale(1);transition:.4s} .member:hover img{filter:none} .member .b{padding:1.3rem 1.4rem} .member h3{font-size:1.05rem} .member .role{font-size:.85rem;color:var(--steel);font-family:'Commissioner',sans-serif;font-weight:600;letter-spacing:.04em} .member p{font-size:.9rem;color:var(--muted);margin:.6rem 0 0} /* contact */ .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3.4rem} .info-item{display:flex;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line)} .info-item svg{width:20px;height:20px;stroke:var(--amber);fill:none;stroke-width:1.6;flex:none;margin-top:5px} .info-item .k{font-family:'Commissioner',sans-serif;font-size:.76rem;letter-spacing:.12em;color:var(--muted);font-weight:600} .info-item .v{font-family:'Commissioner',sans-serif;font-size:1.04rem;color:var(--ink);font-weight:600} form{background:#fff;border:1px solid var(--line);padding:2.2rem;box-shadow:var(--shadow)} .f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .field{margin-bottom:1.05rem;display:flex;flex-direction:column} label{font-family:'Commissioner',sans-serif;font-size:.82rem;font-weight:600;color:var(--ink);margin-bottom:.38rem} input,select,textarea{font-family:inherit;font-size:.95rem;padding:.78rem .9rem;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--text);transition:.18s;width:100%} input:focus,select:focus,textarea:focus{border-color:var(--steel);outline:none;box-shadow:0 0 0 3px rgba(29,91,126,.12)} textarea{resize:vertical;min-height:118px} .err{color:#B4232A;font-size:.79rem;margin-top:.3rem;display:none} .field.bad input,.field.bad textarea,.field.bad select{border-color:#B4232A} .field.bad .err{display:block} .consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.84rem;color:var(--muted)} .consent input{width:auto;margin-top:.35rem} .ok-msg{display:none;background:#EAF4EC;border:1px solid #BEDDC6;color:#1E5B33;padding:1rem 1.15rem;font-size:.92rem;margin-bottom:1.2rem} .ok-msg.show{display:block} .map{border:1px solid var(--line);height:340px;background:var(--mist);position:relative;overflow:hidden} .map iframe{width:100%;height:100%;border:0;filter:grayscale(.35)} /* ---------- footer ---------- */ footer{background:var(--ink);color:#9FB4C2;padding:70px 0 0;font-size:.92rem} .f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2.6rem;padding-bottom:46px} footer h4{font-family:'Commissioner',sans-serif;color:#fff;font-size:.95rem;letter-spacing:.06em;margin:0 0 1.1rem;font-weight:600} footer ul{list-style:none;margin:0;padding:0} footer li{margin-bottom:.5rem} footer a:hover{color:var(--amber)} .f-logo .txt{color:#fff} .f-logo .sub{color:#7E97A8} .socials{display:flex;gap:.55rem;margin-top:1.3rem} .socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;transition:.2s} .socials a:hover{background:var(--amber);border-color:var(--amber)} .socials svg{width:16px;height:16px;fill:#9FB4C2;transition:.2s} .socials a:hover svg{fill:#17202A} .f-bot{border-top:1px solid rgba(255,255,255,.11);padding:20px 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.83rem} .f-bot a{text-decoration:underline;text-underline-offset:3px} .totop{position:fixed;right:22px;bottom:22px;width:46px;height:46px;background:var(--ink);color:#fff;border:none;cursor:pointer;display:grid;place-items:center;z-index:800;opacity:0;visibility:hidden;transition:.25s var(--ease)} .totop.on{opacity:1;visibility:visible} .totop:hover{background:var(--amber);color:var(--ink)} .rv{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)} .rv.in{opacity:1;transform:none} /* ---------- responsive ---------- */ @media (max-width:1050px){ nav.main,.nav-cta .btn{display:none} .burger{display:block} .svc,.proj,.team{grid-template-columns:repeat(2,1fr)} .steps{grid-template-columns:repeat(2,1fr);gap:2rem} .steps::before{display:none} .split{grid-template-columns:1fr;gap:2.6rem} .split.rev .figure{order:0} .figure .badge{right:18px} .contact-grid,.svc-layout{grid-template-columns:1fr;gap:2.4rem} .aside{position:static} .f-grid{grid-template-columns:1fr 1fr} .pillars .row{grid-template-columns:1fr} } @media (max-width:720px){ section{padding:62px 0} .stats .row{grid-template-columns:1fr 1fr;gap:1.6rem} .stat+.stat{border-left:none} .stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1);padding-top:1.4rem} .svc,.proj,.f-row,.f-grid,.team{grid-template-columns:1fr} .steps{grid-template-columns:1fr} .hero{min-height:560px} .hero .wrap{padding-bottom:96px} .tb-tag{display:none} form{padding:1.5rem} .figure .badge{position:static;max-width:none;margin-top:-4px;display:flex;gap:1rem;align-items:center} .figure .badge b{font-size:1.6rem} } @media (prefers-reduced-motion:reduce){ *{animation:none!important;transition-duration:.01ms!important} html{scroll-behavior:auto} .rv{opacity:1;transform:none} } /* ============ ΑΡΘΡΑ ============ */ .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem} .post-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:.24s var(--ease);overflow:hidden} .post-card.hide{display:none} .post-card:hover{border-color:#C7D3DB;transform:translateY(-4px);box-shadow:var(--shadow)} .post-img{aspect-ratio:16/9.5;overflow:hidden;background:var(--ink)} .post-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)} .post-card:hover .post-img img{transform:scale(1.05)} .post-b{padding:1.5rem 1.5rem 1.7rem;display:flex;flex-direction:column;flex:1} .post-meta{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;font-size:.76rem;color:var(--muted);margin-bottom:.7rem} .post-meta .k{font-family:'Commissioner',sans-serif;font-weight:600;letter-spacing:.12em;color:var(--steel)} .post-card h3{font-size:1.08rem;line-height:1.3;margin-bottom:.55rem} .post-card p{font-size:.92rem;color:var(--muted);margin:0 0 1rem} .post-card .go{margin-top:auto;font-family:'Commissioner',sans-serif;font-size:.83rem;font-weight:600;letter-spacing:.06em;color:var(--steel)} .post-card:hover .go{color:var(--amber-d)} @media (max-width:1050px){.posts{grid-template-columns:repeat(2,1fr)}} @media (max-width:720px){.posts{grid-template-columns:1fr}} /* ============ WORDPRESS CORE ============ */ .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip-link{position:absolute;left:-9999px;z-index:9999;padding:1rem 1.5rem;background:var(--ink);color:#fff} .skip-link:focus{left:1rem;top:1rem} .alignleft{float:left;margin:.4rem 1.6rem 1rem 0} .alignright{float:right;margin:.4rem 0 1rem 1.6rem} .aligncenter{margin-left:auto;margin-right:auto;display:block} .alignwide{margin-left:-60px;margin-right:-60px;max-width:none;width:auto} .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw} .wp-caption{max-width:100%} .wp-caption-text,figcaption{font-size:.86rem;color:var(--muted);margin-top:.5rem;text-align:center} .prose img,.prose figure{margin:1.6rem 0} .prose blockquote{margin:1.8rem 0;padding:.4rem 0 .4rem 1.6rem;border-left:3px solid var(--amber);font-size:1.05rem;color:var(--ink)} .prose blockquote p:last-child{margin-bottom:0} .prose ol{padding-left:1.2rem;color:var(--muted)} .prose code{background:var(--mist);padding:.15em .4em;font-size:.9em;border-radius:2px} .pagination{margin-top:2.6rem} .pagination .nav-links{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;align-items:center} .pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 .7rem;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:#fff;font-family:'Commissioner',sans-serif;font-weight:600;font-size:.9rem;transition:.2s} .pagination .page-numbers:hover{border-color:var(--ink)} .pagination .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff} .pagination .page-numbers.dots{border-color:transparent;background:none;min-width:24px} .pagination .page-numbers.prev,.pagination .page-numbers.next{font-size:1.05rem} .entry-meta-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding-bottom:1.4rem;margin-bottom:1.8rem;border-bottom:1px solid var(--line);font-size:.86rem;color:var(--muted)} .entry-meta-bar .k{font-family:'Commissioner',sans-serif;font-weight:600;letter-spacing:.12em;color:var(--steel);font-size:.76rem} .lede-box{font-size:1.12rem;line-height:1.65;color:var(--ink);border-left:3px solid var(--amber);padding-left:1.2rem;margin-bottom:2rem} .takeaway{background:var(--mist);border-left:3px solid var(--amber);padding:1.4rem 1.6rem;margin:2rem 0} .takeaway h3{font-size:.82rem;letter-spacing:.14em;color:var(--steel);margin-bottom:.6rem;text-transform:uppercase} .takeaway p:last-child{margin-bottom:0} .post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line)} .post-nav a{display:block;padding:1.1rem 1.3rem;border:1px solid var(--line);transition:.2s} .post-nav a:hover{border-color:var(--ink)} .post-nav .d{font-family:'Commissioner',sans-serif;font-size:.74rem;letter-spacing:.12em;color:var(--muted);font-weight:600} .post-nav .t{font-family:'Commissioner',sans-serif;font-weight:600;color:var(--ink);margin-top:.3rem;display:block;font-size:.95rem} .post-nav .next{text-align:right} .no-results{padding:3rem 0;text-align:center;color:var(--muted)} .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.8rem 0} .gallery-grid img{aspect-ratio:4/3;object-fit:cover;width:100%} .fact-list{list-style:none;margin:0;padding:0} .fact-list li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.92rem} .fact-list li:last-child{border-bottom:none} .fact-list .fk{color:var(--muted)} .fact-list .fv{font-family:'Commissioner',sans-serif;font-weight:600;color:var(--ink);text-align:right} @media (max-width:720px){ .post-nav{grid-template-columns:1fr} .post-nav .next{text-align:left} .gallery-grid{grid-template-columns:1fr 1fr} .alignwide{margin-left:0;margin-right:0} } /* ============ ΜΕΝΟΥ WORDPRESS ============ */ nav.main ul.mt-menu{display:flex;list-style:none;margin:0;padding:0;gap:.2rem;align-items:center} nav.main ul.mt-menu>li{position:relative} nav.main ul.mt-menu>li>a::after{content:"";position:absolute;left:.78rem;right:.78rem;bottom:.34rem;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)} nav.main ul.mt-menu>li>a:hover::after, nav.main ul.mt-menu>li.current-menu-item>a::after, nav.main ul.mt-menu>li.current-menu-parent>a::after, nav.main ul.mt-menu>li.current-menu-ancestor>a::after{transform:scaleX(1)} nav.main ul.mt-menu>li.current-menu-item>a, nav.main ul.mt-menu>li.current-menu-parent>a{font-weight:600} nav.main li.menu-item-has-children>a{padding-right:1.35rem} nav.main li.menu-item-has-children>a::before{content:"";position:absolute;right:-1px;top:50%;width:5px;height:5px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:translateY(-70%) rotate(45deg)} nav.main ul.sub-menu{ position:absolute;top:calc(100% + 6px);left:0;min-width:302px;background:#fff; border:1px solid var(--line);border-top:2px solid var(--amber);box-shadow:var(--shadow); list-style:none;margin:0;padding:.4rem;opacity:0;visibility:hidden;transform:translateY(8px); transition:.2s var(--ease);z-index:20; } nav.main li.menu-item-has-children:hover>ul.sub-menu, nav.main li.menu-item-has-children:focus-within>ul.sub-menu{opacity:1;visibility:visible;transform:translateY(0)} nav.main ul.sub-menu a{font-size:.89rem;font-weight:400;padding:.55rem .7rem;color:var(--text)} nav.main ul.sub-menu a:hover, nav.main ul.sub-menu li.current-menu-item>a{background:var(--mist);color:var(--ink)} /* drawer */ .drawer ul.mt-drawer-menu{list-style:none;margin:0;padding:0} .drawer ul.mt-drawer-menu>li{border-bottom:1px solid var(--line)} .drawer ul.mt-drawer-menu>li>a{display:flex;justify-content:space-between;align-items:center;padding:.92rem .2rem;font-family:'Commissioner',sans-serif;font-weight:600;font-size:1.02rem;color:var(--ink)} .drawer ul.mt-drawer-menu li.current-menu-item>a{color:var(--steel)} .drawer .mt-toggle{ position:absolute;right:0;top:0;width:46px;height:48px;background:none;border:none;cursor:pointer; display:grid;place-items:center; } .drawer .mt-toggle i{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:.25s} .drawer .mt-toggle[aria-expanded="true"] i{transform:rotate(-135deg)} .drawer li.menu-item-has-children{position:relative} .drawer ul.sub-menu{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s var(--ease)} .drawer ul.sub-menu a{display:block;font-weight:400;font-size:.92rem;color:var(--text);padding:.5rem .2rem .5rem 1rem;border-left:2px solid var(--line);font-family:'Inter',sans-serif} .legal-menu{list-style:none;margin:0;padding:0;display:inline-flex;gap:.9rem;flex-wrap:wrap} .legal-menu a{text-decoration:underline;text-underline-offset:3px} /* ============ ΕΡΓΑ ΧΩΡΙΣ ΦΩΤΟΓΡΑΦΙΑ ============ */ .p-blank{ position:absolute;inset:0; background:var(--ink); display:flex;flex-direction:column;justify-content:center;align-items:center; padding:1.6rem 1.4rem 5.5rem; overflow:hidden; transition:background .4s var(--ease); } /* blueprint κάνναβος */ .p-blank::before{ content:"";position:absolute;inset:0; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:34px 34px; } /* διαγώνια φωτεινή ζώνη */ .p-blank::after{ content:"";position:absolute;inset:-30%; background:linear-gradient(118deg,transparent 42%,rgba(255,255,255,.07) 50%,transparent 58%); transition:transform .7s var(--ease); } .p-item:hover .p-blank::after{transform:translateX(12%)} .p-item:hover .p-blank{background:var(--ink-2)} .p-glyph{ position:relative;width:58px;height:58px; fill:none;stroke:var(--amber);stroke-width:1.1; stroke-linecap:round;stroke-linejoin:round; opacity:.9;transition:transform .5s var(--ease); } .p-item:hover .p-glyph{transform:translateY(-4px) scale(1.04)} .p-client{ position:relative;margin-top:1rem;max-width:88%; font-family:'Commissioner',sans-serif;font-weight:600;font-size:.82rem; letter-spacing:.1em;color:#fff;text-align:center;line-height:1.35; text-transform:uppercase; } .p-year{ position:absolute;top:1rem;right:1.1rem; font-family:'Commissioner',sans-serif;font-weight:700;font-size:.74rem; letter-spacing:.12em;color:rgba(255,255,255,.5); } /* τέσσερις παραλλαγές ώστε το πλέγμα να μη μοιάζει επαναλαμβανόμενο */ .p-blank.v2{background:var(--ink-2)} .p-blank.v2::before{background-size:26px 26px} .p-blank.v3::before{ background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:68px 68px,68px 68px,17px 17px,17px 17px; } .p-blank.v4{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-2) 100%)} .p-blank.v4::before{background-size:44px 44px} /* η λεζάντα στα πλακίδια χωρίς φωτό δεν χρειάζεται σκίαση εικόνας */ .p-item.noimg .p-cap{background:linear-gradient(transparent,rgba(7,28,50,.92) 45%)} .p-item.noimg:hover img{opacity:1} /* κεφαλίδα σελίδας χωρίς εικόνα */ .phead.noimg{ background:var(--ink); } .phead.noimg::before{ content:"";position:absolute;inset:0; background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:52px 52px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 45%); mask-image:linear-gradient(90deg,transparent,#000 45%); } .phead.noimg .wrap{position:relative;z-index:2} @media (max-width:720px){ .p-glyph{width:46px;height:46px} .p-client{font-size:.76rem} } /* ============ ΑΡΘΡΑ ΧΩΡΙΣ ΦΩΤΟΓΡΑΦΙΑ ============ */ .post-img.noimg{ background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden; } .post-img.noimg::before{ content:"";position:absolute;inset:0; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:30px 30px; } .post-img.noimg.v2{background:var(--ink-2)} .post-img.noimg.v3::before{background-size:46px 46px} .post-img.noimg.v4{background:linear-gradient(140deg,var(--ink),var(--ink-2))} .post-glyph{ position:relative;width:46px;height:46px;fill:none;stroke:var(--amber); stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.9; transition:transform .5s var(--ease); } .post-card:hover .post-glyph{transform:translateY(-3px) scale(1.05)} /* φίλτρα κατηγοριών ως σύνδεσμοι */ a.chip{display:inline-flex;align-items:center;text-decoration:none} a.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}