/*
Theme Name: MSM Parking Group Premium
Theme URI: https://msmparkinggroup.com/
Author: MSM Parking Group
Description: Premium WordPress theme untuk MSM Parking Group, perusahaan sistem parkir otomatis, palang parkir, barrier gate, RFID, cashless parking dan access control. Dilengkapi homepage dinamis, artikel SEO, kategori, tag, pencarian, sidebar, schema dan starter content.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: msm-parking-group
*/
:root{--primary:#0758c9;--primary-dark:#063b88;--primary-deep:#05275c;--accent:#21a4ff;--accent2:#f8b72f;--ink:#132238;--muted:#667085;--soft:#f4f8ff;--line:#e2eaf5;--white:#fff;--radius:18px;--shadow:0 16px 48px rgba(3,56,130,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff;line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,234,245,.95)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.custom-logo{max-height:58px;width:auto}.site-title{font-weight:800;font-size:21px;color:var(--primary)}.main-nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0;align-items:center}.main-nav a{font-size:14px;font-weight:600}.main-nav a:hover,.current-menu-item>a{color:var(--primary)}.menu-toggle{display:none;border:0;background:var(--soft);padding:10px 12px;border-radius:10px}.hero{min-height:680px;display:grid;place-items:center;color:#fff;background:linear-gradient(110deg,rgba(4,35,87,.96),rgba(7,88,201,.82)),url('https://images.unsplash.com/photo-1506521781263-d8422e82f27a?auto=format&fit=crop&w=1900&q=85') center/cover}.hero-inner{max-width:930px;text-align:center;padding:96px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#bfe3ff}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.03;margin:12px 0 22px}.hero p{max-width:800px;margin:0 auto 30px;font-size:18px;color:#edf6ff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:12px;font-weight:700;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent2);color:#183457}.btn-outline{border-color:rgba(255,255,255,.7);color:#fff;margin-left:8px}.section{padding:84px 0}.section-soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head h2{margin:7px 0 8px;font-size:clamp(30px,4vw,45px);line-height:1.2;color:var(--primary-deep)}.section-head p{max-width:720px;color:var(--muted);margin:0}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{overflow:hidden}.card-body{padding:25px}.card h3,.panel h3{margin:9px 0;color:var(--primary-deep)}.card p,.panel p{color:var(--muted)}.icon-box{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;font-size:21px}.about-grid,.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.panel{padding:30px}.stats{position:relative;z-index:5;margin-top:-55px;background:#fff;border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.stat{padding:25px;text-align:center;border-right:1px solid var(--line);font-size:13px;color:var(--muted)}.stat:last-child{border:0}.stat strong{display:block;color:var(--primary);font-size:24px}.portfolio-card{border-top:4px solid var(--primary)}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.roadmap-item{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px}.roadmap-item strong{font-size:25px;color:var(--primary);display:block}.featured-article{display:grid;grid-template-columns:1.15fr .85fr}.featured-img{min-height:390px;background:#dfeafa}.featured-img img{width:100%;height:100%;object-fit:cover}.featured-content{padding:40px;display:flex;flex-direction:column;justify-content:center}.featured-content h2{font-size:36px;line-height:1.22;margin:10px 0 15px}.article-meta{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.read-more{font-weight:700;color:var(--primary)}.article-card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--primary-deep),var(--accent));overflow:hidden}.article-card .thumb img{width:100%;height:100%;object-fit:cover}.article-card h3{font-size:19px;line-height:1.35}.page-hero{padding:72px 0;background:linear-gradient(120deg,var(--primary-deep),var(--primary));color:#fff}.page-hero h1{font-size:46px;line-height:1.15;margin:0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px;align-items:start}.entry-content{font-size:17px}.entry-content h2,.entry-content h3{color:var(--primary-deep);line-height:1.3;margin-top:34px}.entry-content a{color:var(--primary);text-decoration:underline}.single-card{background:#fff;border:1px solid var(--line);padding:36px;border-radius:22px;box-shadow:var(--shadow)}.sidebar .widget{margin-bottom:25px;border:1px solid var(--line);padding:22px;border-radius:14px;background:#fff}.sidebar .widget-title{font-size:17px;margin-top:0;color:var(--primary)}.sidebar ul{padding-left:18px}.pagination{margin-top:38px}.nav-links.pagination{display:flex;gap:8px}.page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:8px}.page-numbers.current{background:var(--primary);color:white}.search-form{display:flex}.search-field{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px 0 0 10px}.search-submit{border:0;background:var(--primary);color:#fff;padding:0 16px;border-radius:0 10px 10px 0}.contact-form input,.contact-form textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;margin-bottom:13px;font:inherit}.notice{padding:12px 15px;background:#e8f7ee;border-radius:10px;margin-bottom:15px}.tag-list a{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:5px 10px;margin:3px;font-size:12px}.wp-block-image img{border-radius:14px}.site-footer{background:var(--primary-deep);color:#dbe9ff;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer h3,.site-footer h4{color:#fff}.site-footer ul{list-style:none;padding:0}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:20px;font-size:13px;color:#adc6eb}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line)}.main-nav.open{display:block}.main-nav ul{display:block;padding:18px}.main-nav li{padding:9px 0}.menu-toggle{display:block}.about-grid,.contact-grid,.content-layout,.featured-article{grid-template-columns:1fr}.grid-4,.roadmap{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr);margin-top:20px}.featured-article .featured-img{min-height:280px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid-3,.grid-4,.roadmap,.stats,.footer-grid{grid-template-columns:1fr}.section{padding:62px 0}.section-head{display:block}.hero{min-height:590px}.btn-outline{margin:8px 0 0}.page-hero h1{font-size:36px}.featured-content{padding:28px}.featured-content h2{font-size:29px}}