/*
Theme Name: Nineveh Council Reference Theme V4 Fixed Pages
Theme URI: https://pcninevah.gov.iq
Author: Nineveh Provincial Council
Description: قالب رسمي عربي وإنكليزي مطابق للتصميم المرجعي المعتمد.
Version: 7.4.1
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: nineveh-council
*/
:root{
    --navy:#303A46;
    --navy2:#46515D;

    --gold:#C79A3B;
    --gold2:#E2BC63;

    --ink:#26384D;
    --muted:#74808D;
    --line:#E1E5EA;
    --white:#ffffff;

    --shadow:0 6px 22px rgba(0,0,0,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;direction:rtl;color:var(--ink);background:#fff;line-height:1.65}
body.lang-en{direction:ltr;text-align:left}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.container{width:min(1440px,94%);margin:auto}

/* Top strip */
.topbar{height:54px;background:var(--navy);color:#fff;font-size:14px}
.topbar-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px;white-space:nowrap}
.social-icons{color:var(--gold2);letter-spacing:9px}

@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&display=swap');
/* Identity */
.identity-band{
  height:205px;
  background:
    radial-gradient(circle at 86% 15%,rgba(212,155,39,.07),transparent 23%),
    linear-gradient(135deg,#fff,#f4f6f8);
}
.identity-grid{height:205px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:25px}
.identity-logo-wrap{display:flex;align-items:center;justify-content:center}
.identity-logo{width:205px;height:205px;object-fit:contain}
.identity-title{text-align:center;padding-left:80px}
.identity-title h1{font-size:59px;line-height:1.08;color:var(--navy);margin:0}
.identity-title h2{font-size:27px;color:var(--gold);margin:8px 0 5px}
.identity-slogan{display:flex;align-items:center;justify-content:center;gap:24px;font-size:22px;font-weight:700}
.identity-slogan span{width:84px;height:2px;background:var(--gold)}

/* Navigation */
.nav-wrap{height:65px;background:var(--navy)}
.nav-inner{height:65px;display:flex;align-items:center;gap:14px}
.main-navigation{flex:1;height:65px}
.main-navigation ul{height:65px;display:flex;align-items:stretch;list-style:none;margin:0;padding:0;gap:0}
.main-navigation li{display:flex}
.main-navigation a{display:flex;align-items:center;padding:0 16px;color:#fff;font-weight:700;white-space:nowrap}
.main-navigation a:hover{background:rgba(255,255,255,.08)}
.home-link{order:-1}
.home-link a{background:var(--gold);font-size:26px;padding:0 25px}
.language-switcher{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;margin-inline-start:auto}
.language-switcher a{padding:8px 13px;border-radius:5px}
.language-switcher .active{background:var(--gold)}
.search-icon{font-size:28px;color:var(--gold);margin-inline-start:5px}

/* Exact hero */
.hero-reference{
  height:480px;
  background-size:cover;
  background-position:center center;
  position:relative;
  display:flex;
  align-items:flex-end;
}
.hero-reference:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,29,61,0),rgba(3,29,61,.05))}
.hero-bottom-panel{
  position:relative;
  z-index:2;
  min-height:82px;
  margin-bottom:0;
  padding:14px 38px;
  background:rgba(3,29,61,.94);
  color:#fff;
  border-radius:8px 8px 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
}
.hero-message{flex:1;text-align:right}
body.lang-en .hero-message{text-align:left}
.hero-message h2{font-size:25px;margin:0 0 2px}
.hero-message p{font-size:15px;margin:0}
.hero-actions{display:flex;gap:14px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:6px;font-weight:700}
.btn-gold{background:var(--gold);color:#fff}
.btn-outline{border:2px solid var(--gold);color:#fff;background:transparent}

/* Services */
.service-strip{padding:12px 0 8px;background:#fff}
.service-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.service-card{min-height:132px;text-align:center;padding:16px 8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}
.service-card span{display:block;font-size:40px;color:var(--gold);line-height:1}
.service-card h3{font-size:17px;color:var(--navy);margin:10px 0 2px}
.service-card p{font-size:13px;color:var(--muted);margin:0}

/* Stats */
.stats-band{padding:0 0 14px;background:#fff}
.stats-grid{background:var(--navy);color:#fff;border-radius:7px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.stats-grid>div{min-height:80px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:18px;padding:10px 18px;border-inline-start:1px solid rgba(255,255,255,.12)}
.stat-icon{grid-row:1/3;font-size:36px;color:var(--gold)}
.stats-grid strong{font-size:30px;line-height:1.05}
.stats-grid small{font-size:13px}

/* News */
.section{padding:48px 0}
.section-heading-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.section-heading-row h2{font-size:31px;color:var(--navy);margin:0;border-bottom:3px solid var(--gold);padding-bottom:6px}
.all-news{background:var(--navy);color:#fff;padding:8px 14px;border-radius:5px}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.news-item{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:var(--shadow)}
.news-image{height:170px;background:#edf2f6;display:grid;place-items:center}
.news-image img{width:100%;height:100%;object-fit:cover}
.news-placeholder{font-size:52px}
.news-content{padding:14px}
.news-content h3{font-size:17px;margin:0 0 7px;color:var(--navy)}
.news-date{font-size:13px;color:var(--muted)}

/* Footer */
.site-footer{background:var(--navy);color:#fff;padding:34px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1.4fr 1.25fr 1fr;gap:34px}
.footer-brand{text-align:center}
.footer-brand img{width:90px;height:90px;object-fit:contain}
.site-footer h3{color:var(--gold2);margin-top:0}
.site-footer ul{list-style:none;padding:0}
.site-footer li{margin:6px 0}
.map-placeholder{background:#fff;color:var(--navy);padding:28px;border-radius:7px;text-align:center}

/* Inner pages */
.page-header{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;text-align:center;padding:65px 0;border-bottom:5px solid var(--gold)}
.content-area{padding:55px 0;min-height:500px}
.entry-content{max-width:1050px;margin:auto;background:#fff;padding:35px;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-box{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);padding:25px;border-radius:9px;box-shadow:var(--shadow)}
.contact-form label{display:block;font-weight:700;margin:10px 0 5px}
.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;font:inherit}
.contact-form textarea{min-height:140px}

@media(max-width:1150px){
  .identity-title{padding-left:0}
  .identity-title h1{font-size:46px}
  .main-navigation a{padding:0 10px;font-size:14px}
  .service-cards{grid-template-columns:repeat(3,1fr)}
  .news-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .topbar{display:none}
  .identity-band{height:auto}
  .identity-grid{height:auto;grid-template-columns:1fr;padding:16px 0}
  .identity-logo{width:145px;height:145px}
  .identity-title{padding:0}
  .identity-title h1{font-size:35px}
  .identity-title h2{font-size:20px}
  .identity-slogan{font-size:16px;gap:10px}
  .identity-slogan span{width:35px}
  .nav-wrap,.nav-inner,.main-navigation,.main-navigation ul{height:auto}
  .nav-inner{flex-wrap:wrap;padding:7px 0}
  .main-navigation{width:100%}
  .main-navigation ul{flex-direction:column}
  .main-navigation a{padding:10px 12px}
  .hero-reference{height:470px}
  .hero-bottom-panel{flex-direction:column;padding:16px;text-align:center}
  .hero-message{text-align:center!important}
  .service-cards{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid,.footer-grid,.contact-grid{grid-template-columns:1fr}
}


/* قسم الفيديوهات بدون عنوان */
.videos-section{
  padding:48px 0;
  background:#f5f7fa;
  border-top:1px solid var(--line);
}
.video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.video-card{
  aspect-ratio:16/9;
  background:var(--navy);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid rgba(3,29,61,.12);
}
.video-card iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.video-empty{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:20px;
  background:linear-gradient(135deg,var(--navy),var(--navy2));
}
.video-empty .play-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:2px solid var(--gold);
  border-radius:50%;
  color:var(--gold2);
  font-size:24px;
  margin-bottom:12px;
}
.video-empty p{
  margin:0;
  font-size:15px;
}
@media(max-width:900px){
  .video-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .video-grid{grid-template-columns:1fr}
}
/* ===== أعضاء مجلس محافظة نينوى ===== */

.members-grid{
    width:min(1400px,94%);
    margin:50px auto;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:28px;
    direction:rtl;
}

.member-card{
    background:#ffffff;
    border:1px solid #e1e4e8;
    border-radius:14px;
    overflow:hidden;
    text-align:center;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
    transition:transform .25s ease, box-shadow .25s ease;
}

.member-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 28px rgba(0,0,0,.14);
}

.member-image{
    width:100%;
    height:310px;
    overflow:hidden;
    background:#f4f4f4;
}

.member-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
}

.member-info{
    padding:18px 12px 22px;
}

.member-info h3{
    margin:0 0 8px;
    font-size:20px;
    line-height:1.5;
    color:#505861;
    font-weight:700;
}

.member-info p{
    margin:0;
    color:#c8942f;
    font-size:15px;
    line-height:1.7;
    font-weight:700;
}

@media(max-width:1100px){
    .members-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

@media(max-width:800px){
    .members-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:520px){
    .members-grid{
        grid-template-columns:1fr !important;
    }

    .member-image{
        height:350px;
    }
}
.members-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;
    width:min(1400px,94%);
    margin:50px auto;
}

.member-card{
    background:#fff;
    border:1px solid #e3e6e8;
    border-radius:14px;
    overflow:hidden;
    text-align:center;
    box-shadow:0 6px 22px rgba(0,0,0,.08);
    transition:.25s ease;
}

.member-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,0,0,.13);
}

.member-image{
    height:320px;
    background:#f5f6f7;
    overflow:hidden;
}

.member-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
}

.member-info{
    padding:18px 14px 22px;
}

.member-info h3{
    margin:0 0 8px;
    color:#515a63;
    font-size:20px;
    font-weight:700;
}

.member-info p{
    margin:0;
    color:#d29a2b;
    font-size:15px;
    font-weight:700;
}

@media(max-width:1000px){
    .members-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:750px){
    .members-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:500px){
    .members-grid{
        grid-template-columns:1fr;
    }
}
.menu-dropdown{
    position:relative;
}

.menu-dropdown > .submenu{
    position:absolute;
    top:100%;
    right:0;
    min-width:230px;
    height:auto !important;
    display:none !important;
    flex-direction:column;
    padding:8px 0;
    margin:0;
    background:#ffffff;
    border-top:3px solid var(--gold);
    border-radius:0 0 8px 8px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    z-index:9999;
}

.menu-dropdown:hover > .submenu{
    display:flex !important;
}

.menu-dropdown .submenu li{
    display:block;
    width:100%;
}

.menu-dropdown .submenu a{
    display:block;
    width:100%;
    padding:11px 18px;
    color:var(--ink);
    background:#fff;
    text-align:right;
    white-space:nowrap;
    font-size:15px;
}

.menu-dropdown .submenu a:hover{
    background:#f5f6f7;
    color:var(--gold);
}

/* =====================================================
   NEW GOVERNMENT-STYLE FOOTER
===================================================== */

/* =====================================================
   Footer style inspired by government presidency portals
   مجلس محافظة نينوى
===================================================== */

.npc-footer{
    width:100%;
    background:#050505;
    color:#fff;
    direction:rtl;
    margin-top:50px;
    font-family:inherit;
}

.npc-footer-main{
    background:#050505;
}

.npc-footer-container{
    width:min(1380px, 94%);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr 1.25fr;
    gap:55px;
    padding:48px 20px 42px;
    align-items:start;
}

/* الهوية */
.npc-footer-brand{
    text-align:center;
    padding-left:20px;
    border-left:1px solid rgba(255,255,255,.15);
}

.npc-footer-logo{
    display:block !important;
    width:120px !important;
    height:auto !important;
    max-width:120px !important;
    max-height:none !important;
    margin:0 auto 12px !important;
    object-fit:contain !important;
    filter:none !important;
    opacity:1 !important;
}

.npc-footer-brand h3{
    margin:0 0 6px;
    color:#d8a431;
    font-size:24px;
    font-weight:700;
    line-height:1.5;
}

.npc-footer-brand p{
    margin:0;
    color:#ddd;
    font-size:14px;
    line-height:1.8;
}

/* السوشيال */
.npc-social{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:22px;
}

.npc-social a{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    border:1px solid rgba(255,255,255,.35);
    transition:.2s ease;
}

.npc-social a:hover{
    background:#d8a431;
    color:#050505;
    border-color:#d8a431;
}

/* الأعمدة */
.npc-footer-column h4{
    margin:4px 0 23px;
    color:#fff;
    font-size:19px;
    font-weight:700;
    position:relative;
    padding-bottom:10px;
}

.npc-footer-column h4::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:42px;
    height:2px;
    background:#d8a431;
}

.npc-footer-column ul{
    list-style:none;
    padding:0;
    margin:0;
}

.npc-footer-column li{
    margin-bottom:14px;
}

.npc-footer-column a{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    line-height:1.8;
    position:relative;
    padding-right:14px;
    transition:.2s ease;
}

.npc-footer-column a::before{
    content:"‹";
    position:absolute;
    right:0;
    top:0;
    color:#d8a431;
    font-weight:700;
}

.npc-footer-column a:hover{
    color:#d8a431;
    padding-right:19px;
}

/* التواصل */
.npc-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#fff;
    font-size:14px;
    line-height:1.8;
    margin-bottom:16px;
}

.npc-icon{
    color:#d8a431;
    width:20px;
    flex:0 0 20px;
    text-align:center;
}

.npc-ltr{
    direction:ltr;
    text-align:left;
    display:inline-block;
    word-break:break-word;
}

/* الشريط السفلي */
.npc-footer-bottom{
    background:#1f2d3a;
    border-top:1px solid rgba(255,255,255,.08);
}

.npc-footer-bottom-inner{
    width:min(1380px, 94%);
    margin:0 auto;
    padding:14px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    font-size:13px;
    color:#e8ebee;
}

.npc-footer-mini-links{
    display:flex;
    align-items:center;
    gap:8px;
}

.npc-footer-mini-links a{
    color:#fff;
    text-decoration:none;
}

.npc-footer-mini-links a:hover{
    color:#d8a431;
}

/* Tablet */
@media(max-width:1000px){
    .npc-footer-container{
        grid-template-columns:1fr 1fr;
        gap:35px;
    }

    .npc-footer-brand{
        border-left:none;
        padding-left:0;
    }
}

/* Mobile */
@media(max-width:650px){
    .npc-footer-container{
        grid-template-columns:1fr;
        width:100%;
        padding:36px 24px;
        gap:28px;
    }

    .npc-footer-brand{
        text-align:center;
    }

    .npc-footer-column{
        text-align:center;
    }

    .npc-footer-column h4::after{
        right:50%;
        transform:translateX(50%);
    }

    .npc-footer-column a{
        padding-right:0;
    }

    .npc-footer-column a::before{
        display:none;
    }

    .npc-contact-list li{
        justify-content:center;
    }

    .npc-footer-bottom-inner{
        flex-direction:column;
        text-align:center;
        gap:6px;
    }

    .npc-footer-logo{
        width:105px !important;
        max-width:105px !important;
    }
}
/* ===== أيقونات التواصل في الفوتر ===== */

.footer-social,
.social-icons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-top:22px;
}

.footer-social a,
.social-icons a{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1.5px solid #d9a328;
    border-radius:50%;

    color:#ffffff;
    background:#111;

    font-size:16px;
    text-decoration:none;

    transition:all .3s ease;
}

/* عند مرور الماوس */
.footer-social a:hover,
.social-icons a:hover{
    background:#d9a328;
    color:#111;

    transform:translateY(-4px);
    box-shadow:0 5px 15px rgba(217,163,40,.35);
}

/* ترتيب الأيقونة داخل الدائرة */
.footer-social a i,
.social-icons a i{
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}
/* شعار مجلس محافظة نينوى في الفوتر */
.footer-logo img{
    width:130px;
    height:130px;
    object-fit:cover;

    border-radius:50%;
    background:#fff;

    border:3px solid #d9a328;
    padding:5px;

    box-shadow:0 0 0 4px rgba(217,163,40,.15),
               0 8px 25px rgba(0,0,0,.45);

    transition:all .3s ease;
}

/* حركة بسيطة عند المرور */
.footer-logo img:hover{
    transform:scale(1.06);
    box-shadow:0 0 0 5px rgba(217,163,40,.25),
               0 10px 30px rgba(0,0,0,.5);
}
.footer-logo{
    width:150px;
    height:150px;
    border-radius:50%;
    border:3px solid #d9a328;
    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 15px;
    padding:15px;

    box-shadow:0 5px 20px rgba(0,0,0,.35);
}

.footer-logo img{
    width:115px;
    height:auto;

    /* الصورة نفسها تبقى مربعة */
    border-radius:0 !important;
    object-fit:contain;
}

/* FINAL FOOTER LOGO FIX */
.npc-footer-brand .npc-footer-logo{
 display:block !important; width:145px !important; height:145px !important; max-width:145px !important; max-height:145px !important; margin:0 auto 16px !important; object-fit:contain !important; object-position:center !important; background:#fff !important; padding:8px !important; border:3px solid #d8a431 !important; border-radius:50% !important; box-shadow:0 0 0 4px rgba(216,164,49,.12),0 7px 22px rgba(0,0,0,.35) !important; box-sizing:border-box !important; overflow:hidden !important; filter:none !important; opacity:1 !important;
}
.npc-footer-brand .npc-footer-logo:hover{transform:scale(1.04);transition:transform .25s ease,box-shadow .25s ease;}
@media(max-width:650px){.npc-footer-brand .npc-footer-logo{width:125px !important;height:125px !important;max-width:125px !important;max-height:125px !important;}}
/* ===== ألوان الهيدر الجديدة ===== */

/* اسم المجلس */
.site-branding h1,
.site-title,
.header-title{
    color:#F1F0ED !important;
}

/* بوابة المعلومات والخدمات الرسمية */
.site-branding h2,
.site-branding .subtitle,
.header-subtitle{
    color:#C89B3C !important;
}

/* شفافية - خدمة - تنمية */
.site-branding p,
.header-slogan{
    color:#18345A !important;
}

/* الخطوط الذهبية */
.site-branding p::before,
.site-branding p::after,
.header-slogan::before,
.header-slogan::after{
    background:#C89B3C !important;
}

/* شريط القائمة */
.main-navigation,
.site-navigation,
.navbar{
    background:#18345A !important;
}

/* لون عناصر القائمة */
.main-navigation a,
.site-navigation a,
.navbar a{
    color:#FFFFFF !important;
}

/* عند المرور بالماوس */
.main-navigation a:hover,
.site-navigation a:hover,
.navbar a:hover{
    color:#E5BC62 !important;
}
/* ===== ألوان هيدر مجلس محافظة نينوى ===== */

/* اسم مجلس محافظة نينوى */
.identity-title h1{
    color:#1F3552 !important;
}

/* بوابة المعلومات والخدمات الرسمية */
.identity-title h2{
    color:#C89A3D !important;
}

/* شفافية - خدمة - تنمية */
.identity-slogan{
    color:#253A50 !important;
}

/* الخطوط الجانبية */
.identity-slogan span{
    background:#C89A3D !important;
}

/* خلفية الشريط */
.nav-wrap{
    background:#243B55 !important;
}

/* روابط الشريط */
.main-navigation a{
    color:#FFFFFF !important;
}

/* عند المرور */
.main-navigation a:hover{
    background:rgba(255,255,255,.10) !important;
    color:#E8BE69 !important;
}

/* زر الرئيسية */
.home-link a{
    background:#C89A3D !important;
    color:#FFFFFF !important;
}

/* اللغة العربية */
.language-switcher .active{
    background:#C89A3D !important;
}
/* ===== اللون الرسمي النهائي للهيدر والقائمة ===== */

.main-nav{
    background:#3F4852 !important;
}

.main-nav .container{
    background:#3F4852 !important;
}

/* صندوق النص فوق صورة المبنى */
.hero-bottom-panel{
    background:rgba(47, 56, 66, 0.94) !important;
}

/* زر الرئيسية */
.home-icon,
.home-link{
    background:#C99A36 !important;
}

/* العربية */
.language-switcher a.active{
    background:#C99A36 !important;
}

/* الخدمات الإلكترونية */
.btn-gold{
    background:#C99A36 !important;
    border-color:#C99A36 !important;
}

/* زر تقديم شكوى */
.btn-outline{
    border-color:#D5A43E !important;
    color:#ffffff !important;
}

/* الروابط */
.main-nav a{
    color:#ffffff !important;
}

.main-nav a:hover{
    color:#E6BC60 !important;
}
/* ===== لون رسمي جذاب ===== */

.main-nav,
.nav-wrap,
.main-navigation {
    background: #244653 !important;
}

/* الصندوق فوق صورة المبنى */
.hero-bottom-panel {
    background: rgba(36, 70, 83, 0.94) !important;
}

/* الشريط العلوي */
.top-bar {
    background: #303D43 !important;
}

/* الذهبي */
:root {
    --gold: #D5A43A;
    --gold2: #EBC568;
}
/* ===== جوزي رسمي + ذهبي ===== */

/* شريط القائمة */
.main-nav,
.nav-wrap,
.main-navigation {
    background: #493B35 !important;
}

/* الصندوق الموجود فوق صورة المبنى */
.hero-bottom-panel {
    background: rgba(73, 59, 53, 0.94) !important;
}

/* الشريط العلوي */
.top-bar {
    background: #352D29 !important;
}

/* الذهبي */
:root {
    --gold: #C99A3D;
    --gold2: #E1BC68;
}

/* الروابط */
.main-nav a,
.main-navigation a {
    color: #FFFFFF !important;
}

/* عند تمرير الماوس */
.main-nav a:hover,
.main-navigation a:hover {
    color: #E1BC68 !important;
}
/* ===== فيديوهات مجلس محافظة نينوى ===== */

.videos-section{
    padding:55px 0;
    background:#f5f7f9;
    border-top:1px solid #e2e6ea;
}

.video-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.video-card{
    background:#2f3943;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    border:1px solid rgba(0,0,0,.08);
}

.video-card video{
    width:100%;
    height:280px;
    display:block;
    object-fit:cover;
    background:#000;
}

@media(max-width:900px){
    .video-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .video-grid{
        grid-template-columns:1fr;
    }

    .video-card video{
        height:230px;
    }
}
/* =====================================================
   الألوان النهائية
   جوزي فاتح + رصاصي + ذهبي
   ===================================================== */

:root{
    --light-brown: #81736B;
    --light-brown-2: #91847C;
    --gray-brown: #746C67;

    --dark-gray: #4E565E;
    --soft-gray: #68717A;

    --gold: #CFA13D;
    --gold2: #E5BF68;
}


/* ===== الشريط العلوي ===== */

.topbar,
.top-bar{
    background:#555D64 !important;
    color:#ffffff !important;
}


/* ===== القائمة الرئيسية ===== */

.nav-wrap,
.main-nav,
.main-navigation,
.site-navigation,
.navbar,
.main-nav .container{
    background:#746C67 !important;
}


/* روابط القائمة */

.main-navigation a,
.main-nav a,
.site-navigation a,
.navbar a{
    color:#ffffff !important;
}


/* عند مرور الماوس */

.main-navigation a:hover,
.main-nav a:hover,
.site-navigation a:hover,
.navbar a:hover{
    background:rgba(255,255,255,.10) !important;
    color:#F0CC78 !important;
}


/* ===== زر الرئيسية ===== */

.home-link,
.home-link a,
.home-icon{
    background:#CFA13D !important;
    color:#ffffff !important;
}


/* ===== زر العربية ===== */

.language-switcher .active,
.language-switcher a.active{
    background:#CFA13D !important;
    color:#ffffff !important;
}


/* ===== صندوق النص فوق صورة المبنى ===== */

.hero-bottom-panel{
    background:rgba(105, 96, 91, 0.91) !important;
    color:#ffffff !important;
}

.hero-bottom-panel h2,
.hero-bottom-panel p{
    color:#ffffff !important;
}


/* ===== زر الخدمات الإلكترونية ===== */

.btn-gold{
    background:#CFA13D !important;
    border-color:#CFA13D !important;
    color:#ffffff !important;
}

.btn-gold:hover{
    background:#B98B31 !important;
}


/* ===== زر تقديم شكوى ===== */

.btn-outline{
    background:transparent !important;
    border:2px solid #D9AB48 !important;
    color:#ffffff !important;
}

.btn-outline:hover{
    background:#CFA13D !important;
    color:#ffffff !important;
}


/* ===== القائمة المنسدلة ===== */

.menu-dropdown > .submenu,
.main-navigation .sub-menu{
    background:#ffffff !important;
    border-top:3px solid #CFA13D !important;
}

.menu-dropdown .submenu a,
.main-navigation .sub-menu a{
    background:#ffffff !important;
    color:#5F5550 !important;
}

.menu-dropdown .submenu a:hover,
.main-navigation .sub-menu a:hover{
    background:#F3F1EF !important;
    color:#B98628 !important;
}


/* ===== الفيديوهات ===== */

.videos-section{
    background:#F4F5F6 !important;
}

.video-card{
    background:#68717A !important;
}

.video-empty{
    background:linear-gradient(
        135deg,
        #68717A,
        #81736B
    ) !important;
}


/* ===== الإحصائيات ===== */

.stats-grid{
    background:#68717A !important;
}


/* ===== عناوين الصفحات الداخلية ===== */

.page-header{
    background:linear-gradient(
        135deg,
        #68717A,
        #81736B
    ) !important;

    border-bottom:5px solid #CFA13D !important;
}


/* ===== زر عرض جميع الأخبار ===== */

.all-news{
    background:#746C67 !important;
    color:#ffffff !important;
}

.all-news:hover{
    background:#81736B !important;
}


/* ===== نهاية الألوان ===== */
/* ===== اللون الأزرق الرسمي مثل الصورة ===== */

/* القائمة الرئيسية */
.nav-wrap,
.main-nav,
.main-navigation,
.site-navigation,
.navbar,
.main-nav .container{
    background:#06436A !important;
}

/* الصندوق فوق صورة المبنى */
.hero-bottom-panel{
    background:rgba(6, 67, 106, 0.93) !important;
}

/* الشريط العلوي */
.topbar,
.top-bar{
    background:#073957 !important;
}

/* الإحصائيات */
.stats-grid{
    background:#06436A !important;
}

/* صفحات الموقع الداخلية */
.page-header{
    background:linear-gradient(135deg,#073957,#075078) !important;
    border-bottom:5px solid #CFA13D !important;
}

/* الروابط */
.main-navigation a,
.main-nav a{
    color:#ffffff !important;
}

/* عند مرور الماوس */
.main-navigation a:hover,
.main-nav a:hover{
    background:#073957 !important;
    color:#E5BC62 !important;
}

/* زر الرئيسية */
.home-link a,
.home-icon{
    background:#CFA13D !important;
}

/* زر اللغة العربية */
.language-switcher .active,
.language-switcher a.active{
    background:#CFA13D !important;
}

/* زر الخدمات الإلكترونية */
.btn-gold{
    background:#CFA13D !important;
    border-color:#CFA13D !important;
}

/* زر تقديم شكوى */
.btn-outline{
    border-color:#CFA13D !important;
    color:#ffffff !important;
}
/* ===== أحمر داكن رسمي + ذهبي ===== */

/* شريط القائمة الرئيسي */
.nav-wrap,
.main-nav,
.main-navigation,
.site-navigation,
.navbar,
.main-nav .container{
    background:#651F2A !important;
}

/* الشريط العلوي - أغمق */
.topbar,
.top-bar{
    background:#48151D !important;
    color:#FFFFFF !important;
}

/* الصندوق فوق صورة المبنى */
.hero-bottom-panel{
    background:rgba(101, 31, 42, 0.92) !important;
    color:#FFFFFF !important;
}

/* روابط القائمة */
.main-nav a,
.main-navigation a,
.site-navigation a{
    color:#FFFFFF !important;
}

/* عند مرور الماوس */
.main-nav a:hover,
.main-navigation a:hover{
    background:#7A2936 !important;
    color:#F1CD77 !important;
}

/* زر الرئيسية */
.home-link,
.home-link a,
.home-icon{
    background:#CFA13D !important;
    color:#FFFFFF !important;
}

/* زر العربية */
.language-switcher .active,
.language-switcher a.active{
    background:#CFA13D !important;
    color:#FFFFFF !important;
}

/* زر الخدمات الإلكترونية */
.btn-gold{
    background:#CFA13D !important;
    border-color:#CFA13D !important;
    color:#FFFFFF !important;
}

/* زر تقديم شكوى */
.btn-outline{
    border:2px solid #DDB34F !important;
    color:#FFFFFF !important;
}

/* عناوين الصفحات الداخلية */
.page-header{
    background:linear-gradient(
        135deg,
        #48151D,
        #722633
    ) !important;

    border-bottom:5px solid #CFA13D !important;
}

/* الإحصائيات */
.stats-grid{
    background:#651F2A !important;
}

/* خلفية الفيديو الفارغ */
.video-empty{
    background:linear-gradient(
        135deg,
        #48151D,
        #722633
    ) !important;
}

/* ===== ماروني داكن رسمي ===== */

/* شريط القائمة */
.nav-wrap,
.main-nav,
.main-navigation,
.site-navigation,
.navbar,
.main-nav .container {
    background: #541923 !important;
}

/* الشريط العلوي */
.topbar,
.top-bar {
    background: #3D1118 !important;
}

/* خلفية عناوين الصفحات مثل "اتصل بنا" */
.page-header {
    background: #541923 !important;
    border-bottom: 4px solid #D3A238 !important;
}

/* الصندوق فوق صورة المبنى */
.hero-bottom-panel {
    background: rgba(84, 25, 35, 0.93) !important;
}

/* عند تمرير الماوس على القائمة */
.main-nav a:hover,
.main-navigation a:hover {
    background: #681F2B !important;
    color: #F0C866 !important;
}

/* الرئيسية والعربية */
.home-link,
.home-link a,
.home-icon,
.language-switcher a.active {
    background: #D3A238 !important;
    color: #FFFFFF !important;
}
/* ===== تصميم بطاقات أعضاء المجلس ===== */

.members-grid {
    background: #F5F2F2 !important;
    padding: 40px 25px;
}

/* بطاقة العضو */
.member-card {
    background: #FFFFFF !important;
    border: 1px solid #E4D8DA !important;
    border-top: 4px solid #541923 !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(84, 25, 35, 0.10);
    transition: 0.3s ease;
}

/* المنطقة خلف صورة العضو */
.member-image {
    background: #F0E9EA !important;
    padding: 12px;
}

/* صورة العضو */
.member-image img {
    width: 100%;
    display: block;
    background: #F0E9EA;
    border-radius: 8px;
}

/* الاسم والمنصب */
.member-info {
    background: #FFFFFF !important;
    padding: 18px 12px;
    text-align: center;
}

.member-info h3 {
    color: #541923 !important;
}

.member-info p {
    color: #666666 !important;
}

/* عند المرور على البطاقة */
.member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(84, 25, 35, 0.18);
    border-color: #D3A238 !important;
}
/* ===== خلفية عنوان عن المجلس وبقية الصفحات ===== */

.page-header,
.inner-hero,
.page-hero,
.page-title-section {
    background: #541923 !important;
    border-bottom: 4px solid #D3A238 !important;
}

/* عنوان عن المجلس */
.page-header h1,
.page-header h2,
.inner-hero h1,
.page-hero h1,
.page-title-section h1 {
    color: #FFFFFF !important;
}
/* خلفية منطقة محتوى عن المجلس */
.page-content,
.about-section,
.about-content {
    background: #F4F2F2 !important;
}

/* الصندوق الذي يحتوي الصورة والنص */
.about-card,
.content-card {
    background: #FFFFFF !important;
    border-top: 4px solid #D3A238 !important;
    border-radius: 12px;
}
/* ===== تنسيق صندوق عن المجلس ===== */

/* خلفية المنطقة كاملة */
.about-section,
.page-content {
    background: #F4F1F2 !important;
}

/* الصندوق الذي يحتوي الصورة والنص */
.about-card,
.content-card,
.page-content .container {
    background: #F8F3F4 !important;
    border: 1px solid #E2D5D7 !important;
    border-top: 5px solid #6A1F2B !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(84, 25, 35, 0.10) !important;
}

/* الصورة */
.about-card img,
.content-card img,
.page-content img {
    border-radius: 10px !important;
    border-bottom: 4px solid #D3A238 !important;
}

/* العناوين مثل رؤية المجلس */
.about-card h2,
.about-card h3,
.content-card h2,
.content-card h3,
.page-content h2,
.page-content h3 {
    color: #5B1B26 !important;
}

/* النص */
.about-card p,
.content-card p,
.page-content p {
    color: #3F454B !important;
}
/* ===== خلفية صندوق عن المجلس ===== */

.page-content .container,
.about-content,
.about-card {
    background: #F1E4E6 !important;
    border: 1px solid #D9BCC1 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 25px rgba(84, 25, 35, 0.12) !important;
}

/* خلفية الصفحة حول الصندوق */
.page-content,
.about-section {
    background: #F7F5F5 !important;
}

/* النص */
.page-content p,
.about-content p {
    color: #343434 !important;
}

/* العناوين داخل الصندوق */
.page-content h2,
.page-content h3,
.about-content h2,
.about-content h3 {
    color: #541923 !important;
}
/* ===== خلفية رصاصية فاتحة وأوضح ===== */

.page-content,
.about-section,
main {
    background: #E7E9EC !important;
}

/* صندوق محتوى عن المجلس */
.page-content .container,
.about-content,
.about-card {
    background: #F8F8F8 !important;
    border: 1px solid #D4D7DB !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.10) !important;
}
/* =====================================================
   صفحة القرارات والتشريعات
===================================================== */

.decisions-section{
    padding:55px 0 70px;
    background:#E6E8EB;
}

.decisions-page-header{
    background:#541923 !important;
    border-bottom:4px solid #D3A238 !important;
}

.decisions-page-header h1,
.decisions-page-header p{
    color:#fff !important;
}

.decisions-intro{
    text-align:center;
    margin-bottom:32px;
}

.decisions-intro h2{
    margin:0 0 8px;
    color:#541923;
    font-size:30px;
}

.decisions-intro p{
    margin:0;
    color:#666;
}

.decisions-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:25px;
}

.decision-card{
    background:#fff;
    border:1px solid #D6D9DD;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.25s ease;
}

.decision-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 32px rgba(84,25,35,.14);
}

