/*
Theme Name: CLOTEC Corporate
Theme URI: https://www.clotec.com.pg/
Author: CLOTEC ICT SERVICES
Description: Corporate WordPress theme for CLOTEC ICT SERVICES, Papua New Guinea.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: clotec-corporate
*/
:root{--navy:#071b3a;--blue:#0756a6;--cyan:#16b8d4;--ink:#172338;--muted:#637187;--light:#f3f7fb;--white:#fff;--line:#dce5ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:var(--blue);text-decoration:none}a:hover{color:var(--cyan)}img{max-width:100%;height:auto}.container{width:min(1160px,92%);margin:auto}.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:99;box-shadow:0 4px 18px #00112a22}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;letter-spacing:.4px}.brand-mark{width:42px;height:42px;border:2px solid var(--cyan);border-radius:10px;display:grid;place-items:center;color:var(--cyan);font-weight:900;font-size:20px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#a9c9e9}.main-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}.main-nav li{position:relative}.main-nav a{color:#fff;font-size:14px;font-weight:700;padding:28px 0;display:block}.main-nav li ul{display:none;position:absolute;top:100%;left:-16px;min-width:230px;background:#fff;box-shadow:0 12px 28px #00112a24;padding:8px;border-radius:8px}.main-nav li:hover>ul,.main-nav li:focus-within>ul{display:block}.main-nav li ul a{color:var(--ink);padding:10px 12px}.menu-toggle{display:none;background:none;color:#fff;border:1px solid #7893b3;padding:8px 12px;border-radius:6px}.hero{background:linear-gradient(115deg,#061832 0%,#073e78 60%,#087da9 100%);color:#fff;padding:100px 0 90px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff24;border-radius:50%;right:-120px;top:-180px;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff08}.eyebrow{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;max-width:760px;margin:14px 0 20px}.hero p{font-size:18px;color:#d9e8f7;max-width:700px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 21px;border-radius:5px;background:var(--cyan);color:#05213d;font-weight:800}.btn-outline{border:1px solid #b9d9ef;color:#fff;background:transparent}.section{padding:76px 0}.section-alt{background:var(--light)}.section-head{max-width:720px;margin-bottom:32px}.section h2{font-size:clamp(27px,3vw,38px);line-height:1.2;color:var(--navy);margin:8px 0 14px}.section-head p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px;box-shadow:0 8px 25px #082b4a08}.card h3{margin:8px 0;color:var(--navy);font-size:19px}.icon{width:42px;height:42px;border-radius:9px;background:#e4f8fc;color:#087ba0;display:grid;place-items:center;font-weight:900;font-size:19px}.card p{color:var(--muted);margin-bottom:0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.feature-panel{background:linear-gradient(145deg,#08244b,#0875a4);color:#fff;border-radius:14px;padding:36px}.feature-panel h3{font-size:25px;margin-top:0}.feature-panel li{margin:10px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.stat{border-left:3px solid var(--cyan);padding-left:14px}.stat strong{display:block;font-size:22px;color:var(--navy)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.post-card .post-content{padding:20px}.post-card h3{margin:7px 0;color:var(--navy)}.post-meta{font-size:12px;color:var(--muted)}.cta{background:var(--navy);color:#fff;padding:52px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{color:#fff;margin:0 0 8px}.site-footer{background:#041329;color:#c7d5e5;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff}.site-footer a{color:#d5e7f8}.copyright{border-top:1px solid #ffffff20;margin-top:35px;padding-top:18px;font-size:13px}.page-hero{background:linear-gradient(110deg,#071b3a,#0756a6);color:#fff;padding:55px 0}.page-hero h1{margin:0;font-size:42px}.content-area{padding:55px 0;min-height:420px}.entry-content{max-width:850px}.entry-content h2,.entry-content h3{color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-weight:700;font-size:14px}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;margin-top:6px;font:inherit}.form-grid .full{grid-column:1/-1}.form-grid button{border:0;cursor:pointer}.notice{padding:14px;background:#eaf8f2;border-left:4px solid #1a9c68;margin:18px 0}.job-meta{font-size:13px;color:var(--muted)}.pagination{margin-top:30px}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);margin-right:5px;border-radius:4px}
@media(max-width:850px){.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:10px 5% 20px}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav a{padding:10px 0}.main-nav li ul{display:block;position:static;background:transparent;box-shadow:none;padding:0 0 0 16px}.main-nav li ul a{color:#c7d5e5}.menu-toggle{display:block}.grid,.post-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.cta-inner{display:block}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{padding:70px 0}.grid,.post-grid,.stats,.footer-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-hero h1{font-size:34px}.header-inner{min-height:70px}.main-nav{top:70px}}