/*
Theme Name: Sahabat Komputer Premium
Theme URI: https://sahabatkomputer.com/
Description: Child theme Kadence dengan tampilan premium hitam-emas untuk Sahabat Komputer Tegal.
Author: Sahabat Komputer Tegal
Template: kadence
Version: 2.0.0
*/
:root{--sk-black:#080909;--sk-black2:#171817;--sk-gold:#e0b94f;--sk-gold2:#ffe08a;--sk-white:#fff;--sk-cream:#f7f6f2;--sk-text:#202020;--sk-muted:#686868;--sk-line:#e8e5dd;--sk-radius:12px}
body{color:var(--sk-text);background:#fff;font-family:Inter,Arial,sans-serif}
a{transition:all .2s ease}
.site-header{position:relative;z-index:20}
.sk-topbar{background:#050505;color:#ddd;font-size:11px;letter-spacing:.02em;padding:8px 4.5%;display:flex;justify-content:space-between;gap:14px;align-items:center}
.sk-topbar a{color:#f2d47d;text-decoration:none}
.sk-nav{background:#0b0b0a;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 4.5%;border-bottom:1px solid rgba(224,185,79,.5)}
.sk-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:155px}
.sk-logo{width:42px;height:42px;border:2px solid var(--sk-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;color:var(--sk-gold);letter-spacing:-2px;flex-shrink:0}
.sk-brand-text{font-size:14px;font-weight:800;line-height:1.05}.sk-brand-text small{display:block;font-size:9px;letter-spacing:.1em;color:#d9bc67;margin-top:4px}
.sk-menu{display:flex;align-items:center;gap:clamp(10px,1.5vw,24px);flex-wrap:wrap}
.sk-menu a{color:#f6f3e9;text-decoration:none;font-size:12px;font-weight:700;padding:8px 0;border-bottom:2px solid transparent}
.sk-menu a:hover,.sk-menu a.current{color:var(--sk-gold);border-color:var(--sk-gold)}
.sk-search{border:1px solid #555;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#fff}
.sk-hero{position:relative;min-height:390px;display:flex;align-items:center;overflow:hidden;background:#111;color:#fff;margin:0}
.sk-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease}
.sk-hero-slide.is-active{opacity:1}
.sk-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.56) 48%,rgba(0,0,0,.13) 100%)}
.sk-hero-content{position:relative;z-index:2;width:min(1180px,91%);margin:auto;padding:65px 0 70px}
.sk-eyebrow{color:var(--sk-gold2);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:11px}
.sk-hero h1{color:#fff;font-size:clamp(32px,4.1vw,54px);line-height:1.06;letter-spacing:-.035em;max-width:700px;margin:14px 0 15px;font-weight:850}
.sk-hero p{color:#f2f0e9;font-size:clamp(14px,1.5vw,17px);max-width:590px;line-height:1.65;margin:0 0 14px}
.sk-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--sk-gold);color:#17130a!important;padding:12px 19px;border-radius:7px;font-size:12px;font-weight:850;text-decoration:none;margin:8px 8px 0 0;box-shadow:0 5px 15px #0002}
.sk-btn:hover{background:var(--sk-gold2);transform:translateY(-1px)}
.sk-btn-green{background:#16a05d;color:#fff!important}.sk-btn-green:hover{background:#12864e;color:#fff!important}
.sk-btn-outline{background:transparent;color:#fff!important;border:1px solid var(--sk-gold)}
.sk-slider-arrows{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none}
.sk-slider-arrows button{pointer-events:auto;border:1px solid #fff8;background:#1119;color:#fff;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}
.sk-slider-dots{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.sk-slider-dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#aaa;cursor:pointer}
.sk-slider-dots button.is-active{background:var(--sk-gold2);transform:scale(1.35)}
.sk-wrap{width:min(1180px,91%);margin:0 auto}
.sk-section{padding:35px 0 48px}
.sk-section.sk-section-tight{padding-top:22px}
.sk-section-head{text-align:center;margin:0 auto 23px;max-width:750px}
.sk-kicker{color:#9d7620;text-transform:uppercase;letter-spacing:.15em;font-weight:850;font-size:11px}
.sk-section h2{font-size:clamp(25px,3vw,36px);line-height:1.17;margin:8px 0 12px;color:#181818;font-weight:850;letter-spacing:-.025em}
.sk-lead{max-width:780px;color:var(--sk-muted);line-height:1.8;margin:0 auto}
.sk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.sk-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sk-card{border:1px solid #eae7df;border-radius:var(--sk-radius);overflow:hidden;background:#fff;box-shadow:0 7px 22px rgba(0,0,0,.045);transition:transform .2s,box-shadow .2s}
.sk-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.09)}
.sk-card img{display:block;width:100%;height:165px;object-fit:cover}
.sk-card-body{padding:17px}
.sk-card h3{margin:0 0 8px;font-size:16px;line-height:1.3;color:#171717;font-weight:850}
.sk-card p{color:#666;font-size:13px;line-height:1.65;margin:0 0 12px}
.sk-card a{font-weight:850;font-size:12px;color:#97701c;text-decoration:none}
.sk-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px auto 0}
.sk-icon-card{border:1px solid #e9e5dc;border-radius:9px;text-align:center;padding:16px 8px;background:#fff;box-shadow:0 4px 12px #00000008}
.sk-icon-card .sk-icon{color:#a57d22;font-size:25px;line-height:1.2;margin-bottom:9px}
.sk-icon-card strong{display:block;font-size:11px;line-height:1.4}
.sk-split{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center}
.sk-split img{width:100%;height:300px;object-fit:cover;border-radius:13px}
.sk-band{background:linear-gradient(110deg,#090a09,#24221b);color:white;border:1px solid #9f812f;border-radius:14px;padding:30px;margin:15px auto 48px;display:flex;gap:25px;align-items:center;justify-content:space-between}
.sk-band h2{color:#fff;margin:0 0 8px;font-size:25px}.sk-band p{color:#ddd;margin:0;line-height:1.7;font-size:14px}
.sk-band-copy{max-width:720px}
.sk-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.sk-stat{background:#fff8e8;border:1px solid #efe1bb;border-radius:9px;padding:17px;text-align:center}
.sk-stat strong{display:block;font-size:24px;color:#9a741d}.sk-stat span{font-size:11px;color:#51472e}
.sk-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.sk-contact{padding:22px;border:1px solid #e8e3d8;border-radius:12px;background:#fff}
.sk-contact strong{display:block;margin-bottom:8px}.sk-contact p{margin:0 0 10px;color:#555}
.sk-article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sk-footer{background:#080908;color:#ddd;padding:35px 4.5%;margin-top:40px}
.sk-footer-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}
.sk-footer h3{color:var(--sk-gold);font-size:15px}.sk-footer a{color:#eee;text-decoration:none}.sk-footer p,.sk-footer li{font-size:12px;line-height:1.8}
.sk-footer-bottom{border-top:1px solid #38362e;margin-top:25px;padding-top:15px;font-size:11px;color:#aaa}
.sk-floating-wa{position:fixed;right:20px;bottom:20px;z-index:999;background:#13a05a;color:#fff!important;text-decoration:none;padding:13px 18px;border-radius:30px;font-weight:850;font-size:12px;box-shadow:0 5px 22px #0003}
.entry-content{line-height:1.8}.entry-content h2,.entry-content h3{font-weight:850}
@media(max-width:900px){.sk-menu{gap:10px}.sk-menu a{font-size:11px}.sk-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sk-hero{min-height:360px}}
@media(max-width:640px){.sk-topbar{justify-content:center;flex-wrap:wrap;text-align:center;font-size:10px}.sk-nav{align-items:flex-start;flex-direction:column;padding:12px 4.5%;gap:12px}.sk-menu{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.sk-menu a{white-space:nowrap;font-size:11px}.sk-brand{align-self:flex-start}.sk-hero{min-height:405px}.sk-hero-content{padding:55px 0 65px}.sk-hero h1{font-size:34px}.sk-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.47))}.sk-grid,.sk-grid-4,.sk-article-list{grid-template-columns:1fr}.sk-card img{height:210px}.sk-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sk-icon-card{padding:12px 5px}.sk-split{grid-template-columns:1fr}.sk-split img{height:220px}.sk-band{display:block;padding:23px}.sk-contact-grid{grid-template-columns:1fr}.sk-stat-grid{grid-template-columns:repeat(2,1fr)}.sk-footer-inner{grid-template-columns:1fr}.sk-floating-wa{right:12px;bottom:12px}}