.decision-card-top{
    background:#541923;
    color:#fff;
    padding:16px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:4px solid #D3A238;
}

.decision-number{
    display:flex;
    align-items:center;
    gap:10px;
}

.decision-number span{
    font-size:14px;
    opacity:.85;
}

.decision-number strong{
    font-size:23px;
    color:#F2C966;
}

.decision-date{
    font-size:14px;
}

.decision-card-body{
    padding:22px;
}

.decision-card-body h3{
    margin:0 0 20px;
    color:#541923;
    font-size:22px;
}

.decision-meta{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-bottom:20px;
}

.decision-meta div{
    background:#F3F4F5;
    border:1px solid #E0E2E4;
    padding:12px;
    border-radius:8px;
}

.decision-meta span{
    display:block;
    font-size:12px;
    color:#7B8085;
    margin-bottom:4px;
}

.decision-meta strong{
    color:#343A40;
    font-size:14px;
}

.decision-summary{
    background:#FAF7F1;
    border-right:4px solid #D3A238;
    padding:15px 17px;
    margin-bottom:18px;
    border-radius:7px;
}

.decision-summary strong{
    color:#541923;
}

.decision-summary p{
    margin:6px 0 0;
    color:#444;
    line-height:1.9;
}

.decision-details{
    border:1px solid #DDD;
    border-radius:8px;
    overflow:hidden;
    margin-bottom:18px;
}

