/*
Theme Name: Mirouch
Author: Mirouch
Description: قالب عربي خفيف لموقع Mirouch.
Version: 1.0
Text Domain: mirouch
*/
:root{--red:#d71920;--dark:#111827;--bg:#f5f6f8;--line:#e5e7eb;--max:1200px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#171717;font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.9}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}
.container{width:min(var(--max),calc(100% - 32px));margin:auto}.top{background:#111;color:#fff;font-size:13px;padding:7px 0}.brand{background:#fff;border-bottom:1px solid var(--line)}.brand .container{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.logo{font-size:38px;font-weight:900}.logo span{color:var(--red)}.tag{font-size:13px;color:#777}
.nav{background:#fff;border-bottom:1px solid var(--line)}.nav .container{display:flex;gap:8px;overflow:auto}.nav a{padding:13px 15px;font-weight:800;white-space:nowrap}.nav a:hover{color:var(--red)}
.hero{margin:28px 0;position:relative;min-height:340px;border-radius:18px;overflow:hidden;background:#111;color:#fff}.hero img{width:100%;height:340px;object-fit:cover;opacity:.7}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent)}.hero .text{position:absolute;z-index:2;bottom:25px;right:30px;left:30px}.badge{background:var(--red);padding:4px 10px;border-radius:6px;font-size:12px}.hero h1{font-size:36px;line-height:1.4;margin:10px 0}
.head{display:flex;justify-content:space-between;align-items:center;border-right:4px solid var(--red);padding-right:12px;margin:28px 0 15px}.head h2{margin:0}.head a{color:var(--red);font-weight:800}
.cats,.grid{display:grid;gap:16px}.cats{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.cat,.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.cat{text-align:center;padding:22px;font-weight:800}.cat .icon{font-size:30px}.thumb{aspect-ratio:16/9;background:#eee}.thumb img{width:100%;height:100%;object-fit:cover}.body{padding:15px}.card h3{font-size:19px;line-height:1.5;margin:7px 0}.meta{font-size:12px;color:#777}
.wrap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;margin:30px auto}.article,.side{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.title{font-size:38px;line-height:1.4}.article-content{font-size:18px}.article-content img{border-radius:12px;margin:20px auto}
.footer{background:#111827;color:#d1d5db;margin-top:45px}.footer .container{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding:40px 0}.footer h3{color:#fff}.copy{text-align:center;border-top:1px solid #293344;padding:14px;font-size:13px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.wrap{grid-template-columns:1fr}.footer .container{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:calc(100% - 20px)}.logo{font-size:30px}.tag{display:none}.hero{min-height:270px}.hero img{height:270px}.hero h1{font-size:26px}.grid{grid-template-columns:1fr}.article{padding:17px}.title{font-size:29px}.article-content{font-size:17px}.footer .container{grid-template-columns:1fr}}