/*
Theme Name: Miraj Grafika
Theme URI: https://mirajgrafika.com/
Author: Miraj Grafika
Description: Tema toko islami bernuansa maroon, emas, hijau tua, dan putih. Mendukung WooCommerce, Elementor, dan LiteSpeed Cache.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: miraj-grafika
*/
:root{--mg-maroon:#790f28;--mg-maroon-dark:#4b1f10;--mg-gold:#b78332;--mg-gold-light:#e8c77d;--mg-green:#07563e;--mg-cream:#fbf8f1;--mg-text:#3e342d;--mg-border:#e8ddc9;--mg-white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--mg-text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:var(--mg-maroon);text-decoration:none}a:hover{color:var(--mg-gold)}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.mg-container{width:min(1200px,calc(100% - 36px));margin-inline:auto}
.mg-topbar{background:var(--mg-cream);border-bottom:1px solid #eee4d4;font-size:12px;color:#77552b;padding:6px 0}.mg-header{background:#fff;position:relative;z-index:10;border-bottom:1px solid #f0e8dc}.mg-header-inner{display:flex;align-items:center;gap:28px;min-height:76px}.mg-brand{display:flex;align-items:center;gap:12px;min-width:245px}.mg-logo{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--mg-maroon);color:white;font-family:Georgia,serif;font-size:21px;border:2px solid var(--mg-gold-light);box-shadow:0 0 0 2px #fff}.mg-brand-name{font-family:Georgia,serif;font-size:24px;line-height:1.1;font-weight:bold;color:var(--mg-maroon)}.mg-tagline{font-size:11px;color:#84633b;display:block;text-align:center}.mg-nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex:1}.mg-nav a{font-size:13px;color:#4e443a;padding:27px 0;white-space:nowrap}.mg-nav a:hover,.mg-nav .current-menu-item>a{color:var(--mg-maroon);border-bottom:2px solid var(--mg-maroon)}.mg-menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--mg-maroon)}
.mg-hero{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 43%,rgba(255,255,255,.15) 100%),url('assets/images/hero-pattern.svg') right center/cover no-repeat,var(--mg-cream);min-height:340px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #f0e5d5}.mg-hero-inner{padding:44px 0;max-width:650px}.mg-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#8a5a1f;font-weight:bold;font-size:13px;letter-spacing:.04em}.mg-eyebrow:before{content:"";width:32px;height:2px;background:var(--mg-gold)}h1,h2,h3,.mg-serif{font-family:Georgia,'Times New Roman',serif} .mg-hero h1{font-size:clamp(36px,5vw,58px);line-height:.99;letter-spacing:-1.4px;color:var(--mg-maroon);margin:13px 0 18px;max-width:680px}.mg-hero p{max-width:520px;font-size:16px;margin:0 0 22px}.mg-button,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--mg-green);color:white!important;border:1px solid var(--mg-gold);border-radius:28px;padding:11px 23px;font-weight:bold;font-size:13px;cursor:pointer;transition:.2s}.mg-button:hover,.button:hover,.woocommerce a.button:hover{background:var(--mg-maroon);color:white!important;transform:translateY(-1px)}
.mg-section{padding:35px 0}.mg-section-head{text-align:center;margin:0 auto 22px;max-width:720px}.mg-section-head .mg-eyebrow{justify-content:center}.mg-section-head h2{font-size:clamp(27px,3vw,36px);color:var(--mg-maroon);margin:5px 0 2px;line-height:1.15}.mg-section-head p{margin:5px 0;color:#625a52}.mg-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mg-category-card{border:1px solid var(--mg-border);border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(70,45,20,.04)}.mg-category-art{height:185px;background:linear-gradient(135deg,#f4e5c9,#fffaf0);display:grid;place-items:center;position:relative;overflow:hidden}.mg-category-art:before{content:"۞";font-size:145px;line-height:1;color:rgba(183,131,50,.18);position:absolute}.mg-category-icon{width:76px;height:76px;border-radius:50%;background:var(--mg-gold);border:5px solid #fff;color:#fff;display:grid;place-items:center;font-size:32px;position:absolute;bottom:-12px;left:18px;box-shadow:0 3px 10px #6b461a33}.mg-category-copy{padding:25px 20px 20px}.mg-category-copy h3{font-size:21px;line-height:1.15;color:var(--mg-maroon);margin:0 0 8px}.mg-category-copy p{margin:0 0 15px;color:#625a52}
.mg-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#faf7f0;border:1px solid #eee3d2;border-radius:10px;padding:16px 20px;margin:0 auto}.mg-benefit{display:flex;align-items:center;gap:12px;padding:0 10px;border-right:1px solid #d9c29f}.mg-benefit:last-child{border:0}.mg-benefit-icon{font-size:27px;color:#94601f}.mg-benefit strong{display:block;color:#5d3519;font-size:13px}.mg-benefit small{display:block;color:#777;font-size:11px}
.mg-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mg-product-card{border:1px solid var(--mg-border);border-radius:8px;overflow:hidden;background:#fff;min-width:0;box-shadow:0 2px 8px #593c140a}.mg-product-image{aspect-ratio:1/1;background:linear-gradient(145deg,#f8f2e7,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden}.mg-product-image img{width:100%;height:100%;object-fit:cover}.mg-product-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#a77931;font-size:50px;background:radial-gradient(circle,#fff 10%,#f4e7cf 100%)}.mg-product-info{padding:11px 12px 13px}.mg-product-info h3{font:15px/1.35 Arial,sans-serif;margin:0 0 6px;color:#4b3a2b}.mg-product-info .mg-price{font-weight:bold;color:var(--mg-maroon);font-size:17px;margin:3px 0 8px}.mg-product-info .mg-button{width:100%;padding:8px 9px;font-size:12px}
.mg-promo{background:linear-gradient(90deg,#fbf6e9,#fff);border-top:1px solid #efe2cd;border-bottom:1px solid #efe2cd;padding:28px 0}.mg-promo-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.mg-promo h2{font-size:29px;line-height:1.08;color:var(--mg-maroon);margin:3px 0}.mg-promo p{max-width:330px;font-size:13px}.mg-footer{background:linear-gradient(110deg,#583013,#351d0c);color:#fff;padding:30px 0 14px}.mg-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.6fr;gap:25px}.mg-footer .mg-brand-name{color:#fff;font-size:22px}.mg-footer .mg-tagline{color:#e9d4ae;text-align:left}.mg-footer h4{margin:0 0 9px;font-size:13px;color:#f1d9a5}.mg-footer a{color:#f8eee0;font-size:12px;display:block;margin:3px 0}.mg-footer a:hover{color:#f1c66b}.mg-footer p{font-size:12px}.mg-social{display:flex;gap:8px}.mg-social a{width:29px;height:29px;border-radius:50%;background:#76502b;display:grid;place-items:center}.mg-newsletter{display:flex;gap:5px}.mg-newsletter input{min-width:0;width:100%;padding:10px;border:0;border-radius:4px;font-size:11px}.mg-newsletter button{background:var(--mg-gold);color:white;border:0;border-radius:4px;padding:0 12px}.mg-copyright{border-top:1px solid #8b6b4c;margin-top:22px;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;color:#e7d4bb}
.mg-page-title{background:var(--mg-cream);padding:36px 0;border-bottom:1px solid #eee3d2}.mg-page-title h1{color:var(--mg-maroon);font-size:40px;margin:0 0 5px}.mg-breadcrumb{font-size:12px;color:#8c6b42}.mg-content{padding:35px 0;min-height:300px}.mg-whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:9999;background:#128c55;color:#fff!important;border-radius:30px;padding:12px 18px;box-shadow:0 4px 18px #0002;font-size:13px;font-weight:bold}.mg-whatsapp-float:hover{background:#07563e}.mg-empty{padding:25px;border:1px dashed var(--mg-border);text-align:center;border-radius:8px}
.woocommerce ul.products li.product{border:1px solid var(--mg-border);padding:10px;border-radius:8px}.woocommerce ul.products li.product .price{color:var(--mg-maroon);font-weight:bold}.woocommerce div.product .product_title{color:var(--mg-maroon)}.woocommerce span.onsale{background:var(--mg-gold)}.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--mg-green);color:#fff}
@media(max-width:1000px){.mg-header-inner{gap:15px}.mg-brand{min-width:210px}.mg-brand-name{font-size:21px}.mg-nav{gap:12px}.mg-nav a{font-size:12px}.mg-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-footer-grid{grid-template-columns:repeat(3,1fr)}.mg-footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:760px){.mg-topbar{text-align:center}.mg-header-inner{min-height:68px;justify-content:space-between;flex-wrap:wrap;padding:10px 0}.mg-brand{min-width:0}.mg-logo{width:40px;height:40px;font-size:18px}.mg-brand-name{font-size:19px}.mg-menu-toggle{display:block}.mg-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:5px 0 10px}.mg-nav.is-open{display:flex}.mg-nav a{padding:10px 0;border-bottom:1px solid #f2e8d9}.mg-hero{min-height:300px;background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.82)),url('assets/images/hero-pattern.svg') center/cover}.mg-hero-inner{padding:35px 0}.mg-hero h1{font-size:39px}.mg-hero p{font-size:14px}.mg-section{padding:27px 0}.mg-category-grid{grid-template-columns:1fr;gap:14px}.mg-category-art{height:160px}.mg-benefits{grid-template-columns:repeat(2,1fr);padding:14px 10px}.mg-benefit{border-right:0;padding:8px}.mg-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mg-product-info{padding:9px}.mg-product-info h3{font-size:13px}.mg-product-info .mg-price{font-size:15px}.mg-promo-inner{align-items:flex-start;flex-direction:column}.mg-promo h2{font-size:26px}.mg-footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}.mg-footer-grid>div:first-child{grid-column:span 2}.mg-copyright{gap:10px;flex-direction:column}.mg-page-title h1{font-size:32px}}
@media(max-width:380px){.mg-product-grid{grid-template-columns:1fr 1fr}.mg-brand-name{font-size:17px}.mg-footer-grid{grid-template-columns:1fr}.mg-footer-grid>div:first-child{grid-column:auto}}