.decision-details summary{
    padding:13px 16px;
    background:#F2F2F2;
    cursor:pointer;
    font-weight:700;
    color:#541923;
}

.decision-details-content{
    padding:18px;
    background:#fff;
}

.decision-details-content h4{
    margin:0 0 8px;
    color:#541923;
}

.decision-details-content p{
    margin:0 0 18px;
    line-height:1.9;
    color:#444;
}

.decision-official-note{
    background:#F8EFEF;
    border:1px solid #E4CCCC;
    padding:12px;
    border-radius:7px;
    color:#541923;
}

.decision-actions{
    display:flex;
    justify-content:flex-start;
}

.decision-pdf-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#D3A238;
    color:#fff !important;
    padding:11px 20px;
    border-radius:7px;
    font-weight:700;
    transition:.2s ease;
}

.decision-pdf-btn:hover{
    background:#B98A2D;
}

@media(max-width:900px){
    .decisions-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){
    .decision-meta{
        grid-template-columns:1fr;
    }

    .decision-card-top{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }
}
/* =====================================================
   نموذج القرار الرسمي
===================================================== */

.official-decision-section{
    padding:60px 20px;
    background:#e4e6e8;
}

.official-decision-paper{
    width:min(950px,96%);
    margin:auto;

    background:#fff;

    padding:45px 55px;

    border:3px double #555;

    box-shadow:0 10px 35px rgba(0,0,0,.15);

    color:#292929;

    direction:rtl;
}


