/* ============================================
   نور البصائر — Main Stylesheet v4.0
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Aref+Ruqaa:wght@400;700&family=Alyamama&display=swap');

/* ─── Variables ─── */
:root {
  --primary:       #054239;
  --primary-hover: #065a4e;
  --accent:        #428177;
  --gold:          #b9a779;
  --gold-dark:     #988561;
  --gold-light:    #d4c49a;
  --bg:            #f0ede2;
  --bg2:           #e8e4d6;
  --white:         #ffffff;
  --text:          #1a2e2b;
  --text-light:    #5a7470;
  --border:        rgba(5,66,57,.1);
  --border-gold:   rgba(185,167,121,.35);
  --shadow-sm:     0 2px 8px rgba(5,66,57,.07);
  --shadow-md:     0 8px 24px rgba(5,66,57,.12);
  --shadow-lg:     0 20px 48px rgba(5,66,57,.18);
  --radius-sm:     10px;
  --radius-md:     16px;
  --radius-lg:     24px;
  --radius-xl:     36px;
  --transition:    .3s cubic-bezier(.4,0,.2,1);
  --navbar-h:      68px;
}

/* ─── Reset ─── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Tajawal',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;direction:rtl;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;font-family:'Tajawal',sans-serif;}

/* ─── Navbar ─── */
.navbar{position:sticky;top:0;z-index:500;height:var(--navbar-h);background:rgba(240,237,226,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-gold);}
.navbar-inner{max-width:1400px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{font-family:'Alyamama','Alyamama',serif;font-size:1.75rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.4rem;}
.nav-logo-star{color:var(--gold);}
.nav-links{display:flex;align-items:center;gap:.3rem;}
.nav-links a{padding:.42rem .95rem;border-radius:50px;font-size:.9rem;font-weight:500;color:var(--text-light);transition:var(--transition);}
.nav-links a:hover{background:rgba(5,66,57,.08);color:var(--primary);}
.nav-links a.active{background:var(--primary);color:white;}
.nav-links .btn-admin{background:var(--gold);color:var(--primary);font-weight:700;margin-right:.3rem;}
.nav-links .btn-admin:hover{background:var(--gold-dark);}
.nav-hamburger{display:none;background:none;border:none;font-size:1.4rem;color:var(--primary);padding:.3rem;}

/* ─── Hero v2 ─── */
.hero-v2{background:linear-gradient(135deg,var(--primary) 0%,#0a6b5c 55%,var(--accent) 100%);padding:4rem 2rem 5rem;position:relative;overflow:hidden;}
.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(185,167,121,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.04) 0%,transparent 40%);pointer-events:none;}
.hero-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:center;position:relative;z-index:1;}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(185,167,121,.18);border:1px solid rgba(185,167,121,.35);color:var(--gold-light);padding:.4rem 1.2rem;border-radius:50px;font-size:.82rem;margin-bottom:1.2rem;}
.hero-title{font-family:'Alyamama','Alyamama',serif;font-size:clamp(2.2rem,5vw,3.4rem);color:white;line-height:1.3;margin-bottom:1rem;}
.hero-em{color:var(--gold-light);font-style:normal;}
.hero-sub{color:rgba(255,255,255,.7);font-size:1rem;margin-bottom:1.6rem;max-width:520px;line-height:1.7;}
.search-bar{display:flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:50px;overflow:hidden;backdrop-filter:blur(8px);margin-bottom:1.5rem;}
.search-input{flex:1;background:none;border:none;outline:none;padding:.75rem 1.4rem;font-family:'Tajawal',sans-serif;font-size:.95rem;color:white;direction:rtl;}
.search-input::placeholder{color:rgba(255,255,255,.5);}
.search-btn{background:var(--gold);color:var(--primary);border:none;padding:.75rem 1.6rem;font-family:'Tajawal',sans-serif;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.4rem;transition:var(--transition);white-space:nowrap;}
.search-btn:hover{background:var(--gold-dark);}

/* Type pills in hero */
.hero-type-pills{display:flex;gap:.5rem;flex-wrap:wrap;}
.type-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem 1rem;border-radius:50px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);font-size:.8rem;font-weight:600;transition:var(--transition);}
.type-pill:hover,.type-pill.active{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.4);color:white;}
.type-pill.active{background:var(--gold);border-color:var(--gold);color:var(--primary);}
.type-pill em{background:rgba(0,0,0,.2);border-radius:50px;padding:.05rem .45rem;font-style:normal;font-size:.72rem;}
.type-pill.active em{background:rgba(5,66,57,.2);}

