*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;background-color:#f7f5eb;color:#111827;font-family:"Tajawal","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased}
body{
background-image:
linear-gradient(to right, rgba(22,163,74,0.07) 1px, transparent 1px),
linear-gradient(to bottom, rgba(22,163,74,0.07) 1px, transparent 1px);
background-size:40px 40px;
background-position:-1px -1px;
background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
img,amp-img img{max-width:100%}
.container{max-width:1200px;margin:0 auto;width:100%;padding:0 12px}
.wrap{padding:16px 12px 32px}
/* ==== Navbar ==== */
.nav{background:#fff;border-bottom:1px solid #e5e7eb;position:relative}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;max-width:1200px;margin:0 auto}
.nav__right{display:flex;align-items:center;gap:8px}
.nav__brand{display:flex;align-items:center;gap:8px;color:#111827;font-weight:700}
.nav__brand amp-img,.nav__brand img{flex-shrink:0;border-radius:9999px;overflow:hidden;width:32px;height:32px;object-fit:cover}
.nav__brand span{font-size:1rem;color:#16a34a}
.nav__links{display:none;align-items:center;gap:18px;flex:1;justify-content:center}
.nav__links ul,.nav__links li,.nav__links-menu{list-style:none;margin:0;padding:0}
.nav__links ul,.nav__links-menu{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}
.nav__links>li{display:flex}
.nav__links a{color:#16a34a;font-size:0.9rem;font-weight:500;transition:color .2s}
.nav__links a:hover{color:#0f766e}
.nav__actions{display:flex;align-items:center;gap:8px}
.nav__btn,.nav__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9999px;background:#f3f4f6;color:#374151;font-size:16px;line-height:1;font-weight:600;border:0;padding:0;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.nav__btn:focus,.nav__menu-toggle:focus,.nav__btn:active,.nav__menu-toggle:active,.nav__btn:focus-visible,.nav__menu-toggle:focus-visible{outline:none;box-shadow:none;border:0}
.nav__btn--green{background:#16a34a;color:#fff}
.nav__btn--green:hover{background:#15803d}
.nav__btn--pwa{background:#f59e0b;color:#fff}
.nav__btn--pwa:hover{background:#d97706}
.nav__btn--pwa[hidden]{display:none}
@media(min-width:768px){
.nav__links{display:flex}
.nav__menu-toggle{display:none}
}
/* ==== Sidebar (mobile menu) ==== */
amp-sidebar{background:#fff;width:280px;padding:0;color:#111827}
.sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}
.sidebar__head strong{font-size:1rem;color:#16a34a}
.sidebar__close{background:transparent;border:0;font-size:1.2rem;color:#6b7280;cursor:pointer}
.sidebar__list{list-style:none;margin:0;padding:8px 0}
.sidebar__list li{margin:0}
.sidebar__list a{display:block;padding:12px 16px;color:#111827;font-size:0.95rem;border-bottom:1px solid #f3f4f6}
.sidebar__list a:hover{background:#f9fafb;color:#16a34a}
/* ==== Regular mobile menu (CSS-only via hidden checkbox) ==== */
.gl-menu-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gl-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:50;cursor:pointer}
.gl-menu-drawer{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;inset-inline-start:-300px;width:280px;background:#fff;z-index:60;box-shadow:-2px 0 12px rgba(0,0,0,0.12);transition:inset-inline-start .25s ease;overflow-y:auto}
.gl-menu-toggle:checked ~ .gl-menu-overlay{display:block}
.gl-menu-toggle:checked ~ .gl-menu-drawer{inset-inline-start:0}
body:has(.gl-menu-toggle:checked){overflow:hidden}
/* ==== Cards / utilities ==== */
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,0.04)}
.shadow{box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.rounded{border-radius:8px}
.rounded-lg{border-radius:12px}
.rounded-full{border-radius:9999px}
.text-center{text-align:center}
.flex{display:flex}
.flex-col{flex-direction:column}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-2{gap:8px}
.gap-3{gap:12px}
.gap-4{gap:16px}
.mt-2{margin-top:8px}
.mt-4{margin-top:16px}
.mt-6{margin-top:24px}
.mb-2{margin-bottom:8px}
.mb-3{margin-bottom:12px}
.mb-4{margin-bottom:16px}
.mb-6{margin-bottom:24px}
.p-3{padding:12px}
.p-4{padding:16px}
.py-2{padding-top:8px;padding-bottom:8px}
.px-3{padding-left:12px;padding-right:12px}
.w-full{width:100%}
.text-sm{font-size:0.85rem}
.text-xs{font-size:0.75rem}
.text-lg{font-size:1.05rem}
.font-bold{font-weight:700}
.text-gray-500{color:#6b7280}
.text-gray-700{color:#374151}
.text-green-600{color:#16a34a}
/* ==== Single (group / channel) ==== */
.single__hero{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:24px 16px;border-radius:5px}
.single__hero-row{display:flex;align-items:center;gap:14px;max-width:1100px;margin:0 auto}
.single__avatar{width:88px;height:88px;border-radius:9999px;background:#fff;border:4px solid #fff;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.single__avatar amp-img{display:block;border-radius:9999px}
.single__title{font-size:1.25rem;font-weight:800;margin:0 0 6px;line-height:1.35}
.single__meta{font-size:0.85rem;opacity:0.92}
.single__badge{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#15803d;font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:9999px;margin-top:6px}
@media(max-width:639px){
.single__hero-row{flex-direction:column;text-align:center}
.single__title{font-size:1.15rem}
}
.info{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-top:16px}
.info__title{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:#111827;margin:0 0 12px}
.info__grid{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:640px){.info__grid{grid-template-columns:1fr 1fr}}
.info__row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f9fafb;border-radius:8px;font-size:0.9rem}
.info__row b{font-weight:600;color:#374151}
.info__row a{color:#16a34a;font-weight:600}
.section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-top:16px}
.section__title{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:#111827;margin:0 0 12px}
.rules{list-style:none;margin:0;padding:0}
.rules li{display:flex;gap:8px;padding:6px 0;font-size:0.9rem;color:#374151}
.rules li:before{content:"✓";color:#16a34a;font-weight:700;flex-shrink:0}
.content-body{font-size:0.95rem;color:#374151;line-height:1.7;margin:0}
.content-body p{margin:0 0 12px}
.content-body amp-img,.content-body img{display:block;border-radius:8px;margin:8px 0}
.join-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#16a34a;color:#fff;font-weight:700;font-size:1rem;padding:14px 18px;border-radius:10px;margin-top:14px;text-decoration:none;transition:background .2s}
.join-btn:hover{background:#15803d}
.join-btn--disabled{background:#9ca3af;cursor:not-allowed;pointer-events:none}
/* أزرار التفاعل أسفل زر الانضمام */
.post-actions{
display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;
margin:10px auto 0;max-width:420px;
}
.post-actions__btn{
display:inline-flex;align-items:center;gap:4px;
min-height:30px;padding:4px 10px;
border:1px solid #e5e7eb;border-radius:9999px;
background:#fff;color:#4b5563;
font-size:0.72rem;font-weight:600;line-height:1.2;
cursor:pointer;font-family:inherit;
transition:background .15s,border-color .15s,color .15s,transform .1s;
}
.post-actions__btn:hover{border-color:#d1d5db;background:#f9fafb}
.post-actions__btn.is-active.post-actions__btn--like{background:#ecfdf5;border-color:#86efac;color:#15803d}
.post-actions__btn.is-active.post-actions__btn--dislike{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.post-actions__btn--report{color:#b91c1c;border-color:#fecaca;background:#fff}
.post-actions__btn--report:hover{background:#fef2f2;border-color:#f87171}
.post-actions__icon{font-size:0.82rem;line-height:1}
.post-actions__count{
min-width:14px;text-align:center;
font-size:0.68rem;font-weight:700;color:#6b7280;
}
.post-actions__btn.is-active .post-actions__count{color:inherit}
/* Bottom sheet — الإبلاغ */
body.sheet-open{overflow:hidden}
.sheet-backdrop{
position:fixed;inset:0;background:rgba(15,25,35,0.45);
z-index:1200;opacity:0;transition:opacity .28s ease;
}
.sheet-backdrop.is-open{opacity:1}
.sheet{
position:fixed;inset-inline:0;bottom:0;z-index:1210;
transform:translateY(100%);transition:transform .28s ease;
max-width:640px;margin:0 auto;
}
.sheet.is-open{transform:translateY(0)}
.sheet__panel{
background:#fff;border:1px solid #e5e7eb;border-bottom:0;
border-radius:16px 16px 0 0;padding:8px 16px 20px;
box-shadow:0 -8px 30px rgba(0,0,0,0.12);
}
.sheet__handle{
width:42px;height:4px;border-radius:9999px;background:#d1d5db;
margin:4px auto 10px;
}
.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sheet__title{margin:0;font-size:1rem;font-weight:800;color:#111827}
.sheet__close{
width:32px;height:32px;border:0;border-radius:9999px;
background:#f3f4f6;color:#6b7280;font-size:1rem;cursor:pointer;
}
.sheet__field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.sheet__field label{font-size:0.82rem;font-weight:700;color:#374151}
.sheet__field select,
.sheet__field textarea,
.sheet__field input{
width:100%;border:1px solid #e5e7eb;border-radius:8px;
padding:10px 12px;font-size:0.9rem;color:#111827;
background:#fff;font-family:inherit;
}
.sheet__field textarea{resize:vertical;min-height:96px}
.sheet__msg{font-size:0.85rem;margin:0 0 10px;padding:8px 10px;border-radius:8px}
.sheet__msg.is-success{background:#ecfdf5;color:#166534}
.sheet__msg.is-error{background:#fef2f2;color:#b91c1c}
.sheet__actions{display:flex;gap:8px}
.sheet__btn{
flex:1;min-height:42px;border:0;border-radius:8px;
font-size:0.88rem;font-weight:700;cursor:pointer;font-family:inherit;
}
.sheet__btn--ghost{background:#f3f4f6;color:#374151}
.sheet__btn--danger{background:#dc2626;color:#fff}
.sheet__btn--danger:hover{background:#b91c1c}
@media (prefers-color-scheme: dark){
.post-actions__btn{background:#18293c;border-color:#263b54;color:#d1d5db}
.post-actions__btn:hover{background:#0f1923}
.post-actions__btn.is-active.post-actions__btn--like{background:rgba(22,163,74,0.18);border-color:#16a34a;color:#34d399}
.post-actions__btn.is-active.post-actions__btn--dislike{background:rgba(220,38,38,0.15);border-color:#dc2626;color:#fca5a5}
.post-actions__btn--report{color:#fca5a5;border-color:#7f1d1d;background:#18293c}
.sheet__panel{background:#18293c;border-color:#263b54}
.sheet__title{color:#e5e7eb}
.sheet__close{background:#0f1923;color:#9ca3af}
.sheet__field label{color:#d1d5db}
.sheet__field select,.sheet__field textarea,.sheet__field input{background:#0f1923;border-color:#263b54;color:#e5e7eb}
.sheet__btn--ghost{background:#0f1923;color:#e5e7eb}
}
.join-warn{background:#fef3c7;color:#92400e;border:1px solid #fde68a;padding:14px;border-radius:10px;text-align:center;margin-top:14px;font-size:0.9rem}
.share-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;justify-content:center}
.share-row amp-social-share{border-radius:6px;width:32px;height:32px;background-size:18px 18px}
.share-row amp-social-share[type="telegram"]{background-color:#229ED9;background-image:url('data:image/svg+xml;utf8,');background-position:center;background-repeat:no-repeat}
.share-row .share-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;text-decoration:none;transition:opacity .15s}
.share-row .share-btn:hover{opacity:0.85}
.share-row .share-btn--whatsapp{background:#25D366}
.share-row .share-btn--facebook{background:#1877F2}
.share-row .share-btn--twitter{background:#000}
.share-row .share-btn--telegram{background:#229ED9}
/* ==== Related (cards stack) ==== */
.related{margin-top:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}
.related__title{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:#111827;margin:0 0 12px}
.related__grid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:640px){.related__grid{grid-template-columns:1fr 1fr}}
.gcard{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;transition:border-color .2s,box-shadow .2s;position:relative}
.gcard:hover{border-color:#16a34a;box-shadow:0 2px 8px rgba(22,163,74,0.08)}
.gcard__img{width:44px;height:44px;border-radius:9999px;overflow:hidden;flex-shrink:0;background:#16a34a}
.gcard__img amp-img{display:block;border-radius:9999px}
.gcard__body{flex:1;min-width:0}
.gcard__title{font-size:0.9rem;font-weight:700;color:#111827;margin:0 0 2px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gcard__meta{font-size:0.75rem;color:#6b7280}
.gcard__btn{flex-shrink:0;background:#16a34a;color:#fff;font-size:0.75rem;font-weight:600;padding:6px 12px;border-radius:6px;text-decoration:none}
.gcard__btn:hover{background:#15803d}
.gcard__aside{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:88px}
.gcard__btn--disabled{background:#9ca3af;cursor:not-allowed;opacity:0.85}
.gcard--status{cursor:default}
a.gcard--status{cursor:pointer}
/* بطاقة مميزة (للاستخدام مع .gcard في صفحات التصنيف والصلة) */
.gcard--featured{grid-column:1 / -1;border:2px solid #f59e0b;background:linear-gradient(135deg,#fffbeb 0%,#fff 60%);padding:14px 12px;gap:12px}
.gcard--featured:hover{border-color:#d97706;box-shadow:0 4px 14px rgba(245,158,11,0.15)}
.gcard--featured .gcard__img{width:56px;height:56px;border:2px solid #f59e0b}
.gcard--featured .gcard__title{font-size:1rem}
.gcard--featured .gcard__btn{background:#f59e0b;padding:8px 16px;font-size:0.85rem}
.gcard--featured .gcard__btn:hover{background:#d97706}
.gcard__badge{position:absolute;top:-9px;right:10px;background:#f59e0b;color:#fff;font-size:0.7rem;font-weight:700;padding:3px 8px;border-radius:9999px;line-height:1;box-shadow:0 2px 4px rgba(245,158,11,0.3)}
.gcard__type{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;color:#16a34a;line-height:1;z-index:2;pointer-events:none}
.gcard__type svg{display:block;width:16px;height:16px}
.gcard__type--channel svg{width:12px;height:12px}
/* ==== Featured card (نفس شكل .gcard مع تغيير الخلفية فقط) ==== */
.fcard{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:rgb(255 245 229);color:#111827;transition:border-color .2s,box-shadow .2s;position:relative}
.fcard:hover{border-color:#16a34a;box-shadow:0 2px 8px rgba(22,163,74,0.08)}
.fcard__img{width:44px;height:44px;border-radius:9999px;overflow:hidden;flex-shrink:0;background:#16a34a}
.fcard__img amp-img,.fcard__img img{display:block;border-radius:9999px}
.fcard__body{flex:1;min-width:0}
.fcard__title{font-size:0.9rem;font-weight:700;color:#111827;margin:0 0 2px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fcard__meta{font-size:0.75rem;color:#6b7280}
.fcard__btn{flex-shrink:0;background:#16a34a;color:#fff;font-size:0.75rem;font-weight:600;padding:6px 12px;border-radius:6px;text-decoration:none}
.fcard__btn:hover{background:#15803d}
.fcard__badge{position:absolute;top:-9px;right:10px;background:#f59e0b;color:#fff;font-size:0.7rem;font-weight:700;padding:3px 8px;border-radius:9999px;line-height:1;box-shadow:0 2px 4px rgba(245,158,11,0.3)}
/* ==== Category ==== */
.cat-hero{
text-align:center;
padding:24px 20px 22px;
margin:0 0 12px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.cat-hero h1{font-size:1.5rem;font-weight:800;color:#15803d;margin:6px 0 0;line-height:1.4}
.cat-hero__desc{
max-width:760px;
margin:14px auto 0;
text-align:justify;
font-size:1rem;
line-height:1.75;
color:#374151;
}
.cat-hero__desc.content-body{font-size:1rem;line-height:1.75}
.cat-hero__desc p{margin:0 0 14px;font-size:1rem;line-height:1.75}
.cat-hero__desc p:last-child{margin-bottom:0}
.cat-hero__desc h2,.cat-hero__desc h3,.cat-hero__desc h4{
font-size:1.1rem;
font-weight:700;
color:#111827;
margin:18px 0 8px;
line-height:1.45;
}
.cat-hero__desc ul,.cat-hero__desc ol{margin:0 0 14px;padding-inline-start:1.35rem}
.cat-hero__desc li{margin-bottom:6px;line-height:1.7}
.cat-hero__desc a{color:#16a34a;font-weight:600;text-decoration:underline}
.cat-hero__desc a:hover{color:#15803d}
.cat-hero__desc img,.cat-hero__desc amp-img{max-width:100%;height:auto;border-radius:8px;margin:10px 0}
.cat-flag{margin:0 auto 10px;display:inline-block}
.cat-flag amp-img,.cat-flag img{display:block}
.cat-hero + .hero-filter{max-width:760px;margin:0 auto 12px}
.tag-hero__badge{
display:inline-flex;align-items:center;justify-content:center;
width:44px;height:44px;margin:0 auto 10px;
border-radius:9999px;background:#dcfce7;color:#16a34a;
font-size:1.35rem;font-weight:800;line-height:1;
}
/* صفحات /groups و /channels */
.listing-hero{text-align:center;padding:24px 16px 8px;margin:0 0 8px}
.listing-hero h1{font-size:1.5rem;font-weight:800;color:#15803d;margin:0 0 8px;line-height:1.4}
.listing-hero p{margin:0 auto;max-width:640px;font-size:0.95rem;line-height:1.7;color:#4b5563}
.listing-filter{margin:0 0 16px}
.listing-filter__form{margin:0}
.listing-filter__grid{display:grid;grid-template-columns:1fr;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}
@media(min-width:640px){.listing-filter__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.listing-filter__field{display:flex;flex-direction:column;gap:6px;min-width:0}
.listing-filter__field label{font-size:0.82rem;font-weight:700;color:#374151}
.listing-filter__field select{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:0.9rem;color:#111827;background:#fff;font-family:inherit;appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:left 10px center;background-size:14px;padding-inline-start:10px;padding-inline-end:28px;cursor:pointer}
.listing-filter__btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;border-radius:8px;font-size:0.9rem;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}
.listing-filter__btn--primary{background:#16a34a;color:#fff}
.listing-filter__btn--primary:hover{background:#15803d}
@media (prefers-color-scheme: dark){
.listing-hero h1{color:#34d399}
.listing-hero p{color:#9ca3af}
.listing-filter__grid{background:#18293c;border-color:#263b54}
.listing-filter__field label{color:#d1d5db}
.listing-filter__field select{background:#0f1923;border-color:#263b54;color:#e5e7eb}
}
/* نموذج نشر رابط جديد */
.submit-form{max-width:720px;margin:0 auto}
.submit-form__inner{display:flex;flex-direction:column;gap:0}
.submit-form__field{margin-bottom:20px}
.submit-form__label{display:block;font-size:0.88rem;font-weight:700;color:#374151;margin-bottom:8px}
.submit-form__label-note{font-weight:400;color:#6b7280}
.submit-form__required{color:#dc2626}
.submit-form__hint{margin:6px 0 0;font-size:0.82rem;color:#6b7280}
.submit-form__input,.submit-form__select,.submit-form__textarea{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-size:0.92rem;color:#111827;background:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s}
.submit-form__input:focus,.submit-form__select:focus,.submit-form__textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,0.15)}
.submit-form__select{appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:left 12px center;background-size:14px;padding-inline-end:14px;padding-inline-start:34px;cursor:pointer}
.submit-form__textarea{resize:vertical;min-height:110px}
.submit-form__row{display:flex;gap:8px;align-items:stretch}
.submit-form__row .submit-form__input{flex:1;min-width:0}
.submit-form__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.submit-form__grid{grid-template-columns:1fr 1fr}}
.submit-form__actions{display:flex;gap:10px;margin-top:8px}
.submit-form__actions--center{justify-content:center}
.submit-form__actions--between{justify-content:space-between;align-items:center}
.submit-form__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:10px;font-size:0.92rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,opacity .2s}
.submit-form__btn:disabled{opacity:.5;cursor:not-allowed}
.submit-form__btn--primary{background:#16a34a;color:#fff}
.submit-form__btn--primary:hover:not(:disabled){background:#15803d}
.submit-form__btn--blue{background:#2563eb;color:#fff}
.submit-form__btn--blue:hover:not(:disabled){background:#1d4ed8}
.submit-form__btn--gray{background:#e5e7eb;color:#374151}
.submit-form__btn--gray:hover{background:#d1d5db}
.submit-form__dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:24px 16px;text-align:center;background:#fafafa}
.submit-form__file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.submit-form__dropzone-label{display:block;cursor:pointer;color:#6b7280}
.submit-form__dropzone-icon{width:48px;height:48px;margin:0 auto 8px;color:#9ca3af}
.submit-form__preview{margin-top:12px}
.submit-form__preview img{width:128px;height:128px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb}
.submit-form__checks{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.submit-form__check{display:flex;align-items:flex-start;gap:10px;font-size:0.88rem;color:#374151;line-height:1.6}
.submit-form__check input{margin-top:4px;flex-shrink:0}
.submit-form__check a{color:#2563eb;text-decoration:underline}
.submit-form__rules{margin-top:12px;padding:12px;background:#f9fafb;border-radius:10px;border:1px solid #f3f4f6}
.submit-form__rules-title{font-size:0.82rem;font-weight:700;color:#6b7280;margin:0 0 8px}
.submit-form__rule{display:flex;align-items:center;gap:8px;font-size:0.82rem;margin:0 0 4px}
.submit-form__rule.is-pass{color:#15803d}
.submit-form__rule.is-fail{color:#dc2626}
.submit-form__msg{margin-top:10px;padding:12px 14px;border-radius:10px;font-size:0.88rem}
.submit-form__msg--error{background:#fef2f2;border-inline-start:4px solid #dc2626;color:#b91c1c}
.submit-form__msg--warn{background:#fff7ed;border-inline-start:4px solid #f59e0b;color:#b45309}
.submit-form__msg--success{background:#ecfdf5;border-inline-start:4px solid #16a34a;color:#15803d}
.submit-form__msg-title{margin:0;font-weight:700}
.submit-form__alert{margin:0 auto 20px;max-width:720px;padding:16px 18px;border-radius:12px;font-size:0.92rem;line-height:1.7}
.submit-form__alert--success{background:#ecfdf5;border:1px solid #86efac;color:#166534}
.submit-form__alert--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
.submit-form__alert-title{margin:0 0 6px;font-weight:800}
.submit-form__spinner{width:18px;height:18px;flex-shrink:0}
.submit-form__spinner[hidden]{display:none}
.submit-form__spinner:not([hidden]){animation:submit-spin 1s linear infinite}
.submit-form__spinner-track{opacity:.25}
.submit-form__spinner-head{opacity:.75}
@keyframes submit-spin{to{transform:rotate(360deg)}}
@media (prefers-color-scheme: dark){
.submit-form__label{color:#d1d5db}
.submit-form__hint,.submit-form__label-note{color:#9ca3af}
.submit-form__input,.submit-form__select,.submit-form__textarea{background:#0f1923;border-color:#263b54;color:#e5e7eb}
.submit-form__dropzone{background:#0f1923;border-color:#263b54}
.submit-form__dropzone-label{color:#9ca3af}
.submit-form__rules{background:#0f1923;border-color:#263b54}
.submit-form__check{color:#d1d5db}
.submit-form__btn--gray{background:#263b54;color:#e5e7eb}
.submit-form__alert--success{background:rgba(22,163,74,0.15);border-color:#16a34a;color:#86efac}
.submit-form__alert--error{background:rgba(220,38,38,0.12);border-color:#dc2626;color:#fca5a5}
}
.submit-form__status{margin-top:16px;padding:14px 16px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:0.92rem;font-weight:700;text-align:center;line-height:1.6}
.submit-form__status.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
@media (prefers-color-scheme: dark){
.submit-form__status{background:rgba(37,99,235,0.15);border-color:#2563eb;color:#93c5fd}
.submit-form__status.is-error{background:rgba(220,38,38,0.12);border-color:#dc2626;color:#fca5a5}
}
/* صفحة الشكر */
.thankyou{max-width:560px;margin:0 auto;text-align:center;padding:32px 20px}
.thankyou__icon{width:64px;height:64px;margin:0 auto 16px;border-radius:9999px;background:#dcfce7;color:#16a34a;font-size:2rem;font-weight:800;line-height:64px}
.thankyou__title{margin:0 0 12px;font-size:1.5rem;font-weight:800;color:#15803d}
.thankyou__text{margin:0 auto 24px;max-width:420px;color:#4b5563;line-height:1.8}
.thankyou__actions{display:flex;flex-direction:column;gap:10px;align-items:center}
.thankyou__actions .submit-form__btn{min-width:220px}
/* صفحة التحقق من النشر */
.check-results{margin:20px 0 0}
.check-results__found .grid{margin-top:0}
.check-results__reasons{margin:12px 0 0;padding:0 20px 0 0;text-align:right;line-height:1.9}
.check-results__retry{margin:18px 0 0}
.post-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:9999px;font-size:0.68rem;font-weight:700;line-height:1.35;white-space:normal;text-align:center;max-width:92px}
.post-status-badge--published{background:#dcfce7;color:#15803d}
.post-status-badge--review{background:#fef3c7;color:#b45309}
.post-status-badge--pending{background:#fef3c7;color:#b45309}
.post-status-badge--draft{background:#e0e7ff;color:#4338ca}
.post-status-badge--unknown{background:#f3f4f6;color:#6b7280}
@media (prefers-color-scheme: dark){
.thankyou__icon{background:rgba(22,163,74,0.2);color:#34d399}
.thankyou__title{color:#34d399}
.thankyou__text{color:#9ca3af}
.check-results__title{color:#e5e7eb}
.check-results__meta{color:#9ca3af}
.gcard__btn--disabled{background:#4b5563;color:#d1d5db}
.post-status-badge--published{background:rgba(22,163,74,0.2);color:#86efac}
.post-status-badge--review,.post-status-badge--pending{background:rgba(245,158,11,0.2);color:#fcd34d}
.post-status-badge--draft{background:rgba(99,102,241,0.2);color:#a5b4fc}
}
/* أزرار التصنيفات الفرعية أعلى صفحة التصنيف */
.cat-subs{margin:14px 0 4px}
.cat-subs__row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.cat-subs__chip{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#065f46;font-weight:600;font-size:0.85rem;padding:7px 14px;border-radius:9999px;text-decoration:none;border:1px solid #a7f3d0;line-height:1.3;transition:background .2s,border-color .2s,color .2s}
.cat-subs__chip:hover{background:#16a34a;color:#fff;border-color:#16a34a}
.cat-subs__chip--current{background:#16a34a;color:#fff;border-color:#16a34a}
.cat-subs__count{background:rgba(255,255,255,0.85);color:#065f46;font-size:0.72rem;font-weight:700;padding:1px 7px;border-radius:9999px;line-height:1.4;min-width:18px;text-align:center}
.cat-subs__chip--current .cat-subs__count{background:rgba(255,255,255,0.25);color:#fff}
.cat-subs__chip:hover .cat-subs__count{background:rgba(255,255,255,0.25);color:#fff}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:560px){.grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.grid{grid-template-columns:1fr 1fr 1fr}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* ==== AdSense (AMP & non-AMP) ==== */
.gl-ad{margin:18px auto;max-width:100%;text-align:center;overflow:hidden;min-height:120px}
.gl-ad amp-ad,.gl-ad ins.adsbygoogle{display:block;margin:0 auto}
.grid > .gl-ad,.related__grid > .gl-ad{grid-column:1 / -1}
.gl-ad--nav{margin:8px auto 0;padding:0 12px;max-width:1200px;width:100%}
@media (prefers-color-scheme: dark){
.gl-ad{background:transparent}
}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px 0 0}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;padding:8px 12px;background:#f3f4f6;color:#111827;font-size:0.9rem;font-weight:600;border:1px solid #e5e7eb}
.pagination a:hover{background:#16a34a;color:#fff;border-color:#16a34a}
.pagination .is-current{background:#16a34a;color:#fff;border-color:#16a34a}
.pagination .is-disabled{opacity:0.5}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tags a{display:inline-flex;align-items:baseline;gap:4px;background:#f3f4f6;color:#374151;padding:6px 10px;border-radius:9999px;font-size:0.8rem;border:1px solid #e5e7eb;line-height:1.3}
.tags a:hover{background:#16a34a;color:#fff;border-color:#16a34a}
.tags__prefix{font-size:0.7rem;color:#9ca3af;font-weight:400}
.tags__name{font-weight:600}
.tags a:hover .tags__prefix{color:rgba(255,255,255,0.85)}
/* ==== Footer ==== */
.foot{margin-top:32px;padding:24px 12px;background:#fff;border-top:1px solid #e5e7eb;color:#374151;font-size:0.9rem}
.foot a{color:#16a34a;font-weight:600;transition:color .2s}
.foot a:hover{color:#15803d;text-decoration:underline}
.foot__container{max-width:1200px;margin:0 auto;width:100%;padding:0 12px}
.foot__brand{text-align:center;margin-bottom:16px}
.foot__logo-link{display:inline-block;margin:0 auto 8px}
.foot__logo,.foot__logo-link amp-img,.foot__logo-link img{border-radius:9999px;display:inline-block}
.foot__title{font-size:1.05rem;font-weight:700;color:#16a34a;margin:0 0 6px}
.foot__title a{color:#16a34a}
.foot__desc{font-size:0.9rem;color:#6b7280;margin:6px auto 0;max-width:720px;line-height:1.7}
.foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px}
.foot__links a{display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-weight:600;font-size:0.88rem;padding:9px 18px;border-radius:9999px;text-decoration:none;border:1px solid #111827;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;line-height:1.2}
.foot__links a:hover{background:#000;border-color:#000;color:#fff;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.18)}
.foot__links a:active{transform:translateY(1px)}
.foot__social{display:flex;justify-content:center;gap:10px;margin-bottom:16px}
.foot__social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:44px;min-height:44px;border-radius:9999px;background:#f3f4f6;color:#374151;font-size:0.95rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.foot__social-link:hover{background:#dcfce7;color:#15803d;text-decoration:none}
.foot__copy{text-align:center;color:#6b7280;font-size:0.85rem;margin:0}
/* ==== Bottom nav (شريط التنقل السفلي الثابت) ==== */
.bottom-nav{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:calc(100% - 24px);max-width:32rem;height:64px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:50}
.bottom-nav__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:100%;max-width:32rem;margin:0 auto}
.bottom-nav__item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px;color:#6b7280;text-decoration:none;transition:color .2s}
.bottom-nav__item--start{border-start-start-radius:9999px;border-end-start-radius:9999px}
.bottom-nav__item--end{border-start-end-radius:9999px;border-end-end-radius:9999px}
.bottom-nav__icon{width:20px;height:20px;margin-bottom:4px;display:block}
.bottom-nav__label{font-size:0.72rem;line-height:1;font-weight:500}
.bottom-nav__item:hover,.bottom-nav__item:hover .bottom-nav__icon{color:#16a34a}
.bottom-nav__item.is-active{color:#16a34a}
.bottom-nav__item.is-active .bottom-nav__label{font-weight:700}
.bottom-nav__center{display:flex;align-items:center;justify-content:center}
.bottom-nav__add{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:#16a34a;color:#fff;text-decoration:none;transition:background .2s,box-shadow .2s}
.bottom-nav__add:hover{background:#15803d;box-shadow:0 4px 12px rgba(22,163,74,0.35)}
.bottom-nav__add svg{width:16px;height:16px;display:block}
/* مساحة سفلية لضمان عدم تغطية المحتوى بالشريط الثابت */
.bottom-nav-spacer{height:96px;width:100%}
@media(min-width:640px){
.bottom-nav-spacer{height:104px}
}
/* ==== Privacy / Cookie consent banner (بانر الموافقة على سياسة الخصوصية) ==== */
.gl-cookie-consent{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);width:calc(100% - 24px);max-width:520px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;box-shadow:0 12px 32px rgba(0,0,0,0.18);z-index:60;font-size:0.9rem;line-height:1.6;color:#374151;display:none}
.gl-cookie-consent.is-open{display:block}
.gl-cookie-consent__title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;color:#111827;margin:0 0 8px}
.gl-cookie-consent__title-icon{font-size:1.15rem;line-height:1}
.gl-cookie-consent__text{margin:0 0 12px;color:#374151;font-size:0.88rem;line-height:1.7}
.gl-cookie-consent__text a{color:#16a34a;font-weight:700;text-decoration:underline}
.gl-cookie-consent__text a:hover{color:#15803d}
.gl-cookie-consent__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.gl-cookie-consent__btn{flex:1;min-width:110px;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border-radius:8px;font-weight:700;font-size:0.92rem;cursor:pointer;border:0;font-family:inherit;line-height:1.2;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.gl-cookie-consent__btn--accept{background:#16a34a;color:#fff;border:1px solid #16a34a}
.gl-cookie-consent__btn--accept:hover{background:#15803d;border-color:#15803d;box-shadow:0 4px 12px rgba(22,163,74,0.25)}
.gl-cookie-consent__btn--decline{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}
.gl-cookie-consent__btn--decline:hover{background:#e5e7eb;border-color:#d1d5db}
@media(min-width:640px){
.gl-cookie-consent{bottom:104px}
}
@media (prefers-color-scheme: dark){
.gl-cookie-consent{background:#18293c;border-color:#263b54;box-shadow:0 12px 32px rgba(0,0,0,0.45);color:#d1d5db}
.gl-cookie-consent__title{color:#e5e7eb}
.gl-cookie-consent__text{color:#d1d5db}
.gl-cookie-consent__text a{color:#34d399}
.gl-cookie-consent__text a:hover{color:#6ee7b7}
.gl-cookie-consent__btn--decline{background:#0f1923;color:#e5e7eb;border-color:#263b54}
.gl-cookie-consent__btn--decline:hover{background:#263b54;border-color:#374151}
}
/* ==== Dark mode للفوتر وشريط التنقل ==== */
@media (prefers-color-scheme: dark){
.foot{background:#18293c;border-top-color:#263b54;color:#d1d5db}
.foot__title,.foot__title a,.foot a{color:#34d399}
.foot a:hover{color:#6ee7b7}
.foot__desc,.foot__copy{color:#9ca3af}
.foot__links a{background:#0f1923;border-color:#0f1923;color:#fff}
.foot__links a:hover{background:#000;border-color:#000;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.5)}
.foot__social-link{background:#0f1923;color:#d1d5db}
.foot__social-link:hover{background:rgba(52,211,153,0.18);color:#34d399}
.bottom-nav{background:#18293c;border-color:#263b54;box-shadow:0 8px 24px rgba(0,0,0,0.45)}
.bottom-nav__item{color:#9ca3af}
.bottom-nav__item:hover,.bottom-nav__item:hover .bottom-nav__icon,.bottom-nav__item.is-active{color:#34d399}
.bottom-nav__add{background:#16a34a;color:#fff}
.bottom-nav__add:hover{background:#22c55e}
}
/* ==== Dark mode (نظام التشغيل) ==== */
@media (prefers-color-scheme: dark){
html,body{background-color:#0f1923;color:#e5e7eb}
body{
background-image:
linear-gradient(to right, rgba(52,211,153,0.06) 1px, transparent 1px),
linear-gradient(to bottom, rgba(52,211,153,0.06) 1px, transparent 1px);
}
.nav,.card,.info,.section,.related,.foot{background:#18293c;border-color:#263b54;color:#e5e7eb}
.nav__links a{color:#34d399}
.nav__brand span{color:#34d399}
.nav__btn{background:#263b54;color:#e5e7eb}
.nav__menu-toggle{background:#263b54;color:#e5e7eb}
amp-sidebar,.gl-menu-drawer{background:#18293c;color:#e5e7eb}
.sidebar__list a{color:#e5e7eb;border-color:#263b54}
.sidebar__list a:hover{background:#0f1923;color:#34d399}
.info__row{background:#0f1923;color:#e5e7eb}
.info__row b{color:#e5e7eb}
.gcard{background:#0f1923;border-color:#263b54;color:#e5e7eb}
.gcard__title{color:#e5e7eb}
.gcard__meta{color:#9ca3af}
.gcard__type{color:#34d399}
.gcard--featured{background:linear-gradient(135deg,rgba(245,158,11,0.12) 0%,#18293c 60%);border-color:#f59e0b}
.fcard{background:rgba(255,245,229,0.08);border-color:#263b54;color:#e5e7eb}
.fcard__title{color:#e5e7eb}
.fcard__meta{color:#9ca3af}
.section__title,.related__title,.info__title{color:#e5e7eb}
.content-body{color:#d1d5db}
.pagination a,.pagination span{background:#0f1923;color:#e5e7eb;border-color:#263b54}
.tags a{background:#0f1923;color:#d1d5db;border-color:#263b54}
.tags__prefix{color:#6b7280}
.cat-subs__chip{background:#0f1923;color:#a7f3d0;border-color:#263b54}
.cat-subs__chip:hover{background:#16a34a;color:#fff;border-color:#16a34a}
.cat-subs__chip--current{background:#16a34a;color:#fff;border-color:#16a34a}
.cat-subs__count{background:#18293c;color:#a7f3d0}
.cat-hero{
background:#18293c;
border-color:#263b54;
box-shadow:none;
}
.cat-hero h1{color:#34d399}
.tag-hero__badge{background:rgba(22,163,74,0.18);color:#34d399}
.cat-hero__desc,.cat-hero__desc.content-body{color:#d1d5db}
.cat-hero__desc h2,.cat-hero__desc h3,.cat-hero__desc h4{color:#e5e7eb}
.cat-hero__desc a{color:#34d399}
.cat-hero__desc a:hover{color:#6ee7b7}
}
.hero{background:transparent;color:#111827;border-radius:5px;padding:28px 16px 22px;margin-top:8px;text-align:center;position:relative;overflow:hidden}
.hero h1{font-size:1.4rem;font-weight:800;margin:0 0 8px;line-height:1.5;color:#111827}
.hero p{margin:0 auto;max-width:580px;font-size:0.9rem;line-height:1.7;color:#4b5563}
@media(min-width:640px){.hero{padding:40px 24px 30px}.hero h1{font-size:1.75rem}.hero p{font-size:0.98rem}}
.hero-search{max-width:640px;margin:18px auto 0}
.hero-search form{margin:0}
.hero-search__row{display:flex;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:5px;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.hero-search input{flex:1;min-width:0;border:0;outline:none;padding:11px 14px;font-size:0.95rem;background:transparent;color:#111827;font-family:inherit}
.hero-search button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#16a34a;color:#fff;border:0;padding:0;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .2s}
.hero-search button:hover{background:#15803d}
.hero-search button svg{display:block}
/* فلتر الـ hero: دولة + تصنيف */
.hero-filter{max-width:640px;margin:10px auto 0}
.hero-filter form{margin:0}
.hero-filter__row{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:5px}
.hero-filter__field{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0 8px;min-width:0}
.hero-filter__field select{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:10px 4px;font-size:0.9rem;color:#111827;font-family:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:left 4px center;background-size:14px;padding-inline-start:6px;padding-inline-end:22px;cursor:pointer}
.hero-filter__opt-parent{background:#e0f2fe;color:#0c4a6e;font-weight:700}
.hero-filter__opt-child{background:#ffffff;color:#374151;font-weight:400}
.quick-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center}
.quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#111827;color:#fff;font-weight:600;font-size:0.8rem;padding:7px 14px;border-radius:7px;text-decoration:none;border:1px solid #111827;transition:background .2s,border-color .2s}
.quick-btn:hover{background:#374151;border-color:#374151}
.h-section{margin-top:28px}
.h-section__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.h-section__head h2{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;color:#111827;margin:0;min-width:0}
.h-section__head .more{font-size:0.85rem;color:#16a34a;font-weight:700;text-decoration:none}
.h-section__head .more:hover{text-decoration:underline}
.h-promote-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;background:#fff;color:#374151;font-weight:600;font-size:0.72rem;line-height:1.2;padding:4px 9px;border-radius:6px;text-decoration:none;border:1px solid #d1d5db;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
.h-promote-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}
.h-promote-btn .h-promote-btn__star{font-size:0.78rem;line-height:1;color:#9ca3af}
.h-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#dcfce7;color:#16a34a;font-size:0.9rem}
.h-icon--yellow{background:#fef3c7;color:#d97706}
.h-icon--blue{background:#dbeafe;color:#1d4ed8}
.h-icon--purple{background:#ede9fe;color:#7c3aed}
/* قائمة دول/تصنيفات قابلة للتمرير الأفقي */
.chip-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.chip-row::-webkit-scrollbar{height:4px}
.chip-row::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}
.chip{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:8px 14px;font-size:0.85rem;font-weight:600;color:#111827;text-decoration:none;transition:all .2s}
.chip:hover{border-color:#16a34a;color:#16a34a;background:#f0fdf4}
.chip__flag{flex-shrink:0;width:20px;height:14px;border-radius:2px;overflow:hidden;line-height:0}
.chip__flag amp-img{display:block}
.chip__emoji{font-size:1rem;line-height:1}
.cats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:640px){.cats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.cats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cat-tile{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;text-decoration:none;transition:all .2s}
.cat-tile:hover{border-color:#16a34a;box-shadow:0 2px 8px rgba(22,163,74,0.08)}
.cat-tile__icon{width:38px;height:38px;border-radius:9999px;background:#dcfce7;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.cat-tile__name{font-size:0.88rem;font-weight:700;line-height:1.35;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-tile__arrow{color:#9ca3af;font-size:0.85rem;flex-shrink:0}
.paged-badge{display:inline-block;background:#f3f4f6;color:#374151;padding:3px 10px;border-radius:9999px;font-size:0.75rem;font-weight:600;margin-inline-start:6px}
/* ==== قسم "تصنيفات مختارة" (قائمة عمودية) ==== */
.picked-cats{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.picked-cats li{margin:0}
.picked-cats li + li{border-top:1px solid #f3f4f6}
.picked-cats__link{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#111827;text-decoration:none;transition:background .15s}
.picked-cats__link:hover{background:#f9fafb}
.picked-cats__icon{flex-shrink:0;width:36px;height:36px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:0.95rem}
.picked-cats__name{flex:1;min-width:0;font-size:0.92rem;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picked-cats__chev{flex-shrink:0;color:#9ca3af;font-size:0.85rem;line-height:1}
.picked-cats--extra{margin-top:12px}
.picked-cats__toggle-wrap{display:flex;justify-content:center;margin-top:14px}
.picked-cats__toggle{display:inline-flex;align-items:center;gap:6px;min-height:40px;background:#f3f4f6;color:#1f2937;font-weight:600;font-size:0.88rem;padding:8px 18px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;user-select:none}
.picked-cats__toggle:hover{background:#e5e7eb}
.picked-cats__toggle--hide{display:none}
/* مفتاح CSS-only لإظهار/إخفاء كل التصنيفات (متوافق مع AMP) */
.picked-cats__check{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.picked-cats__check:checked ~ .picked-cats--extra{display:block}
.picked-cats--extra{display:none}
.picked-cats__check:checked ~ .picked-cats__toggle-wrap .picked-cats__toggle--show{display:none}
.picked-cats__check:checked ~ .picked-cats__toggle-wrap .picked-cats__toggle--hide{display:inline-flex}
@media (prefers-color-scheme: dark){
.picked-cats{background:#18293c;border-color:#263b54;box-shadow:none}
.picked-cats li + li{border-top-color:#1f3147}
.picked-cats__link{color:#e5e7eb}
.picked-cats__link:hover{background:#0f1923}
.picked-cats__name{color:#e5e7eb}
.picked-cats__chev{color:#6b7280}
.picked-cats__toggle{background:#0f1923;color:#e5e7eb}
.picked-cats__toggle:hover{background:#263b54}
}
@media (prefers-color-scheme: dark){
.h-section__head h2{color:#e5e7eb}
.h-promote-btn{background:#18293c;border-color:#263b54;color:#d1d5db}
.h-promote-btn:hover{background:#0f1923;border-color:#475569;color:#fff}
.h-promote-btn .h-promote-btn__star{color:#6b7280}
.chip{background:#18293c;border-color:#263b54;color:#e5e7eb}
.chip:hover{background:#0f5e2e;color:#fff;border-color:#16a34a}
.cat-tile{background:#18293c;border-color:#263b54;color:#e5e7eb}
.cat-tile__icon{background:rgba(22,163,74,0.18);color:#34d399}
.cat-tile__arrow{color:#6b7280}
.h-icon{background:rgba(22,163,74,0.15);color:#34d399}
.h-icon--yellow{background:rgba(217,119,6,0.15);color:#fbbf24}
.h-icon--blue{background:rgba(29,78,216,0.15);color:#60a5fa}
.h-icon--purple{background:rgba(124,58,237,0.15);color:#c4b5fd}
.paged-badge{background:#0f1923;color:#d1d5db}
.hero h1{color:#e5e7eb}
.hero p{color:#9ca3af}
.hero-search__row{background:#18293c;border-color:#263b54;box-shadow:none}
.hero-search input{color:#e5e7eb}
.hero-search button{background:#16a34a;color:#fff}
.hero-search button:hover{background:#15803d}
.hero-filter__row{background:#0f1923;border-color:#263b54}
.hero-filter__field{background:#18293c;border-color:#263b54}
.hero-filter__field select{color:#e5e7eb}
.hero-filter__opt-parent{background:#1e3a8a;color:#dbeafe;font-weight:700}
.hero-filter__opt-child{background:#18293c;color:#e5e7eb;font-weight:400}
.quick-btn{background:#0f1923;border-color:#263b54;color:#e5e7eb}
.quick-btn:hover{background:#263b54;border-color:#374151}
}
/* ==== Search-blocked notice (محتوى مخل) ==== */
.search-blocked{background:#fff;border:1px solid #fecaca;border-radius:14px;padding:32px 18px;text-align:center;margin:18px auto;max-width:640px;box-shadow:0 1px 3px rgba(220,38,38,0.06)}
.search-blocked__icon{font-size:3rem;line-height:1;margin-bottom:14px}
.search-blocked__title{font-size:1.15rem;color:#b91c1c;margin:0 0 10px;font-weight:800}
.search-blocked__text{color:#1f2937;font-size:1rem;margin:0 0 6px;font-weight:700}
.search-blocked__hint{color:#6b7280;font-size:0.85rem;margin:0 0 16px}
.search-blocked__btn{display:inline-block;background:#16a34a;color:#fff;font-weight:700;padding:10px 22px;border-radius:8px;text-decoration:none;font-size:0.92rem}
.search-blocked__btn:hover{background:#15803d}
.gl-search-toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);background:#b91c1c;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.25);z-index:9999;font-weight:700;max-width:90vw;text-align:center;font-family:inherit;font-size:0.92rem;line-height:1.5;transition:opacity .3s}
@media (prefers-color-scheme: dark){
.search-blocked{background:#18293c;border-color:#7f1d1d;box-shadow:none}
.search-blocked__title{color:#fca5a5}
.search-blocked__text{color:#e5e7eb}
.search-blocked__hint{color:#9ca3af}
}
/* ==== صفحة 404 ==== */
.not-found{
text-align:center;
max-width:640px;
margin:12px auto 28px;
padding:32px 20px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:14px;
box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.not-found__icon{
font-size:3.2rem;
font-weight:800;
line-height:1;
color:#16a34a;
letter-spacing:-0.04em;
margin-bottom:14px;
}
.not-found__title{
font-size:1.35rem;
font-weight:800;
color:#111827;
margin:0 0 10px;
line-height:1.4;
}
.not-found__text{
margin:0 0 18px;
color:#4b5563;
font-size:0.95rem;
line-height:1.7;
}
.not-found__search{max-width:100%;margin:0 auto 18px}
.not-found__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.not-found__btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:8px 16px;
border-radius:8px;
font-size:0.88rem;
font-weight:700;
text-decoration:none;
background:#f3f4f6;
color:#374151;
border:1px solid #e5e7eb;
transition:background .2s,border-color .2s,color .2s;
}
.not-found__btn:hover{background:#e5e7eb;color:#111827}
.not-found__btn--primary{background:#16a34a;color:#fff;border-color:#16a34a}
.not-found__btn--primary:hover{background:#15803d;border-color:#15803d;color:#fff}
@media (prefers-color-scheme: dark){
.not-found{background:#18293c;border-color:#263b54;box-shadow:none}
.not-found__icon{color:#34d399}
.not-found__title{color:#e5e7eb}
.not-found__text{color:#9ca3af}
.not-found__btn{background:#0f1923;color:#e5e7eb;border-color:#263b54}
.not-found__btn:hover{background:#263b54;color:#fff}
.not-found__btn--primary{background:#16a34a;border-color:#16a34a;color:#fff}
.not-found__btn--primary:hover{background:#15803d;border-color:#15803d}
}
/* ==== صفحة البحث ==== */
.search-hero{text-align:center;padding:18px 0 6px}
.search-hero h1{font-size:1.35rem;font-weight:800;color:#15803d;margin:0 0 6px;line-height:1.4}
.search-hero__count{color:#4b5563;font-size:0.9rem;margin:4px 0 0}
.search-form{max-width:640px;margin:12px auto 18px}
.search-form form{margin:0}
.search-empty{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px 16px;text-align:center;margin-top:14px}
.search-empty__icon{font-size:2.4rem;line-height:1;margin-bottom:10px}
.search-empty__title{font-size:1.05rem;color:#111827;margin:0 0 8px;font-weight:700}
.search-empty__text{color:#6b7280;font-size:0.9rem;margin:0 0 12px;line-height:1.7}
.search-empty__tips{list-style:none;padding:0;margin:10px auto 0;max-width:420px;text-align:right;color:#4b5563;font-size:0.85rem}
.search-empty__tips li{padding:4px 0;display:flex;align-items:flex-start;gap:6px}
.search-empty__tips li:before{content:"•";color:#16a34a;font-weight:700;flex-shrink:0}
@media (prefers-color-scheme: dark){
.search-hero h1{color:#34d399}
.search-hero__count{color:#9ca3af}
.search-empty{background:#18293c;border-color:#263b54}
.search-empty__title{color:#e5e7eb}
.search-empty__text,.search-empty__tips{color:#9ca3af}
}
/* ==== Compatibility tweaks للصفحات القديمة التي تستخدم Tailwind ==== */
.bg-cream{background-color:#f7f5eb}
.bg-cream-dark{background-color:#e8e5d8}
@media (prefers-color-scheme: dark){
.bg-cream{background-color:#0f1923}
}