/* رأس الكتاب */

.decision-letter-head{
    display:grid;

    grid-template-columns:1fr 180px 1fr;

    gap:25px;

    align-items:start;
}


.decision-head-right{
    text-align:right;
}


.decision-head-right h3{
    margin:0 0 7px;

    font-size:19px;
}


.decision-head-right p{
    margin:8px 0;

    font-size:17px;
}


.decision-head-left{
    text-align:left;

    font-weight:700;

    line-height:2;
}


/* الشعار */

.decision-logo{
    text-align:center;
}


.decision-logo img{
    width:130px;
    height:130px;

    object-fit:contain;
}


/* الخط الفاصل */

.decision-separator{
    height:2px;

    background:#555;

    margin:30px 0;
}


/* الجلسة */

.decision-session{
    text-align:center;

    margin-bottom:30px;
}


.decision-session h2{
    margin:0 0 6px;

    font-size:25px;
}


.decision-session h3{
    margin:5px 0;

    font-size:20px;
}


/* النص */

.decision-text{
    font-size:18px;

    line-height:2.1;

    text-align:justify;
}


.decision-text p{
    margin:15px 0;
}


.decision-item{
    color:#8a2633;

    font-size:19px;
}


/* الأسباب الموجبة */

.decision-reasons{
    margin-top:25px;

    padding-top:15px;

    border-top:1px solid #777;
}


.decision-reasons h3{
    color:#541923;

    margin-bottom:8px;
}


/* التوقيع */

.decision-signature{
    margin-top:45px;

    width:320px;

    text-align:center;
}


.decision-signature strong,
.decision-signature span{
    display:block;

    margin:6px 0;
}


.decision-signature strong{
    font-size:19px;
}


/* زر PDF */

.decision-download{
    text-align:center;

    margin-top:35px;
}


.decision-download a{
    display:inline-block;

    padding:12px 28px;

    background:#541923;

    color:#fff;

    border:2px solid #d3a238;

    border-radius:6px;

    font-weight:700;
}


.decision-download a:hover{
    background:#6b202c;
}


/* الهاتف */

@media(max-width:700px){

    .official-decision-paper{
        padding:25px 18px;
    }

    .decision-letter-head{
        grid-template-columns:1fr;

        text-align:center;
    }

    .decision-head-right,
    .decision-head-left{
        text-align:center;
    }

    .decision-logo{
        order:-1;
    }

    .decision-text{
        font-size:16px;
    }

}
.decision-details-btn{
    display:block;
    width:100%;
    padding:14px 18px;
    margin-bottom:18px;

    background:#F2F2F2;
    border:1px solid #D8D8D8;
    border-radius:8px;

    color:#541923 !important;
    font-weight:700;
    text-align:right;
    text-decoration:none;

    transition:.2s ease;
}

.decision-details-btn:hover{
    background:#E9E9E9;
    color:#D3A238 !important;
}
/* ==================================================
   إصلاح صفحة القرارات والتشريعات
   ================================================== */

.decisions-page,
.decisions-container,
.decisions-wrapper{
    width:100% !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:35px 30px 60px !important;
    box-sizing:border-box !important;
}


/* عنوان قرارات مجلس محافظة نينوى */
.decisions-intro{
    width:100% !important;
    max-width:1200px !important;
    margin:0 auto 35px !important;
    text-align:center !important;
}

.decisions-intro h2{
    color:#591823 !important;
    font-size:32px !important;
    margin:0 0 12px !important;
}

.decisions-intro p{
    color:#60656b !important;
    font-size:16px !important;
}


/* البطاقات */
.decisions-grid{
    width:100% !important;
    max-width:1400px !important;

    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;

    gap:26px !important;

    padding:0 !important;

    box-sizing:border-box !important;
}


/* بطاقة القرار */
.decision-card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;

    background:#ffffff !important;

    border-radius:14px !important;
    overflow:hidden !important;

    box-shadow:0 8px 25px rgba(0,0,0,.08) !important;

    box-sizing:border-box !important;
}


/* رأس البطاقة */
.decision-card-top{
    width:100% !important;

    background:#591823 !important;

    border-bottom:4px solid #D6A536 !important;

    padding:20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    box-sizing:border-box !important;

    color:#ffffff !important;
}