/* Hero Stats Card */
.hero-stats-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);padding:1.6rem;backdrop-filter:blur(12px);}
.hsc-title{color:rgba(255,255,255,.6);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem;margin-bottom:1.1rem;}
.hsc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1rem;}
.hsc-item{background:rgba(255,255,255,.08);border-radius:12px;padding:.9rem .8rem;text-align:center;}
.hsc-num{font-size:1.9rem;font-weight:900;color:white;line-height:1;}
.hsc-lbl{font-size:.72rem;color:rgba(255,255,255,.55);margin-top:.2rem;}
.hsc-comp-link{display:flex;align-items:center;gap:.8rem;background:rgba(185,167,121,.18);border:1px solid rgba(185,167,121,.3);border-radius:12px;padding:.8rem 1rem;color:var(--gold-light);transition:var(--transition);}
.hsc-comp-link:hover{background:rgba(185,167,121,.28);}

/* ─── Container ─── */
.container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;}

/* ─── Filter Bar v2 ─── */
.filter-bar-v2{background:var(--white);border-radius:var(--radius-lg);padding:1rem 1.4rem;margin-bottom:1.5rem;border:1px solid var(--border-gold);box-shadow:var(--shadow-sm);}
.fb-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.fb-tags-row{border-top:1px solid var(--border-gold);padding-top:.75rem;margin-top:.7rem;}
.filter-label{font-size:.78rem;font-weight:700;color:var(--text-light);white-space:nowrap;}
.filter-chips{display:flex;gap:.35rem;flex-wrap:wrap;}
.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .85rem;border-radius:50px;border:1.5px solid var(--border-gold);font-size:.78rem;font-weight:600;color:var(--text-light);transition:var(--transition);}
.chip:hover{border-color:var(--accent);color:var(--primary);}
.chip.active{background:var(--primary);color:white;border-color:var(--primary);}
.filter-divider{width:1px;height:22px;background:var(--border-gold);flex-shrink:0;}
.filter-select{padding:.32rem .9rem;border:1.5px solid var(--border-gold);border-radius:50px;background:white;font-family:'Tajawal',sans-serif;font-size:.78rem;color:var(--text);cursor:pointer;outline:none;}
.filter-reset{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-light);text-decoration:none;padding:.25rem .7rem;border-radius:50px;transition:var(--transition);}
.filter-reset:hover{background:#fee2e2;color:#dc2626;}

/* Tag Strip */
.tags-strip{display:flex;gap:.35rem;flex-wrap:wrap;}
.tag-strip-pill{display:inline-flex;align-items:center;padding:.22rem .7rem;border-radius:50px;font-size:.73rem;font-weight:600;border:1.5px solid var(--tc,var(--border-gold));color:var(--tc,var(--text-light));transition:var(--transition);}
.tag-strip-pill:hover,.tag-strip-pill.active{background:var(--tc);color:white;}

/* ─── Section Headers ─── */
.section-head{display:flex;align-items:center;justify-content:space-between;margin:2rem 0 1rem;}
.section-head h2{font-family:'Alyamama','Alyamama',serif;font-size:1.6rem;color:var(--primary);display:flex;align-items:center;gap:.6rem;}
.section-see-all{font-size:.82rem;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:.3rem;transition:var(--transition);}
.section-see-all:hover{color:var(--primary);}
.sec-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;}
.sec-icon-notable{background:#fef3c7;color:#d97706;}
.sec-icon-org{background:#dcfce7;color:#059669;}
.sec-icon-person{background:#dbeafe;color:#2563eb;}
.sec-icon-platform{background:#f3e8ff;color:#9333ea;}

/* ─── Results Header ─── */
.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;padding:.6rem 0;}
.results-title{font-family:'Alyamama','Alyamama',serif;font-size:1.5rem;color:var(--primary);}
.results-count{font-size:.82rem;color:var(--text-light);background:var(--bg2);padding:.28rem .85rem;border-radius:50px;}

/* ─── Creator Cards Grid v2 ─── */
.creators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem;margin-bottom:1.5rem;}
.creators-grid-wide{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));}

.creator-card-v2{background:var(--white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-gold);transition:var(--transition);display:flex;flex-direction:column;}
.creator-card-v2:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--accent);}

