/*
Theme Name: MagZone
Theme URI: https://example.com/magzone
Author: MagZone
Description: Tema WordPress magazine modern dan responsif untuk blog berita, bisnis, informasi, dan personal blog. Dilengkapi area artikel unggulan, daftar artikel terbaru, kategori pilihan, sidebar populer, dan footer widget.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: magzone
*/
:root{--mz-primary:#087f8c;--mz-primary-dark:#06636d;--mz-accent:#f2a541;--mz-ink:#17212b;--mz-muted:#64727e;--mz-bg:#f3f7f7;--mz-card:#fff;--mz-line:#e4ebeb;--mz-soft:#e3f2f1;--mz-radius:10px;--mz-shadow:0 5px 22px rgba(21,49,56,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--mz-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:var(--mz-primary);text-decoration:none}a:hover{color:var(--mz-primary-dark)}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.site-container{width:min(1200px,calc(100% - 44px));margin-inline:auto}.site-header{background:#fff;border-bottom:1px solid var(--mz-line);position:relative;z-index:10}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-branding{display:flex;align-items:center;gap:10px;min-width:180px}.custom-logo{max-height:48px;width:auto}.site-title{font-size:23px;line-height:1.15;font-weight:800;letter-spacing:-.6px;margin:0;color:var(--mz-ink)}.site-title a{color:inherit}.site-description{font-size:11px;color:var(--mz-muted);margin:3px 0 0}.main-navigation{margin-left:auto}.main-navigation ul{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}.main-navigation a{color:#1b2831;font-size:15px;font-weight:500}.main-navigation a:hover{color:var(--mz-primary)}.header-tools{display:flex;align-items:center;gap:14px}.search-toggle{border:0;background:none;color:var(--mz-ink);font-size:21px;cursor:pointer;padding:7px}.mobile-toggle{display:none;border:0;background:var(--mz-soft);border-radius:7px;padding:8px 11px;color:var(--mz-ink);font-size:20px}.search-panel{display:none;padding:0 0 15px}.search-panel.is-open{display:block}.search-panel form{display:flex;max-width:460px;margin-left:auto}.search-panel input{width:100%;border:1px solid var(--mz-line);padding:10px 13px;border-radius:7px 0 0 7px}.search-panel button{background:var(--mz-primary);color:white;border:0;padding:0 17px;border-radius:0 7px 7px 0}
.hero-section{padding:27px 0 30px;background:var(--mz-soft)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.95fr);gap:30px;align-items:center}.featured-main{min-width:0}.featured-image{width:100%;height:300px;object-fit:cover;border-radius:var(--mz-radius);background:#dbe5e5}.category-tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 7px}.category-tags a{display:inline-block;background:#d3e8e7;color:var(--mz-primary-dark);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.featured-main h1{font-size:27px;line-height:1.25;letter-spacing:-.45px;margin:0 0 7px;font-weight:800;color:#101a21}.post-meta{font-size:12px;color:var(--mz-muted);display:flex;gap:7px;align-items:center}.post-meta a{font-weight:700;color:inherit}.post-excerpt{font-size:15px;line-height:1.55;margin:10px 0 0;color:#33434c}.hero-list{display:flex;flex-direction:column;gap:18px}.hero-list-item{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:start}.hero-list-item img{width:70px;height:70px;object-fit:cover;border-radius:7px;background:#dbe5e5}.hero-list-item h3{font-size:16px;line-height:1.35;margin:0 0 7px;font-weight:750}.hero-list-item .post-meta{font-size:11px}
.content-section{padding:38px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:25px;line-height:1.2;margin:0;font-weight:800}.section-heading a{font-size:13px;font-weight:700;border:1px solid currentColor;border-radius:22px;padding:7px 15px}.category-showcase{background:var(--mz-primary);color:#fff;padding:32px 0 38px;position:relative;overflow:hidden}.category-showcase:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-80px;height:170px;background:rgba(255,255,255,.06);border-radius:50%}.category-showcase .site-container{position:relative}.category-showcase .section-heading a{color:#fff}.category-showcase .section-heading h2{color:#fff}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{background:#fff;color:var(--mz-ink);border-radius:9px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08)}.category-card img{width:100%;height:160px;object-fit:cover;background:#dce4e4}.category-card-body{padding:13px 16px 17px}.category-card time{font-size:12px;color:var(--mz-muted)}.category-card h3{font-size:18px;line-height:1.3;margin:5px 0 12px;font-weight:800}.category-card .post-meta{font-size:11px}
.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;padding:38px 0}.post-list{display:flex;flex-direction:column;gap:24px}.post-list-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:17px;align-items:start}.post-list-item> a img{width:190px;height:135px;object-fit:cover;border-radius:7px;background:#e5eded}.post-list-item h2{font-size:19px;line-height:1.35;margin:0 0 6px;font-weight:800}.post-list-item .category-tags{margin:0 0 7px}.post-list-item .category-tags a{font-size:10px;padding:3px 9px}.post-list-item .post-excerpt{font-size:13px;line-height:1.5;margin:7px 0 0}.sidebar-widget{background:#e2efdf;border-radius:9px;padding:18px 17px;margin-bottom:22px}.sidebar-widget h2,.sidebar-widget h3{font-size:18px;margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid rgba(30,70,45,.18);font-weight:800}.popular-list{list-style:none;padding:0;margin:0;counter-reset:popular}.popular-list li{counter-increment:popular;display:grid;grid-template-columns:34px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid rgba(30,70,45,.15);align-items:start}.popular-list li:last-child{border-bottom:0}.popular-list li:before{content:"#" counter(popular);font-size:19px;line-height:1.2;color:var(--mz-primary);font-weight:800}.popular-list a{color:#15222a;font-size:13px;line-height:1.45;font-weight:600}.widget-area .widget{margin-bottom:22px}.widget-area .widget-title{font-size:18px}
.page-header{padding:30px 0 0}.page-header h1{font-size:28px;margin:0;font-weight:800}.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;padding:28px 0 45px}.single-post .entry-title{font-size:29px;line-height:1.25;margin:0 0 8px;font-weight:800;letter-spacing:-.4px}.single-post .featured-image{height:auto;max-height:430px;margin:17px 0 18px}.entry-content{font-size:16px;line-height:1.8;color:#26343c}.entry-content h2{font-size:24px;line-height:1.3;margin:30px 0 12px}.entry-content h3{font-size:20px;margin:24px 0 10px}.entry-content p{margin:0 0 18px}.entry-content ul,.entry-content ol{padding-left:24px;margin:0 0 20px}.entry-content blockquote{border-left:4px solid var(--mz-primary);margin:22px 0;padding:12px 18px;background:var(--mz-soft)}.entry-content img{border-radius:7px}.entry-footer{border-top:1px solid var(--mz-line);padding-top:18px;margin-top:28px}.pagination{margin-top:28px}.pagination .nav-links{display:flex;gap:7px;flex-wrap:wrap}.page-numbers{padding:7px 12px;border:1px solid var(--mz-line);border-radius:6px}.page-numbers.current{background:var(--mz-primary);color:white;border-color:var(--mz-primary)}
.site-footer{background:#f5f8f8;padding:36px 0 0;border-top:1px solid var(--mz-line)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-bottom:30px}.footer-brand .site-title{font-size:20px}.footer-description{font-size:13px;line-height:1.5;color:#39474e;max-width:340px;margin:12px 0}.footer-badge{display:inline-flex;margin:6px 0 10px;padding:8px 12px;border:2px solid var(--mz-accent);border-radius:50px;color:#9a651e;font-size:11px;font-weight:800}.social-links{display:flex;gap:9px;margin-top:10px}.social-links a{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#17212b;color:#fff;font-size:12px;font-weight:700}.footer-column h3{font-size:17px;margin:0 0 10px}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column li{margin:3px 0}.footer-column a{font-size:13px;color:#29343a}.footer-bottom{border-top:1px solid var(--mz-line);padding:15px 0;text-align:center;font-size:12px;color:var(--mz-muted)}.footer-bottom a{color:var(--mz-primary)}
.no-results{padding:25px;background:var(--mz-bg);border-radius:8px}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.alignwide{max-width:1100px;margin-inline:auto}.alignfull{width:100%;margin-inline:0}
@media(max-width:900px){.main-navigation ul{gap:18px}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:20px}.featured-image{height:260px}.category-grid{grid-template-columns:repeat(2,1fr)}.main-layout,.single-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.footer-grid{gap:25px}}
@media(max-width:700px){.site-container{width:min(100% - 28px,600px)}.header-inner{min-height:66px;gap:10px}.site-title{font-size:20px}.site-description{display:none}.mobile-toggle{display:block}.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--mz-line);box-shadow:var(--mz-shadow);padding:12px 20px}.main-navigation.is-open{display:block}.main-navigation ul{display:flex;align-items:stretch;flex-direction:column;gap:0}.main-navigation li{border-bottom:1px solid var(--mz-line);padding:9px 0}.main-navigation li:last-child{border:0}.header-tools{gap:5px}.hero-section{padding:18px 0 22px}.hero-grid{grid-template-columns:1fr;gap:22px}.featured-image{height:220px}.featured-main h1{font-size:23px}.hero-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hero-list-item{grid-template-columns:58px 1fr;gap:9px}.hero-list-item img{width:58px;height:58px}.hero-list-item h3{font-size:13px}.hero-list-item .post-meta{font-size:10px}.content-section{padding:27px 0}.section-heading h2{font-size:22px}.category-showcase{padding:25px 0 30px}.category-grid{gap:12px}.category-card img{height:120px}.category-card-body{padding:10px}.category-card h3{font-size:15px}.main-layout,.single-layout{grid-template-columns:1fr;padding:26px 0;gap:25px}.post-list-item{grid-template-columns:120px minmax(0,1fr);gap:12px}.post-list-item>a img{width:120px;height:100px}.post-list-item h2{font-size:16px}.post-list-item .post-excerpt{font-size:12px}.single-post .entry-title{font-size:24px}.single-post .featured-image{height:auto}.entry-content{font-size:15px}.entry-content h2{font-size:21px}.sidebar{display:grid;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-brand{grid-column:1/-1}.footer-description{max-width:100%}}
@media(max-width:390px){.hero-list{grid-template-columns:1fr}.category-card img{height:100px}.post-list-item{grid-template-columns:100px minmax(0,1fr)}.post-list-item>a img{width:100px;height:90px}.post-list-item h2{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr}}