/* رقم القرار */
.decision-number{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.decision-number span{
    color:#ffffff !important;
    font-size:14px !important;
}

.decision-number strong{
    color:#F0C548 !important;
    font-size:25px !important;
}


/* التاريخ */
.decision-date{
    color:#ffffff !important;
    font-size:14px !important;
    direction:ltr !important;
}


/* جسم البطاقة */
.decision-card-body{
    width:100% !important;

    padding:26px 22px !important;

    box-sizing:border-box !important;
}


/* عنوان القرار */
.decision-card-body h3{
    color:#591823 !important;

    font-size:23px !important;
    font-weight:700 !important;

    margin:0 0 22px !important;

    text-align:right !important;
}


/* معلومات القرار */
.decision-meta{
    width:100% !important;

    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;

    gap:12px !important;

    margin-bottom:18px !important;
}


/* كل مربع */
.decision-meta > div{
    min-width:0 !important;

    background:#f5f5f5 !important;

    border:1px solid #dddddd !important;

    border-radius:8px !important;

    padding:14px !important;

    box-sizing:border-box !important;
}

.decision-meta span{
    display:block !important;

    color:#858585 !important;

    font-size:12px !important;

    margin-bottom:7px !important;
}

.decision-meta strong{
    display:block !important;

    color:#17263a !important;

    font-size:15px !important;

    overflow-wrap:anywhere !important;
}


/* موضوع القرار */
.decision-summary{
    width:100% !important;

    background:#faf7f1 !important;

    border-right:4px solid #D6A536 !important;

    border-radius:8px !important;

    padding:17px !important;

    margin:18px 0 !important;

    box-sizing:border-box !important;
}

.decision-summary strong{
    color:#591823 !important;
    font-size:17px !important;
}

.decision-summary p{
    color:#333333 !important;

    line-height:1.9 !important;

    margin:8px 0 0 !important;
}


/* زر عرض التفاصيل */
.decision-details-btn{
    display:block !important;

    width:100% !important;

    padding:14px 18px !important;

    background:#f1f1f1 !important;

    border:1px solid #dddddd !important;

    border-radius:8px !important;

    color:#591823 !important;

    font-weight:700 !important;

    text-decoration:none !important;

    box-sizing:border-box !important;

    margin:0 0 18px !important;
}

.decision-details-btn:hover{
    background:#591823 !important;
    color:#ffffff !important;
}


/* زر PDF */
.decision-actions{
    width:100% !important;

    display:flex !important;

    justify-content:flex-start !important;
}

.decision-pdf-btn{
    display:inline-block !important;

    background:#D6A536 !important;

    color:#ffffff !important;

    padding:13px 22px !important;

    border-radius:7px !important;

    text-decoration:none !important;

    font-weight:700 !important;
}

.decision-pdf-btn:hover{
    background:#591823 !important;
    color:#ffffff !important;
}


/* =========================
   التابلت
   ========================= */

@media (max-width:1000px){

    .decisions-grid{
        grid-template-columns:1fr !important;
        max-width:750px !important;
    }

}


/* =========================
   الموبايل
   ========================= */

@media (max-width:600px){

    .decisions-page,
    .decisions-container,
    .decisions-wrapper{
        padding:25px 14px 45px !important;
    }

    .decisions-intro h2{
        font-size:25px !important;
    }

    .decisions-grid{
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .decision-card-body{
        padding:20px 15px !important;
    }

    .decision-meta{
        grid-template-columns:1fr !important;
    }

    .decision-card-body h3{
        font-size:20px !important;
    }

}

/* =========================================================
   FINAL DECISIONS PAGE LAYOUT FIX - v7.4.1
   يمنع خروج بطاقات القرارات خارج الشاشة
========================================================= */

.decisions-section{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

.decisions-section > .container{
    width:min(1180px, calc(100vw - 60px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}

/* نستخدم Flex هنا بدل أي Grid قديم متعارض */
.decisions-section .decisions-grid{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:24px !important;

    box-sizing:border-box !important;
    direction:rtl !important;
}

.decisions-section .decision-card{
    flex:0 0 calc(50% - 12px) !important;
    width:calc(50% - 12px) !important;
    max-width:calc(50% - 12px) !important;
    min-width:0 !important;

    margin:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

/* يمنع أي عنصر داخلي من توسيع البطاقة */
.decisions-section .decision-card,
.decisions-section .decision-card *{
    box-sizing:border-box !important;
}

.decisions-section .decision-card-top,
.decisions-section .decision-card-body,
.decisions-section .decision-meta,
.decisions-section .decision-summary,
.decisions-section .decision-details-btn,
.decisions-section .decision-actions{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}

.decisions-section .decision-meta{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
}

.decisions-section .decision-meta > div,
.decisions-section .decision-meta strong,
.decisions-section .decision-summary p{
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
}

/* التابلت */
@media (max-width:1000px){
    .decisions-section > .container{
        width:min(760px, calc(100vw - 40px)) !important;
    }

    .decisions-section .decision-card{
        flex:0 0 100% !important;
        width:100% !important;
        max-width:100% !important;
    }
}

/* الهاتف */
@media (max-width:600px){
    .decisions-section > .container{
        width:calc(100vw - 28px) !important;
    }

    .decisions-section .decision-meta{
        grid-template-columns:1fr !important;
    }
}
/* ===== التقارير داخل صفحة القرارات ===== */

.decisions-reports-section{
    padding:55px 0 70px;
    background:#F1F2F3;
    border-top:1px solid #D8DBDE;
}

.decisions-reports-title{
    text-align:center;
    margin-bottom:30px;
}

.decisions-reports-title h2{
    margin:0 0 8px;
    color:#541923;
    font-size:30px;
}

.decisions-reports-title p{
    margin:0;
    color:#666;
}

.decisions-reports-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.decisions-report-card{
    background:#fff;
    border:1px solid #D8DBDE;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 7px 22px rgba(0,0,0,.08);
}

.decisions-report-image{
    display:block;
    height:200px;
    overflow:hidden;
}

.decisions-report-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.decisions-report-content{
    padding:20px;
}

.decisions-report-date{
    display:block;
    color:#888;
    font-size:13px;
    margin-bottom:7px;
}

.decisions-report-content h3{
    margin:0 0 10px;
    color:#541923;
    font-size:20px;
}

.decisions-report-content h3 a{
    color:#541923;
}

.decisions-report-content p{
    color:#444;
    line-height:1.8;
}

.decisions-report-btn{
    display:inline-block;
    margin-top:10px;
    background:#D3A238;
    color:#fff !important;
    padding:10px 18px;
    border-radius:6px;
    font-weight:700;
}

.decisions-report-btn:hover{
    background:#541923;
}

.decisions-no-reports{
    text-align:center;
    background:#fff;
    padding:30px;
    border-radius:10px;
}

@media(max-width:900px){
    .decisions-reports-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .decisions-reports-grid{
        grid-template-columns:1fr;
    }
}
/* ===== خلفية بطاقة القرار ===== */

.npcdr-card{
    position:relative;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5f1f2 55%,
            #eceff1 100%
        ) !important;

    border:1px solid #d8d1d3 !important;
    border-radius:14px !important;
    overflow:hidden !important;

    box-shadow:
        0 8px 24px rgba(84,25,35,.10) !important;
}


/* شعار المجلس داخل البطاقة */

.npcdr-card-logo{
    text-align:center;
    padding:18px 0 3px;
}

.npcdr-card-logo img{
    width:78px;
    height:78px;
    object-fit:contain;

    background:#fff;

    border-radius:50%;
    padding:5px;

    border:2px solid #D3A238;

    box-shadow:
        0 4px 12px rgba(0,0,0,.10);
}


/* عنوان القرار */

.npcdr-body h3{
    text-align:center !important;
    color:#541923 !important;
    margin-top:5px !important;
}


/* مربعات المعلومات */

.npcdr-meta > div{
    background:rgba(255,255,255,.72) !important;
    border:1px solid #DDD6D8 !important;
}


/* موضوع القرار */

.npcdr-summary{
    background:#FAF5ED !important;
    border-right:4px solid #D3A238 !important;
}


/* زر التفاصيل */

.npcdr-details summary{
    background:#EFEAEC !important;
    color:#541923 !important;
}
/* ==========================================
   شريط الأخبار المتحرك
========================================== */

.npc-news-ticker{
    width:100%;
    height:42px;

    display:flex;
    align-items:center;

    background:#263f38;

    border-top:2px solid #d3a238;
    border-bottom:2px solid #d3a238;

    overflow:hidden;

    direction:rtl;
}


/* كلمة الأخبار */

.npc-news-label{
    flex:0 0 auto;

    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 22px;

    background:#541923;

    color:#ffffff;

    font-weight:700;

    position:relative;

    z-index:5;
}


/* نافذة الحركة */

.npc-news-window{
    flex:1;

    overflow:hidden;

    white-space:nowrap;

    position:relative;
}


/* مسار الأخبار */

.npc-news-track{
    display:inline-flex;

    align-items:center;

    gap:45px;

    min-width:max-content;

    padding-right:30px;

    animation:
        npcTickerMove 35s linear infinite;
}


/* رابط الخبر */

.npc-news-track a{
    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#ffffff !important;

    text-decoration:none;

    font-size:14px;

    font-weight:600;
}


.npc-news-track a:hover{
    color:#e4b84c !important;
}


/* العلامة بين الأخبار */

.npc-news-dot{
    color:#d3a238;

    font-size:10px;
}


/* الحركة */

@keyframes npcTickerMove{

    from{
        transform:translateX(-10%);
    }

    to{
        transform:translateX(100%);
    }

}


/* توقف عند مرور الماوس */

.npc-news-window:hover .npc-news-track{
    animation-play-state:paused;
}


/* الهاتف */

@media(max-width:600px){

    .npc-news-ticker{
        height:38px;
    }

    .npc-news-label{
        padding:0 12px;
        font-size:13px;
    }

    .npc-news-track a{
        font-size:12px;
    }

}
/* =========================================
   روابط ذات صلة
========================================= */

.nineveh-related-links{
    background:#641A26;
    padding:35px 0 40px;
    border-top:3px solid #D5A338;
    border-bottom:3px solid #D5A338;
    overflow:hidden;
}


/* العنوان */

.nineveh-related-links h2{
    margin:0;
    text-align:center;
    color:#ffffff;
    font-size:27px;
    font-weight:700;
}

.related-title-line{
    width:70px;
    height:3px;
    background:#D5A338;
    margin:10px auto 25px;
    border-radius:10px;
}


/* منطقة الحركة */

.related-slider{
    width:100%;
    overflow:hidden;
    position:relative;
}


/* مسار البطاقات */

.related-links-track{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:center;
    gap:18px;

    width:max-content;

    animation:relatedMarquee 18s linear infinite;
}


/* البطاقة */

.related-link{
    flex:0 0 150px !important;

    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;

    height:180px;

    display:flex !important;
    flex-direction:column !important;

    justify-content:center;
    align-items:center;

    padding:12px;

    background:rgba(255,255,255,.07);

    border:1px solid #D5A338;
    border-radius:12px;

    text-decoration:none !important;

    box-sizing:border-box;

    transition:
        transform .25s ease,
        background .25s ease;
}


/* =========================
   الشعار الدائري
========================= */

.related-logo{
    width:72px;
    height:72px;

    flex:0 0 72px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:13px;

    background:#ffffff;

    border:2px solid #D5A338;

    border-radius:50%;

    padding:4px;

    box-sizing:border-box;

    overflow:hidden;
}


/* الصورة نفسها دائرية */

.related-logo img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    border-radius:50%;
}


/* اسم الجهة */

.related-link span{
    color:#ffffff;

    font-size:14px;
    font-weight:700;

    line-height:1.6;

    text-align:center;
}


/* عند تمرير الماوس */

.related-link:hover{
    transform:translateY(-5px);
    background:rgba(255,255,255,.14);
}

.related-link:hover span{
    color:#F1C95D;
}


/* الحركة الأفقية */

@keyframes relatedMarquee{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}


/* إيقاف الحركة عند وضع الماوس */

.related-slider:hover .related-links-track{
    animation-play-state:paused;
}


/* الهاتف */

@media(max-width:700px){

    .nineveh-related-links{
        padding:28px 0 32px;
    }

    .nineveh-related-links h2{
        font-size:23px;
    }

    .related-link{
        flex:0 0 130px !important;

        width:130px !important;
        min-width:130px !important;
        max-width:130px !important;

        height:160px;
    }

    .related-logo{
        width:62px;
        height:62px;
        flex-basis:62px;
    }

    .related-link span{
        font-size:12px;
    }

}
/* ================================
   تصغير الفوتر بالكامل
================================ */

.npc-footer-main{
    padding:25px 0 !important;
}

.npc-footer-container{
    max-width:1200px !important;
    margin:auto !important;
    gap:35px !important;
}

/* تصغير شعار المجلس */
.npc-footer-logo{
    width:95px !important;
    height:95px !important;
    object-fit:contain !important;
}

/* اسم المجلس */
.npc-footer-brand h3{
    font-size:22px !important;
    margin:8px 0 5px !important;
}

/* النص تحت الاسم */
.npc-footer-brand p{
    font-size:13px !important;
    margin:5px 0 12px !important;
}

/* عناوين الأعمدة */
.npc-footer-column h4{
    font-size:18px !important;
    margin-bottom:15px !important;
}

/* الروابط */
.npc-footer-column ul{
    margin:0 !important;
}

.npc-footer-column li{
    margin-bottom:9px !important;
}

.npc-footer-column a,
.npc-contact-list li{
    font-size:13px !important;
}

/* أيقونات التواصل */
.npc-social{
    gap:7px !important;
    margin-top:10px !important;
}

.npc-social a{
    width:28px !important;
    height:28px !important;
    font-size:12px !important;
}

/* الشريط السفلي */
.npc-footer-bottom{
    padding:10px 0 !important;
}

.npc-footer-bottom-inner{
    font-size:12px !important;
}
/* تصغير ارتفاع الفوتر الأسود */
.npc-footer-main{
    padding: 15px 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

.npc-footer-container{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;

    align-items: center !important;
}

/* إزالة الفراغات الكبيرة داخل الأعمدة */
.npc-footer-brand,
.npc-footer-column{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* تقليل الفراغات بين الروابط */
.npc-footer-column ul{
    margin: 8px 0 0 !important;
}

.npc-footer-column li{
    margin-bottom: 6px !important;
}

/* الشريط السفلي */
.npc-footer-bottom{
    padding: 7px 0 !important;
    min-height: 0 !important;
}
/* شريط إدارة WordPress العلوي */
#wpadminbar{
    background: #174c3c !important;
}

/* القوائم داخل الشريط */
#wpadminbar .ab-top-menu > li > .ab-item,
#wpadminbar .ab-top-secondary > li > .ab-item{
    background: #174c3c !important;
    color: #ffffff !important;
}

/* عند مرور الماوس */
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-secondary > li:hover > .ab-item{
    background: #123d31 !important;
    color: #ffffff !important;
}
/* =========================================
   تغيير خلفية الفوتر من الأسود إلى زيتوني غامق
========================================= */

.npc-footer-main{
    background: #303A24 !important;
}

/* إذا كانت العناصر الداخلية لها خلفية سوداء */
.npc-footer-container,
.npc-footer-brand,
.npc-footer-column{
    background-color: transparent !important;
}
/* تصغير قسم روابط ذات صلة أكثر */
.nineveh-related-links{
    padding: 10px 0 12px !important;
}

.nineveh-related-links h2{
    font-size: 21px !important;
    margin: 0 !important;
}

.related-title-line{
    width: 65px !important;
    margin: 5px auto 10px !important;
}

/* تصغير البطاقات وارتفاعها */
.related-link{
    flex: 0 0 135px !important;
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;

    min-height: 105px !important;
    padding: 7px 8px !important;
}

/* تصغير الشعار */
.related-logo{
    width: 52px !important;
    height: 52px !important;
    margin-bottom: 5px !important;
    padding: 3px !important;
}

/* الكتابة */
.related-link span{
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* المسافة بين البطاقات */
.related-links-track{
    gap: 12px !important;
}
/* ===== Mobile Identity Background Fix - 2026-08-11 ===== */
.identity-band{
    background:
        radial-gradient(circle at 86% 15%, rgba(212,155,39,.06), transparent 23%),
        linear-gradient(135deg,#EEF0F2,#E3E6E9) !important;
}

@media(max-width:760px){
    .identity-band{
        background:#E7E9EC !important;
        padding:8px 0 !important;
    }

    .identity-grid{
        padding:8px 0 10px !important;
        gap:6px !important;
    }

    .identity-logo{
        width:105px !important;
        height:105px !important;
    }

    .identity-title h1{
        font-size:30px !important;
        margin:0 !important;
    }

    .identity-title h2{
        font-size:18px !important;
        margin:3px 0 !important;
    }

    .identity-slogan{
        font-size:14px !important;
        gap:8px !important;
    }
}
/* أيقونة YouTube في الفوتر */
.npc-social .npc-youtube{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.npc-social .npc-youtube svg{
    width:18px;
    height:18px;
    fill:currentColor;
    display:block;
}
/* تحسين شكل تفاصيل فيديوهات المجلس */
.videos-section .video-card {
    background: #ffffff !important;
}

.videos-section .video-card-details {
    background: #ffffff !important;
    padding: 18px 20px !important;
    opacity: 1 !important;
}

.videos-section .video-card-title {
    color: #541923 !important;
    opacity: 1 !important;
}

.videos-section .video-card-description {
    color: #444444 !important;
    opacity: 1 !important;
}

.videos-section .video-card-date {
    color: #c7952d !important;
    opacity: 1 !important;
}
.video-card,
.video-card-details {
    background: #fff !important;
    opacity: 1 !important;
}

/* =====================================================
   FINAL VIDEO CARD DETAILS FIX
   إزالة التظليل الرمادي من تفاصيل فيديوهات المجلس
   ===================================================== */

.videos-section .video-card{
    background:#FFFFFF !important;
    opacity:1 !important;
    height:auto !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
}

.videos-section .video-card-details{
    display:block !important;
    background:#FFFFFF !important;
    opacity:1 !important;
    color:#343434 !important;
    padding:18px 20px 20px !important;
    height:auto !important;
    overflow:visible !important;
}

.videos-section .video-card-title{
    color:#541923 !important;
    opacity:1 !important;
}

.videos-section .video-card-date{
    color:#C99A36 !important;
    opacity:1 !important;
}

.videos-section .video-card-description{
    color:#555555 !important;
    opacity:1 !important;
}

.videos-section .video-card video{
    opacity:1 !important;
}
.npc-committees-intro{
    text-align:center;
    margin-bottom:35px;
}

.npc-committees-intro h2{
    color:#541923;
    margin:0 0 12px;
    font-size:32px;
    font-weight:700;
    line-height:1.5;
}

.npc-committees-intro h2::after{
    content:"";
    display:block;
    width:75px;
    height:3px;
    background:#D3A238;
    margin:12px auto 0;
    border-radius:3px;
}

.npc-committees-intro p{
    color:#62676d;
    margin:15px auto 0;
    max-width:850px;
    font-size:16px;
    line-height:2;
}


/* =====================================================
   FINAL MOBILE DROPDOWN FIX
   القائمة المنسدلة للخدمات الإلكترونية على الهاتف
===================================================== */
@media (max-width: 900px){

    /* القائمة الرئيسية على الهاتف */
    .nav-wrap,
    .nav-inner,
    .main-navigation,
    .main-navigation > ul{
        height:auto !important;
        overflow:visible !important;
    }

    .main-navigation > ul{
        flex-direction:column !important;
        align-items:stretch !important;
        width:100% !important;
    }

    .main-navigation > ul > li{
        display:block !important;
        width:100% !important;
        position:relative !important;
    }

    .main-navigation > ul > li > a{
        width:100% !important;
        min-height:46px;
        padding:11px 14px !important;
        justify-content:space-between;
        white-space:normal !important;
    }

    /* إلغاء hover نهائياً على الهاتف */
    .menu-dropdown:hover > .submenu{
        display:none !important;
    }

    /* القائمة تكون مغلقة افتراضياً */
    .main-navigation .menu-dropdown > .submenu{
        position:static !important;
        top:auto !important;
        right:auto !important;
        left:auto !important;
        width:100% !important;
        min-width:0 !important;
        height:auto !important;
        max-height:0 !important;

        display:block !important;
        overflow:hidden !important;

        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;

        padding:0 !important;
        margin:0 !important;

        border-top:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;

        background:#ffffff !important;

        transition:
            max-height .28s ease,
            opacity .20s ease !important;
    }

    /* تبقى مفتوحة بعد الضغط */
    .main-navigation .menu-dropdown.mobile-open > .submenu{
        max-height:700px !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        padding:6px 0 !important;
        border-top:3px solid #B8860B !important;
    }

    .main-navigation .menu-dropdown > .submenu > li{
        display:block !important;
        width:100% !important;
    }

    .main-navigation .menu-dropdown > .submenu > li > a{
        display:block !important;
        width:100% !important;
        padding:12px 20px !important;
        color:#541923 !important;
        background:#ffffff !important;
        border-bottom:1px solid #eeeeee;
        text-align:right !important;
        white-space:normal !important;
        line-height:1.6;
    }

    .main-navigation .menu-dropdown > .submenu > li > a:active,
    .main-navigation .menu-dropdown > .submenu > li > a:hover{
        background:#F7F1F2 !important;
        color:#D3A238 !important;
    }

    .menu-dropdown .dropdown-arrow{
        display:inline-block;
        margin-right:8px;
        transition:transform .25s ease;
        font-size:12px;
    }

    .menu-dropdown.mobile-open .dropdown-arrow{
        transform:rotate(180deg);
    }
}
/* خلفية منطقة شعار وعنوان المجلس */
.site-branding {
    background: #F1F0ED !important;
    background-color: #F1F0ED !important;
}
<div class="npc-social">

    <!-- Facebook -->
    <a href="https://www.facebook.com/share/1BeESdR1Tr/"
       target="_blank"
       rel="noopener noreferrer"
       aria-label="Facebook"
       title="Facebook"
       class="npc-facebook">

        <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M13.5 22v-9h3l.5-3.5h-3.5V7.3c0-1 .3-1.7 1.8-1.7H17V2.5
            c-.8-.1-1.7-.2-2.5-.2-2.5 0-4.2 1.5-4.2 4.4v2.8H7.5V13h2.8v9h3.2z"/>
        </svg>

    </a>


    <!-- Instagram -->
    <a href="#"
       target="_blank"
       rel="noopener noreferrer"
       aria-label="Instagram"
       title="Instagram"
       class="npc-instagram">

        <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm5.5-3.2a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4z"/>
        </svg>

    </a>


    <!-- YouTube -->
    <a href="https://www.youtube.com/channel/UCMESewXaHGj3UjLFua6pV1g"
       target="_blank"
       rel="noopener noreferrer"
       aria-label="YouTube"
       title="قناة مجلس محافظة نينوى على YouTube"
       class="npc-youtube">

        <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2
            31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8
            3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5
            a3 3 0 0 0 2.1-2.1A31.5 31.5 0 0 0 24 12
            a31.5 31.5 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6-6.3 3.6z"/>
        </svg>

    </a>

</div>
.npc-social{
    display:flex;
    gap:10px;
    align-items:center;
}

.npc-social a{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #D3A238 !important;
    border-radius:50%;
    text-decoration:none;
}

.npc-social a svg{
    width:17px;
    height:17px;
    fill:#ffffff !important;
    display:block;
}

.npc-social a:hover{
    background:#D3A238;
}

.npc-social a:hover svg{
    fill:#541923 !important;
}
.hero-reference{
    position:relative;
}

.hero-building-title{
    position:absolute;
    top:28px;
    left:50%;
    transform:translateX(-50%);

    z-index:5;

    padding:10px 28px;

    color:#ffffff;
    background:rgba(84,25,35,.88);

    border:2px solid #D3A238;
    border-radius:8px;

    font-size:34px;
    font-weight:800;
    line-height:1.3;

    text-align:center;
    white-space:nowrap;

    text-shadow:0 2px 5px rgba(0,0,0,.35);
    box-shadow:0 6px 18px rgba(0,0,0,.20);
}

@media(max-width:700px){
    .hero-building-title{
        top:15px;
        font-size:21px;
        padding:7px 16px;
        white-space:normal;
        width:max-content;
        max-width:90%;
    }
}
/* رفع شريط الأخبار للأعلى */

.npc-news-ticker{
    position: relative;
    margin-top: -12px !important;
    z-index: 20;
}
/* تصغير مساحة هوية المجلس في أعلى الموقع */
.identity-band{
    padding: 5px 0 !important;
}

.identity-grid{
    min-height: 20px !important;
    height: 20px !important;
}

/* تصغير الشعار قليلاً */
.identity-logo{
    max-height: 170px !important;
    width: auto !important;
}

/* تقليل الفراغات حول العنوان */
.identity-title h1{
    margin: 0 0 3px !important;
}

.identity-title h2{
    margin: 0 0 3px !important;
}

.identity-slogan{
    margin-top: 3px !important;
}
.identity-band{
    background: #E4E6E9 !important;
}
.identity-band{
    background: #F1EEE9 !important;
}
/* خلفية قسم آخر الأخبار */
.latest-news,
.news-section,
.home-news-section {
    background: #F1EEE8 !important;
}
background: #F1EEE8 !important;
.council-ar{
    margin: 0 !important;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 58px;
    font-weight: 800;
    color: #193554;
    line-height: 1.15;
}

.council-en{
    margin-top: 2px;
    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: 500;
    color: #193554;
    direction: ltr;
    text-align: center;
}
.council-ar{
    font-family: "Aref Ruqaa", serif !important;
    font-size: 58px !important;
    font-weight: 700 !important;
    color: #193554 !important;
    line-height: 1.2 !important;
}
.council-en{
    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    color: #193554 !important;
}
/* ===== عنوان مجلس محافظة نينوى ===== */

.council-brand{
    text-align: center;
    direction: rtl;
}

/* العنوان العربي */
.council-ar{
    margin: 0 !important;
    font-family: "Aref Ruqaa", "Amiri", serif !important;
    font-size: 58px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: #193554 !important;
}

/* الزخرفة الذهبية */
.gold-decoration{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
    color: #D5A229;
}

.gold-decoration span{
    width: 75px;
    height: 2px;
    background: #D5A229;
}

.gold-decoration b{
    font-size: 17px;
}

/* الإنكليزي */
.council-en{
    direction: ltr;
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #193554;
    margin: 2px 0 8px;
}

/* بوابة المعلومات */
.portal-title{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 27px;
    font-weight: 700;
    color: #D19A25;
}

/* خلفية الهيدر */
.identity-band{
    background: #F1EEE8 !important;
}
/* =====================================================
   هوية مجلس محافظة نينوى - NEW CLEAN VERSION
===================================================== */

.identity-band{
    width:100%;
    background:#F1EEE8 !important;
    padding:10px 0 !important;
}

.identity-grid{
    width:min(1440px,94%);
    margin:0 auto;

    display:grid !important;
    grid-template-columns:180px 1fr !important;
    align-items:center !important;
    gap:25px !important;

    min-height:165px !important;
    height:auto !important;
}

/* الشعار */
.identity-logo-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
}

.identity-logo{
    width:145px !important;
    height:145px !important;
    object-fit:contain !important;
}

/* منطقة النص */
.identity-title{
    text-align:center !important;
    padding:0 !important;
    margin:0 !important;
}

/* العربي */
.council-ar{
    margin:0 !important;
    color:#1F3552 !important;

    font-family:"Aref Ruqaa","Amiri",serif !important;
    font-size:48px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
}

/* الإنكليزي */
.council-en{
    direction:ltr;
    text-align:center;

    margin:2px 0 4px;

    color:#1F3552;
    font-family:Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    line-height:1.25;
}

/* بوابة المعلومات */
.portal-title{
    margin:0 0 4px;

    color:#D19A25;
    font-size:23px;
    font-weight:700;
    line-height:1.35;
}

/* الشعار النصي */
.identity-slogan{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:15px;

    margin-top:3px;

    color:#253A50;
    font-size:17px;
    font-weight:700;
}

.identity-slogan span{
    display:block;
    width:55px;
    height:2px;
    background:#D3A238;
}


/* =====================================================
   Responsive
===================================================== */

@media(max-width:900px){

    .identity-grid{
        grid-template-columns:130px 1fr !important;
        min-height:145px !important;
        gap:15px !important;
    }

    .identity-logo{
        width:115px !important;
        height:115px !important;
    }

    .council-ar{
        font-size:38px !important;
    }

    .council-en{
        font-size:18px;
    }

    .portal-title{
        font-size:19px;
    }

    .identity-slogan{
        font-size:14px;
    }
}


@media(max-width:600px){

    .identity-grid{
        grid-template-columns:1fr !important;
        padding:12px 0 !important;
    }

    .identity-logo{
        width:105px !important;
        height:105px !important;
    }

    .council-ar{
        font-size:31px !important;
    }

    .council-en{
        font-size:16px;
    }

    .portal-title{
        font-size:17px;
    }

    .identity-slogan{
        font-size:13px;
        gap:8px;
    }

    .identity-slogan span{
        width:30px;
    }
}
/* ===== عنوان مجلس محافظة نينوى ===== */

.identity-title{
    text-align:center !important;
}

/* مجلس محافظة نينوى */
.council-ar{
    margin:0 0 4px 0 !important;

    font-family: Tahoma, Arial, sans-serif !important;
    font-size:52px !important;
    font-weight:700 !important;
    line-height:1.15 !important;

    color:#1F3552 !important;
}

/* Nineveh Provincial Council */
.council-en{
    direction:ltr !important;
    text-align:center !important;

    margin:0 0 6px 0 !important;

    font-family:Arial, sans-serif !important;
    font-size:22px !important;
    font-weight:400 !important;

    color:#1F3552 !important;
}

/* بوابة المعلومات والخدمات الرسمية */
.portal-title{
    margin:0 !important;

    font-family:Tahoma, Arial, sans-serif !important;
    font-size:24px !important;
    font-weight:700 !important;

    color:#D19A25 !important;
}
/* ===== إظهار شريط القائمة الرئيسي ===== */

.nav-wrap{
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:58px !important;

    background:#5A1520 !important;
    border-bottom:2px solid #D6A32A !important;

    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;

    clear:both !important;
    z-index:1000 !important;
}

.nav-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-height:58px !important;
}

.main-navigation{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

.main-navigation > ul{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;

    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.main-navigation > ul > li{
    display:block !important;
}

.main-navigation > ul > li > a{
    display:flex !important;
    align-items:center !important;
    min-height:58px !important;
    padding:0 16px !important;

    color:#fff !important;
    text-decoration:none !important;
    font-weight:700 !important;
}
.nav-inner{
    position: relative !important;
    left: 80px !important;
}
/* =====================================================
   MOBILE MAIN NAV - إظهار الشريط الرئيسي على الهاتف
===================================================== */

@media (max-width: 900px){

    .nav-wrap{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;

        width:100% !important;
        height:58px !important;
        min-height:58px !important;

        background:#541923 !important;

        overflow:hidden !important;
        position:relative !important;
        z-index:9999 !important;
    }

    .nav-inner{
        width:100% !important;
        height:58px !important;
        min-height:58px !important;

        display:flex !important;
        flex-wrap:nowrap !important;

        padding:0 !important;
        margin:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    .nav-inner::-webkit-scrollbar{
        display:none;
    }

    .main-navigation{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;

        width:max-content !important;
        min-width:max-content !important;

        height:58px !important;
        overflow:visible !important;
    }

    .main-navigation > ul{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:stretch !important;

        width:max-content !important;
        min-width:max-content !important;
        height:58px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .main-navigation > ul > li{
        display:flex !important;
        width:auto !important;
        min-width:max-content !important;
        flex:0 0 auto !important;
    }

    .main-navigation > ul > li > a{
        width:auto !important;
        min-height:58px !important;

        padding:0 15px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        white-space:nowrap !important;

        color:#fff !important;
        font-size:14px !important;
    }

    /* زر الرئيسية */
    .home-link,
    .home-link a{
        min-width:55px !important;
        background:#D3A238 !important;
    }

    /* اللغة والبحث لا يضغطان القائمة */
    .language-switcher,
    .search-icon{
        flex:0 0 auto !important;
    }
}
/* =========================================================
   FINAL MOBILE HEADER / NAV FIX - 2026-08-14
   إصلاح خروج القائمة خارج الشاشة والفراغ الكبير على الهاتف
========================================================= */
@media (max-width: 900px){

    html,
    body{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    /* إلغاء الإزاحة القديمة التي كانت تدفع القائمة خارج الشاشة */
    .nav-inner{
        left:0 !important;
        right:auto !important;
        transform:none !important;
        position:relative !important;
    }

    /* شريط واحد صغير بدل المساحة المارونية الطويلة */
    .nav-wrap{
        width:100% !important;
        max-width:100vw !important;
        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        background:#541923 !important;
        border-bottom:2px solid #D3A238 !important;
    }

    .nav-inner{
        width:100% !important;
        max-width:100vw !important;
        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;
        padding:0 8px !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        flex-wrap:nowrap !important;
        gap:6px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
    }

    .nav-inner::-webkit-scrollbar{
        display:none !important;
    }

    .main-navigation{
        flex:0 0 auto !important;
        width:max-content !important;
        min-width:max-content !important;
        max-width:none !important;
        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;
        overflow:visible !important;
        margin:0 !important;
        padding:0 !important;
    }

    .main-navigation > ul{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        width:max-content !important;
        min-width:max-content !important;
        max-width:none !important;
        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;
        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
        list-style:none !important;
    }

    .main-navigation > ul > li{
        display:flex !important;
        position:relative !important;
        width:auto !important;
        min-width:max-content !important;
        height:56px !important;
        flex:0 0 auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    .main-navigation > ul > li > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        height:56px !important;
        min-height:56px !important;
        padding:0 11px !important;
        margin:0 !important;
        color:#fff !important;
        font-size:13px !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    /* لا نفتح القوائم المنسدلة الكبيرة تلقائياً على الهاتف */
    .main-navigation .menu-dropdown > .submenu,
    .main-navigation .sub-menu{
        display:none !important;
        position:absolute !important;
        top:56px !important;
        right:0 !important;
        left:auto !important;
        width:240px !important;
        min-width:240px !important;
        max-height:65vh !important;
        overflow-y:auto !important;
        background:#fff !important;
        z-index:100000 !important;
    }

    .main-navigation .menu-dropdown.mobile-open > .submenu{
        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    .home-link,
    .home-link a{
        min-width:48px !important;
        width:48px !important;
        padding:0 !important;
        background:#D3A238 !important;
        flex:0 0 48px !important;
    }

    .language-switcher{
        display:flex !important;
        align-items:center !important;
        gap:4px !important;
        flex:0 0 auto !important;
        height:56px !important;
        margin:0 !important;
        white-space:nowrap !important;
    }

    .language-switcher a{
        padding:6px 8px !important;
        font-size:12px !important;
        border-radius:4px !important;
    }

    .search-icon{
        flex:0 0 34px !important;
        width:34px !important;
        margin:0 !important;
        font-size:21px !important;
        text-align:center !important;
    }
}

@media (max-width: 600px){
    /* تصغير هوية المجلس على الهاتف حتى لا تحتل نصف الشاشة */
    .identity-band{
        height:auto !important;
        min-height:0 !important;
        padding:5px 0 !important;
        overflow:hidden !important;
        background:#E7E9EC !important;
    }

    .identity-grid{
        height:auto !important;
        min-height:0 !important;
        grid-template-columns:86px 1fr !important;
        gap:8px !important;
        padding:7px 10px !important;
        align-items:center !important;
    }

    .identity-logo-wrap{
        width:86px !important;
    }

    .identity-logo{
        width:82px !important;
        height:82px !important;
    }

    .identity-title{
        min-width:0 !important;
        padding:0 !important;
    }

    .identity-title h1,
    .council-ar{
        font-size:24px !important;
        line-height:1.25 !important;
        margin:0 0 2px !important;
    }

    .council-en{
        font-size:13px !important;
        line-height:1.25 !important;
        margin:0 0 3px !important;
    }

    .identity-title h2,
    .portal-title{
        font-size:14px !important;
        line-height:1.35 !important;
        margin:2px 0 !important;
    }

    .identity-slogan{
        font-size:11px !important;
        gap:5px !important;
        line-height:1.25 !important;
    }

    .identity-slogan span{
        width:20px !important;
    }
}
/* =====================================================
   MOBILE MENU FIX - Nineveh Provincial Council
   ===================================================== */

@media screen and (max-width: 760px) {

    /* منع خروج الموقع خارج شاشة الهاتف */
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* الشريط الماروني */
    .nav-wrap {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        background: #541923 !important;
    }

    /* الحاوية */
    .nav-wrap .container,
    .nav-inner {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        box-sizing: border-box !important;
    }

    /* القائمة */
    .main-navigation {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    .main-navigation ul {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 5px 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        list-style: none !important;
    }

    /* كل عنصر */
    .main-navigation li {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* روابط القائمة */
    .main-navigation li > a {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 11px 20px !important;
        margin: 0 !important;

        color: #ffffff !important;
        background: transparent !important;

        text-align: right !important;
        font-size: 16px !important;
        line-height: 1.5 !important;

        white-space: normal !important;

        box-sizing: border-box !important;

        border-bottom: 1px solid rgba(255,255,255,0.10);
    }

    /* الرئيسية */
    .main-navigation .home-link,
    .main-navigation .home-link a {
        width: 100% !important;
        background: #D3A238 !important;
        color: #ffffff !important;
    }

    /* القوائم المنسدلة */
    .menu-dropdown > .submenu,
    .main-navigation .sub-menu {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .menu-dropdown .submenu a,
    .main-navigation .sub-menu a {
        width: 100% !important;
        padding: 10px 35px !important;

        white-space: normal !important;
        text-align: right !important;

        font-size: 14px !important;
    }

    /* العربية - English - البحث */
    .language-switcher {
        width: 100% !important;

        margin: 0 !important;
        padding: 10px 15px !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 10px !important;

        box-sizing: border-box !important;
    }

    .language-switcher a {
        padding: 7px 12px !important;
        font-size: 15px !important;
    }

    .language-switcher a.active {
        background: #D3A238 !important;
        border-radius: 6px !important;
    }

    /* البحث */
    .search-icon {
        margin: 0 !important;
        font-size: 23px !important;
    }
}
/* =========================================
   إظهار شريط القائمة الكامل في الهاتف
========================================= */
@media (max-width: 768px){

    /* إخفاء زر الهامبرغر */
    .menu-toggle,
    .mobile-menu-toggle,
    .nav-toggle,
    .hamburger{
        display:none !important;
    }

    /* إظهار شريط القائمة */
    .main-nav,
    .site-navigation,
    .primary-navigation{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        background:#641A26 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        white-space:nowrap !important;

        -webkit-overflow-scrolling:touch;
    }

    /* جعل القائمة أفقية مثل اللابتوب */
    .main-nav ul,
    .site-navigation ul,
    .primary-navigation ul,
    .main-menu{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;

        width:max-content !important;

        margin:0 !important;
        padding:0 8px !important;

        list-style:none !important;
    }

    /* كل عنصر */
    .main-nav li,
    .site-navigation li,
    .primary-navigation li,
    .main-menu li{
        display:block !important;
        flex:0 0 auto !important;

        width:auto !important;
        margin:0 !important;
    }

    /* الروابط */
    .main-nav li a,
    .site-navigation li a,
    .primary-navigation li a,
    .main-menu li a{
        display:block !important;

        width:auto !important;

        padding:13px 11px !important;

        color:#ffffff !important;

        font-size:13px !important;
        font-weight:700 !important;

        white-space:nowrap !important;

        text-decoration:none !important;
    }

    /* العنصر النشط */
    .main-nav .current-menu-item > a,
    .site-navigation .current-menu-item > a,
    .primary-navigation .current-menu-item > a{
        background:#D6A438 !important;
        color:#ffffff !important;
    }
}
/* ===== القائمة الرئيسية سطرين فقط على الهاتف ===== */
@media (max-width:760px){

    .npc-mobile-menu-toggle{
        display:none !important;
    }

    .nav-wrap{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:88px !important;
        padding:0 !important;
        overflow:visible !important;
        background:#651F2A !important;
        border-bottom:3px solid #D3A238 !important;
    }

    .nav-wrap .nav-inner{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:88px !important;
        padding:0 !important;
        margin:0 !important;
        overflow:visible !important;
    }

    .main-navigation{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        height:auto !important;
    }

    .main-navigation > ul{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:wrap !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;
    }

    .main-navigation > ul > li{
        display:flex !important;
        flex:1 1 25% !important;
        width:25% !important;
        min-width:0 !important;
        height:44px !important;
        margin:0 !important;
    }

    .main-navigation > ul > li > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        height:44px !important;

        padding:0 4px !important;

        color:#fff !important;
        font-size:11px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
        text-align:center !important;

        white-space:nowrap !important;
    }

    .main-navigation .home-link{
        width:25% !important;
        min-width:0 !important;
    }

    .main-navigation .home-link a{
        width:100% !important;
        background:#D3A238 !important;
    }

    .language-switcher,
    .search-icon{
        display:none !important;
    }
}/* ===== القائمة الرئيسية سطرين فقط على الهاتف ===== */
@media (max-width:760px){

    .npc-mobile-menu-toggle{
        display:none !important;
    }

    .nav-wrap{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:88px !important;
        padding:0 !important;
        overflow:visible !important;
        background:#651F2A !important;
        border-bottom:3px solid #D3A238 !important;
    }

    .nav-wrap .nav-inner{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:88px !important;
        padding:0 !important;
        margin:0 !important;
        overflow:visible !important;
    }

    .main-navigation{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        height:auto !important;
    }

    .main-navigation > ul{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:wrap !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;
    }

    .main-navigation > ul > li{
        display:flex !important;
        flex:1 1 25% !important;
        width:25% !important;
        min-width:0 !important;
        height:44px !important;
        margin:0 !important;
    }

    .main-navigation > ul > li > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        height:44px !important;

        padding:0 4px !important;

        color:#fff !important;
        font-size:11px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
        text-align:center !important;

        white-space:nowrap !important;
    }

    .main-navigation .home-link{
        width:25% !important;
        min-width:0 !important;
    }

    .main-navigation .home-link a{
        width:100% !important;
        background:#D3A238 !important;
    }

    .language-switcher,
    .search-icon{
        display:none !important;
    }
}
/* ===== تشغيل القائمة المنسدلة على الهاتف ===== */
@media (max-width:760px){

    .menu-dropdown{
        position:relative !important;
    }

    .menu-dropdown > .submenu{
        display:none !important;
        position:absolute !important;
        top:100% !important;
        right:0 !important;

        min-width:230px !important;
        height:auto !important;

        background:#ffffff !important;
        border-top:3px solid #D3A238 !important;

        z-index:99999 !important;

        box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
    }

    .menu-dropdown.open > .submenu{
        display:block !important;
    }

    .menu-dropdown > .submenu li{
        width:100% !important;
        height:auto !important;
    }

    .menu-dropdown > .submenu li a{
        width:100% !important;
        height:auto !important;

        padding:11px 15px !important;

        background:#fff !important;
        color:#541923 !important;

        font-size:13px !important;
        text-align:right !important;

        white-space:nowrap !important;
    }
}
@media (max-width: 768px) {

    /* العنصر الذي يحتوي القائمة الفرعية */
    .main-nav li,
    .site-navigation li,
    .primary-navigation li {
        position: static !important;
    }

    /* القائمة المنسدلة */
    .main-nav .sub-menu,
    .site-navigation .sub-menu,
    .primary-navigation .sub-menu {
        position: absolute !important;

        top: 100% !important;
        right: 0 !important;
        left: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;
        z-index: 99999 !important;

        transform: none !important;
    }

    /* عناصر القائمة المنسدلة */
    .main-nav .sub-menu li,
    .site-navigation .sub-menu li,
    .primary-navigation .sub-menu li {
        width: 100% !important;
        display: block !important;
    }

    .main-nav .sub-menu li a,
    .site-navigation .sub-menu li a,
    .primary-navigation .sub-menu li a {
        display: block !important;
        width: 100% !important;

        padding: 14px 20px !important;

        text-align: right !important;
        color: #641A26 !important;
        background: #fff !important;

        border-bottom: 1px solid #eee !important;
    }
}