.card-img{height:190px;background-size:cover;background-position:center;background-color:var(--bg2);position:relative;}
.card-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,66,57,.75) 0%,rgba(5,66,57,.1) 55%,transparent 100%);}
.card-badges{position:absolute;top:.6rem;right:.6rem;display:flex;gap:.3rem;flex-wrap:wrap;}
.badge{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .6rem;border-radius:50px;font-size:.7rem;font-weight:700;backdrop-filter:blur(4px);}
.badge-featured{background:var(--gold);color:var(--primary);}
.card-img-name{position:absolute;bottom:.7rem;right:.8rem;left:.8rem;color:white;font-size:.95rem;font-weight:700;font-family:'Alyamama','Alyamama',serif;text-shadow:0 1px 4px rgba(0,0,0,.4);line-height:1.3;}

.card-body{padding:1rem 1.1rem;flex:1;display:flex;flex-direction:column;gap:.45rem;}
.card-name{font-size:1rem;font-weight:800;color:var(--primary);line-height:1.3;}
.card-meta-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;}
.card-cat{font-size:.72rem;color:var(--accent);display:flex;align-items:center;gap:.25rem;}
.card-bio{font-size:.78rem;color:var(--text-light);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:auto;}
.card-tags{display:flex;gap:.3rem;flex-wrap:wrap;}
.card-tag{font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:50px;border:1px solid transparent;}
.card-socials{display:flex;gap:.35rem;margin-top:.2rem;}
.social-dot{width:26px;height:26px;border-radius:8px;background:var(--bg2);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-light);transition:var(--transition);}
.creator-card-v2:hover .social-dot{background:var(--primary);color:white;}

/* ─── Competition CTA Banner ─── */
.comp-cta-banner{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:var(--radius-xl);padding:2.5rem 2rem;margin:2.5rem 0;position:relative;overflow:hidden;color:white;}
.ccb-glow{position:absolute;top:-60%;left:30%;width:500px;height:500px;background:radial-gradient(circle,rgba(185,167,121,.15) 0%,transparent 60%);pointer-events:none;}
.ccb-content{position:relative;z-index:1;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.ccb-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;}
.ccb-label{font-size:.72rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;}
.ccb-text h3{font-family:'Alyamama','Alyamama',serif;font-size:1.5rem;margin-bottom:.25rem;}
.ccb-text p{font-size:.85rem;color:rgba(255,255,255,.55);}
.ccb-btn{margin-right:auto;display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:var(--primary);padding:.8rem 1.8rem;border-radius:50px;font-weight:700;font-size:.9rem;transition:var(--transition);}
.ccb-btn:hover{background:var(--gold-dark);transform:translateY(-2px);}

/* ─── Pagination ─── */
.pagination{display:flex;justify-content:center;gap:.4rem;margin:1.5rem 0;}
.pag-btn{min-width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;border:1.5px solid var(--border-gold);color:var(--text-light);transition:var(--transition);}
.pag-btn:hover{border-color:var(--accent);color:var(--primary);}
.pag-btn.active{background:var(--primary);color:white;border-color:var(--primary);}
.pag-dots{display:inline-flex;align-items:flex-end;padding:0 .3rem;font-size:.85rem;color:var(--text-light);}

/* ─── Sidebar Layout ─── */
.main-with-sidebar{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start;}
.sticky-ad{position:sticky;top:calc(var(--navbar-h) + 1rem);}

/* ─── Ads ─── */
.ad-banner{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px dashed var(--border-gold);background:var(--white);}
.ad-banner a{display:block;width:100%;}
.ad-banner img{width:100%;display:block;object-fit:cover;}
.ad-top{margin-bottom:0;}
.ad-mid{margin:1.5rem 0;}
.ad-bottom{margin:1.5rem 0;}
.ad-sidebar{margin-bottom:1rem;}
.ad-text-wrap{padding:1.5rem;display:flex;flex-direction:column;gap:.4rem;text-align:center;}
.ad-text-wrap strong{font-size:1rem;color:var(--primary);}
.ad-text-wrap span{font-size:.82rem;color:var(--text-light);}
.ad-label{position:absolute;top:6px;left:8px;font-size:.6rem;color:var(--text-light);background:var(--bg2);padding:.1rem .4rem;border-radius:4px;font-weight:600;letter-spacing:.04em;opacity:.7;}

