/*
Theme Name: Marokko.chat
Theme URI: https://marokko.chat/
Author: Marokko.chat
Description: Moderne Marokkaanse community- en nieuwssite, gebouwd voor de Marokko.chat homepage.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: marokkochat
*/
:root{
 --green:#00483f;--green2:#00685c;--red:#d7192e;--cream:#f7f1e6;--gold:#caa35b;--ink:#18231f;
 --white:#fff;--muted:#6b756f;--border:#e8e1d7;--shadow:0 8px 28px rgba(25,37,31,.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#faf9f6;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.topbar{background:var(--cream);border-bottom:1px solid var(--border);font-size:13px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between}
.site-header{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.header-main{display:flex;align-items:center;gap:22px;padding:13px 0}.brand{display:flex;align-items:center;gap:10px;min-width:250px}.brand-mark{width:45px;height:45px;border:3px solid var(--red);transform:rotate(45deg);display:grid;place-items:center}.brand-mark span{transform:rotate(-45deg);font-weight:900;color:var(--green);font-size:19px}.brand-name{font:700 28px Georgia,serif}.brand-name em{color:var(--red);font-style:normal}.tagline{font-size:11px;color:var(--green);font-weight:700}
.search{flex:1;position:relative}.search input{width:100%;border:1px solid #ddd;border-radius:30px;padding:13px 45px 13px 18px}.search button{position:absolute;right:6px;top:5px;border:0;background:var(--cream);border-radius:50%;width:34px;height:34px}
.header-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.btn-red{background:var(--red);color:#fff}.btn-outline{border:1px solid var(--border);background:#fff}.chat-btn{border-radius:9px;padding:13px 20px}
.nav{background:var(--green);color:#fff}.nav .container{display:flex;align-items:center;gap:5px}.nav a{padding:13px 14px;font-size:14px;font-weight:700}.nav a:hover{background:rgba(255,255,255,.08)}.mobile-toggle{display:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(300px,.9fr);gap:16px;margin:18px 0}.hero{min-height:365px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.05)),url('assets/images/hero.jpg') center/cover;display:flex;align-items:flex-end;color:#fff;padding:36px}.hero h1{font:700 clamp(38px,5vw,62px)/.98 Georgia,serif;margin:0 0 14px;max-width:700px}.hero p{font-size:18px;max-width:650px}.hero .checks{display:flex;gap:18px;margin-top:18px;font-size:13px;font-weight:700}.check:before{content:'✓';background:#15936d;border-radius:50%;padding:2px 6px;margin-right:6px}.poll{background:#fff;border:1px solid var(--border);border-radius:8px;padding:22px;box-shadow:var(--shadow)}.poll h2{margin:0 0 10px;font:700 23px Georgia,serif}.poll-option{display:block;border:1px solid var(--border);border-radius:20px;padding:9px 12px;margin:8px 0}.poll-actions{display:flex;gap:10px;margin-top:14px}
.ad{background:#f1eadf;border:1px solid #e4dacb;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8b8176;min-height:90px;overflow:hidden}.ad small{display:block}.ad-728{min-height:90px;margin:14px 0}.ad-300{min-height:250px}.ad-336{min-height:280px}.ad-600{min-height:600px}
.main-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(280px,.75fr);gap:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.section-title h2{font:700 25px Georgia,serif;margin:0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.04)}.card-img{height:170px;background-size:cover;background-position:center}.card-body{padding:14px}.pill{display:inline-block;background:var(--red);color:#fff;padding:5px 9px;border-radius:14px;font-size:11px;font-weight:800}.card h3{font:700 18px/1.2 Georgia,serif;margin:10px 0 6px}.meta{font-size:12px;color:var(--muted)}
.most-read{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px}.most-read h3{margin:0 0 10px;font:700 20px Georgia,serif}.rank{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.rank b{font-size:22px;color:var(--red)}
.chat-community{margin-top:16px;min-height:190px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15)),url('assets/images/chat-community.jpg') center/cover;color:#fff;padding:26px;display:flex;align-items:center}.chat-community h2{font:700 32px Georgia,serif;margin:0 0 8px}.chat-community p{max-width:570px}.lost{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px}.lost h2{font:700 22px Georgia,serif;margin:0 0 6px}.avatars{display:flex;margin:12px 0}.avatar{width:38px;height:38px;border-radius:50%;border:3px solid #fff;margin-left:-7px;background:#ddd}.avatar:first-child{margin-left:0}
.newsletter{margin-top:22px;background:var(--green);color:#fff;padding:28px 0}.newsletter .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.newsletter h2{font:700 28px Georgia,serif;margin:0}.newsletter form{display:flex;min-width:480px}.newsletter input{flex:1;padding:13px;border:0;border-radius:7px 0 0 7px}.newsletter button{border:0;background:var(--red);color:#fff;padding:0 22px;font-weight:800;border-radius:0 7px 7px 0}
.footer{background:#fff;padding:35px 0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h3{font-size:15px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0;font-size:14px;color:#5f6863}.copyright{border-top:1px solid var(--border);margin-top:25px;padding-top:15px;font-size:12px;color:#777}
.account-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;max-width:560px;margin:40px auto;box-shadow:var(--shadow)}.account-card input{width:100%;padding:12px;margin:6px 0 12px;border:1px solid var(--border);border-radius:7px}
@media(max-width:900px){.header-main{gap:10px}.brand{min-width:auto}.search,.header-actions .btn-outline{display:none}.mobile-toggle{display:block;background:none;border:0;font-size:24px}.nav{display:none}.nav.open{display:block}.nav .container{flex-direction:column;align-items:stretch}.hero-grid,.main-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr 1fr}.newsletter .container{flex-direction:column;align-items:stretch}.newsletter form{min-width:0}.ad-600{display:none}}
@media(max-width:560px){.container{width:min(100% - 20px,1180px)}.topbar{display:none}.header-main{padding:9px 0}.brand-name{font-size:21px}.brand-mark{width:36px;height:36px}.hero{min-height:430px;padding:22px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero .checks{gap:7px;flex-wrap:wrap}.news-grid{grid-template-columns:1fr}.card-img{height:190px}.poll{padding:17px}.chat-community{min-height:270px}.chat-community h2{font-size:28px}.newsletter{padding:22px 0}.footer-grid{grid-template-columns:1fr 1fr}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:50;justify-content:space-around;padding:7px}.bottom-nav a{font-size:11px;text-align:center}.bottom-nav a.active{color:var(--red);font-weight:800}}