/* ─── CTA Banner ─── */
.cta-banner{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-xl);padding:3rem 2.5rem;text-align:center;color:white;margin:2rem 0 1rem;position:relative;overflow:hidden;}
.cta-banner::before{content:'✦';position:absolute;bottom:-40px;left:2%;font-size:180px;line-height:1;color:rgba(255,255,255,.03);font-family:'Alyamama','Alyamama',serif;}
.cta-icon{font-size:2.5rem;color:var(--gold);display:block;margin-bottom:1rem;}
.cta-banner h3{font-family:'Alyamama','Alyamama',serif;font-size:1.8rem;margin-bottom:.7rem;}
.cta-banner p{color:rgba(255,255,255,.7);max-width:500px;margin:0 auto 1.8rem;font-size:1rem;}

/* ─── Buttons ─── */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.6rem;border-radius:50px;font-family:'Tajawal',sans-serif;font-size:.9rem;font-weight:700;transition:var(--transition);border:2px solid transparent;cursor:pointer;}
.btn-primary{background:var(--primary);color:white;}
.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.btn-outline{background:transparent;color:var(--primary);border-color:var(--border-gold);}
.btn-outline:hover{border-color:var(--primary);background:var(--primary);color:white;}
.btn-gold{background:var(--gold);color:var(--primary);}
.btn-gold:hover{background:var(--gold-dark);}
.btn-lg{padding:.9rem 2.2rem;font-size:1.05rem;}
.btn-sm{padding:.35rem 1rem;font-size:.8rem;}

/* ─── Empty State ─── */
.empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:var(--text-light);}
.empty-state i{font-size:3rem;color:var(--gold);display:block;margin-bottom:1rem;}

/* ─── Footer ─── */
.footer{background:var(--primary);color:rgba(255,255,255,.8);padding:3rem 2rem 0;}
.footer-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;}
.footer-brand h3{font-family:'Alyamama','Alyamama',serif;font-size:1.6rem;color:white;margin-bottom:.8rem;}
.footer-brand p{font-size:.85rem;color:rgba(255,255,255,.5);line-height:1.7;}
.footer-social{display:flex;gap:.6rem;margin-top:1.2rem;}
.footer-social a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:var(--transition);}
.footer-social a:hover{background:var(--gold);color:var(--primary);}
.footer-links-title{font-size:.75rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;}
.footer-links-list{list-style:none;}
.footer-links-list li{margin-bottom:.5rem;}
.footer-links-list a{font-size:.84rem;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:.4rem;transition:var(--transition);}
.footer-links-list a:hover{color:var(--gold-light);}
.footer-bottom{max-width:1400px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08);padding:1rem 0;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:rgba(255,255,255,.35);margin-top:2rem;}
.footer-bottom a{color:rgba(255,255,255,.35);transition:var(--transition);}
.footer-bottom a:hover{color:var(--gold-light);}

/* ─── Responsive ─── */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;}.hero-stats-card{display:none;}
  .main-with-sidebar{grid-template-columns:1fr;}.sidebar-col{display:none;}
  .footer-inner{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .hero-v2{padding:2.5rem 1.2rem 3rem;}
  .container{padding:1rem 1.2rem;}
  .creators-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem;}
  .card-img{height:155px;}
  .nav-links{display:none;position:fixed;top:var(--navbar-h);inset-inline:0;background:var(--bg);padding:1.2rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--border-gold);box-shadow:var(--shadow-md);}
  .nav-links.open{display:flex;}
  .nav-hamburger{display:block;}
  .footer-inner{grid-template-columns:1fr;}
  .ccb-content{flex-direction:column;text-align:center;}.ccb-btn{margin-right:0;}
  .hero-type-pills{gap:.35rem;}
  .type-pill{font-size:.72rem;padding:.3rem .75rem;}
}
@media(max-width:480px){
  .creators-grid{grid-template-columns:repeat(2,1fr);}
  .fb-row{gap:.4rem;}
}

/* ─── Sponsors Strip ─── */
.sponsors-strip{background:var(--white);border-top:1px solid var(--border-gold);border-bottom:1px solid var(--border-gold);padding:.9rem 2rem;}
.sponsors-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;}
.sponsors-label{font-size:.72rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0;}
.sponsors-logos{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.sp-item{display:flex;align-items:center;padding:.3rem .8rem;border-radius:8px;border:1px solid var(--border-gold);background:var(--bg);transition:var(--transition);}
.sp-item:hover{border-color:var(--gold);box-shadow:var(--shadow-sm);}
.sp-item img{height:26px;max-width:90px;object-fit:contain;}
.sp-item span{font-size:.78rem;font-weight:600;color:var(--text);}