:root{--primary:#123b6d;--secondary:#0f8f8a;--dark:#071831;--soft:#f3f7fb;--text:#172033;--muted:#6b7280;--white:#fff;--shadow:0 18px 50px #0c23401f;--scale:1}*{box-sizing:border-box}html{font-size:calc(16px * var(--scale));scroll-behavior:smooth}body{margin:0;direction:rtl;font-family:Cairo,Tahoma,sans-serif;color:var(--text)}body.contrast{filter:contrast(1.35)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.top{background:var(--dark);color:#dce8f5}.top .wrap{min-height:42px;display:flex;align-items:center;justify-content:space-between}header{position:sticky;top:0;z-index:50;background:#fffffff5;box-shadow:0 8px 25px #001a370f}.head{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px}.brand b,.brand img{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.brand span{display:grid}.brand strong{color:var(--primary)}.brand small{color:var(--muted)}nav{display:flex;gap:4px}nav a{padding:11px;border-radius:11px;font-weight:700}nav a:hover{background:var(--primary);color:#fff}#menuBtn{display:none}.hero{position:relative;min-height:590px;background:linear-gradient(120deg,var(--dark),var(--primary));overflow:hidden}.slide{position:absolute;inset:0;display:grid;align-items:center;opacity:0;visibility:hidden;background-size:cover;background-position:center;transition:.6s}.slide.active{opacity:1;visibility:visible}.heroText{color:#fff;max-width:760px}.heroText span,.sectionHead span,.about span,.contact span{color:#72e8df;font-weight:800}.heroText h1{font-size:clamp(2.6rem,6vw,5rem);margin:18px 0}.heroText p{font-size:1.15rem;line-height:1.9;color:#dce9f7}.btn,.button,form button{display:inline-flex;padding:13px 22px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--secondary),#17b3a9);color:#fff;font-weight:800;cursor:pointer}.portals{position:relative;z-index:3;margin-top:-45px}.grid4{display:grid;grid-template-columns:repeat(4,1fr)}.portals .grid4{background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.portals a{min-height:125px;display:grid;place-items:center;align-content:center;gap:8px;border-left:1px solid #dce5ef;font-size:1.1rem}.portals a:first-child{border:0}.portals a:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.section{padding:88px 0}.soft{background:var(--soft)}.sectionHead{text-align:center;margin-bottom:40px}.sectionHead span,.about span,.contact span{color:var(--secondary)}.sectionHead h2,.about h2,.contact h2{font-size:clamp(2rem,4vw,3.2rem);color:var(--primary);margin:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{padding:25px;border:1px solid #dce5ef;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.card i{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-style:normal;font-size:1.5rem}.card p,.pad p,.about p,.contact p{color:var(--muted);line-height:1.8}.news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news article{border-radius:22px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.pic{height:220px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.pic img{width:100%;height:100%;object-fit:cover}.pad{padding:22px}.pad small,.pad a{color:var(--secondary);font-weight:800}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.shape{min-height:380px;display:grid;place-items:center;border-radius:35px;background:linear-gradient(145deg,var(--primary),var(--secondary));color:#fff;font-size:2rem;font-weight:800}.stats{padding:60px 0;background:linear-gradient(130deg,var(--dark),var(--primary));color:#fff}.stats article{min-height:160px;display:grid;place-items:center;align-content:center;border:1px solid #ffffff2e;border-radius:20px}.stats strong{font-size:2.3rem}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact form{display:grid;gap:15px;padding:30px;background:#fff;border-radius:22px;box-shadow:var(--shadow)}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea,select{width:100%;padding:13px;border:1px solid #dce5ef;border-radius:12px;font:inherit}.empty{padding:45px;text-align:center;border:2px dashed #dce5ef;border-radius:22px}.dark{grid-column:1/-1}.inner{padding:80px 0;background:linear-gradient(135deg,var(--dark),var(--primary));color:#fff}.article{max-width:900px;line-height:2}.article>img{border-radius:22px;max-height:500px;object-fit:cover}footer{background:var(--dark);color:#dce8f5}.foot{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding:60px 0}.copy{text-align:center;padding:17px;border-top:1px solid #ffffff1a}.access{position:fixed;bottom:22px;left:22px;z-index:100}.access>button{width:54px;height:54px;border:0;border-radius:17px;background:var(--secondary);color:#fff;font-size:1.5rem}.access div{display:none;position:absolute;bottom:62px;left:0;width:180px;padding:10px;background:#fff;border-radius:14px;box-shadow:var(--shadow)}.access.open div{display:grid;gap:7px}.access div button{padding:8px;border:0;border-radius:8px}.flash{position:fixed;top:135px;right:50%;transform:translateX(50%);z-index:100;padding:12px 20px;border-radius:12px;color:#fff}.flash.success{background:#078764}.flash.danger{background:#ba2f43}@media(max-width:950px){#menuBtn{display:block}nav{display:none;position:absolute;top:100%;right:18px;left:18px;background:#fff;padding:12px;border-radius:15px;box-shadow:var(--shadow)}nav.open{display:grid}.cards{grid-template-columns:repeat(2,1fr)}.news{grid-template-columns:repeat(2,1fr)}.about,.contact{grid-template-columns:1fr}}@media(max-width:650px){.grid4,.cards,.news{grid-template-columns:1fr}.portals{margin-top:0}.two{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.brand small{display:none}}


/* =========================================================
   التصميم الاحترافي للصفحات الداخلية
   ========================================================= */

.professional-page-hero {
    position: relative;
    min-height: 310px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: var(--white);
    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(35, 216, 203, 0.28),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 82%,
            rgba(255, 255, 255, 0.12),
            transparent 26%
        ),
        linear-gradient(
            125deg,
            var(--dark),
            var(--primary) 62%,
            var(--secondary)
        );
}

.professional-page-hero::after {
    content: "";
    position: absolute;
    inset: auto -8% -65% auto;
    width: 520px;
    height: 520px;
    border: 80px solid rgba(255, 255, 255, 0.05);
    border-radius: 50%;
}

.professional-page-decoration {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.professional-page-decoration.decoration-one {
    width: 180px;
    height: 180px;
    top: -85px;
    right: 12%;
    border: 35px solid rgba(255, 255, 255, 0.06);
}

.professional-page-decoration.decoration-two {
    width: 110px;
    height: 110px;
    bottom: -48px;
    left: 17%;
    background: rgba(24, 195, 184, 0.12);
}

.professional-page-hero-content {
    position: relative;
    z-index: 2;
    padding-top: 34px;
    padding-bottom: 34px;
}

.professional-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 34px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.88rem;
}

.professional-breadcrumb a {
    transition: 0.2s ease;
}

.professional-breadcrumb a:hover {
    color: #8df5ed;
}

.professional-breadcrumb strong {
    color: var(--white);
}

.professional-page-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.professional-page-label {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 14px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50px;
    color: #8df5ed;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
    font-size: 0.83rem;
    font-weight: 800;
}

.professional-page-title-area h1 {
    max-width: 850px;
    margin: 15px 0 10px;
    font-size: clamp(2.3rem, 5vw, 4.3rem);
    line-height: 1.25;
}

.professional-page-title-area p {
    margin: 0;
    color: #dceaf6;
    font-size: 1rem;
    line-height: 1.9;
}

.professional-page-symbol {
    width: 126px;
    height: 126px;
    flex: 0 0 126px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 38px;
    color: #8df5ed;
    background: rgba(255, 255, 255, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 25px 55px rgba(2, 18, 38, 0.25);
    backdrop-filter: blur(12px);
    font-size: 3.5rem;
    transform: rotate(-5deg);
}

.professional-page-section {
    padding: 72px 0 95px;
    background:
        linear-gradient(
            180deg,
            #f3f7fb,
            #ffffff 45%
        );
}

.professional-page-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
    align-items: start;
}

.professional-news-layout {
    max-width: 1000px;
}

.professional-article-card {
    overflow: hidden;
    border: 1px solid #dce6ef;
    border-radius: 28px;
    background: var(--white);
    box-shadow:
        0 24px 65px rgba(10, 40, 72, 0.10),
        0 4px 14px rgba(10, 40, 72, 0.04);
}

.professional-article-toolbar {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 28px;
    border-bottom: 1px solid #e7edf3;
    background:
        linear-gradient(
            90deg,
            #ffffff,
            #f7fafc
        );
}

.professional-article-meta {
    display: flex;
    align-items: center;
    gap: 14px;
}

.professional-article-meta .meta-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--white);
    background:
        linear-gradient(
            135deg,
            var(--primary),
            var(--secondary)
        );
    box-shadow: 0 10px 22px rgba(15, 99, 125, 0.20);
    font-size: 1.25rem;
}

.professional-article-meta div {
    display: grid;
    gap: 4px;
}

.professional-article-meta strong {
    color: var(--primary);
    font-size: 1rem;
}

.professional-article-meta small {
    color: var(--muted);
}

.professional-print-button {
    min-height: 42px;
    padding: 9px 17px;
    border: 1px solid #d4e1eb;
    border-radius: 12px;
    color: var(--primary);
    background: var(--white);
    cursor: pointer;
    font-weight: 800;
    transition: 0.2s ease;
}

.professional-print-button:hover {
    color: var(--white);
    border-color: var(--primary);
    background: var(--primary);
    transform: translateY(-2px);
}

.professional-page-content {
    padding: 38px 42px 48px;
    color: #243348;
    font-size: 1.03rem;
    line-height: 2.05;
}

.professional-page-content > *:first-child {
    margin-top: 0;
}

.professional-page-content > *:last-child {
    margin-bottom: 0;
}

.professional-page-content h2 {
    position: relative;
    margin: 38px 0 16px;
    padding-right: 20px;
    color: var(--primary);
    font-size: 1.7rem;
    line-height: 1.55;
}

.professional-page-content h2::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 6px;
    height: calc(100% - 12px);
    min-height: 28px;
    border-radius: 10px;
    background:
        linear-gradient(
            180deg,
            var(--secondary),
            var(--primary)
        );
}

.professional-page-content h3 {
    margin: 30px 0 12px;
    color: #174d78;
    font-size: 1.3rem;
}

.professional-page-content h4 {
    margin: 24px 0 10px;
    color: var(--primary);
    font-size: 1.08rem;
}

.professional-page-content p {
    margin: 0 0 18px;
    color: #46566b;
    line-height: 2.05;
}

.professional-page-content ul,
.professional-page-content ol {
    display: grid;
    gap: 10px;
    margin: 20px 0 24px;
    padding-right: 24px;
    color: #46566b;
}

.professional-page-content li {
    padding-right: 6px;
    line-height: 1.9;
}

.professional-page-content li::marker {
    color: var(--secondary);
    font-weight: 800;
}

.professional-page-content blockquote {
    position: relative;
    margin: 28px 0;
    padding: 24px 28px 24px 24px;
    border-right: 5px solid var(--secondary);
    border-radius: 16px;
    color: var(--primary);
    background:
        linear-gradient(
            90deg,
            rgba(15, 143, 138, 0.08),
            rgba(18, 59, 109, 0.04)
        );
    font-weight: 700;
}

.professional-page-content a {
    color: var(--secondary);
    border-bottom: 1px dashed currentColor;
    font-weight: 800;
}

.professional-page-content img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 28px auto;
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(10, 43, 75, 0.15);
}

.professional-page-content table {
    width: 100%;
    margin: 28px 0;
    overflow: hidden;
    border-collapse: collapse;
    border: 1px solid #dce6ef;
    border-radius: 16px;
}

.professional-page-content th,
.professional-page-content td {
    padding: 14px 16px;
    border: 1px solid #dce6ef;
    text-align: right;
    vertical-align: top;
}

.professional-page-content th {
    color: var(--white);
    background: var(--primary);
}

.professional-page-content tr:nth-child(even) td {
    background: #f7fafc;
}

.professional-page-content hr {
    height: 1px;
    margin: 35px 0;
    border: 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            #cbd8e4,
            transparent
        );
}

.professional-page-sidebar {
    position: sticky;
    top: 112px;
    display: grid;
    gap: 20px;
}

.professional-side-card {
    padding: 24px;
    border: 1px solid #dce6ef;
    border-radius: 22px;
    background: var(--white);
    box-shadow: 0 14px 38px rgba(10, 40, 72, 0.08);
}

.professional-side-card.side-highlight {
    color: var(--white);
    border-color: transparent;
    background:
        radial-gradient(
            circle at 12% 10%,
            rgba(255, 255, 255, 0.18),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            var(--primary),
            var(--secondary)
        );
}

.professional-side-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin-bottom: 17px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 1.5rem;
}

.professional-side-card h2 {
    margin: 0 0 12px;
    color: var(--primary);
    font-size: 1.12rem;
}

.professional-side-card.side-highlight h2 {
    color: var(--white);
}

.professional-side-card p {
    margin: 0;
    color: var(--muted);
    font-size: 0.91rem;
    line-height: 1.9;
}

.professional-side-card.side-highlight p {
    color: #e4f1f7;
}

.professional-quick-links {
    display: grid;
    gap: 8px;
}

.professional-quick-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 9px 12px;
    border-radius: 11px;
    color: #34465c;
    background: #f3f7fa;
    font-size: 0.9rem;
    font-weight: 700;
    transition: 0.2s ease;
}

.professional-quick-links a:hover {
    color: var(--white);
    background: var(--primary);
    transform: translateX(-3px);
}

.professional-quick-links b {
    color: var(--secondary);
}

.professional-quick-links a:hover b {
    color: var(--white);
}

.professional-contact-card {
    background:
        linear-gradient(
            145deg,
            #f7fbff,
            #edf6f5
        );
}

.professional-contact-card a {
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 9px 18px;
    border-radius: 11px;
    color: var(--white);
    background: var(--secondary);
    font-weight: 800;
}

.professional-news-image {
    margin: 0;
    overflow: hidden;
    background: #eaf1f6;
}

.professional-news-image img {
    width: 100%;
    max-height: 540px;
    object-fit: cover;
}

.professional-news-summary {
    margin: 35px 42px 0;
    padding: 22px 25px;
    border-right: 5px solid var(--secondary);
    border-radius: 16px;
    color: var(--primary);
    background:
        linear-gradient(
            90deg,
            rgba(15, 143, 138, 0.10),
            rgba(18, 59, 109, 0.04)
        );
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.9;
}

/* الشاشات المتوسطة */
@media (max-width: 980px) {
    .professional-page-layout {
        grid-template-columns: 1fr;
    }

    .professional-page-sidebar {
        position: static;
        grid-template-columns: repeat(2, 1fr);
    }

    .professional-side-card.side-highlight {
        grid-column: 1 / -1;
    }
}

/* الهاتف */
@media (max-width: 680px) {
    .professional-page-hero {
        min-height: 285px;
    }

    .professional-page-title-area {
        align-items: flex-start;
    }

    .professional-page-symbol {
        display: none;
    }

    .professional-page-title-area h1 {
        font-size: 2.25rem;
    }

    .professional-page-section {
        padding: 42px 0 65px;
    }

    .professional-article-toolbar {
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
    }

    .professional-print-button {
        width: 100%;
    }

    .professional-page-content {
        padding: 26px 20px 35px;
        font-size: 0.97rem;
    }

    .professional-page-content h2 {
        font-size: 1.4rem;
    }

    .professional-page-sidebar {
        grid-template-columns: 1fr;
    }

    .professional-side-card.side-highlight {
        grid-column: auto;
    }

    .professional-news-summary {
        margin: 24px 20px 0;
    }
}

/* الطباعة */
@media print {
    .top,
    header,
    footer,
    .access,
    .professional-page-sidebar,
    .professional-print-button,
    .professional-breadcrumb,
    .professional-page-symbol {
        display: none !important;
    }

    .professional-page-hero {
        min-height: auto;
        color: #000;
        background: #fff;
    }

    .professional-page-title-area h1 {
        color: #000;
    }

    .professional-page-title-area p,
    .professional-page-label {
        color: #333;
    }

    .professional-page-section {
        padding: 0;
        background: #fff;
    }

    .professional-page-layout {
        display: block;
    }

    .professional-article-card {
        border: 0;
        box-shadow: none;
    }

    .professional-page-content {
        padding: 20px 0;
    }
}

.contact-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}


/* =========================================================
   نموذج القيادات وفريق العمل
   ========================================================= */

.template-page-shell.full-width-template {
    grid-template-columns: minmax(0, 1fr);
}

.template-page-shell.full-width-template > .template-sidebar {
    display: none;
}

.template-team,
.template-event {
    padding: 34px;
}

.team-intro {
    max-width: 980px;
    margin: 0 auto 34px;
    text-align: center;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}

.person-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d8e3ed;
    border-radius: 24px;
    background: #ffffff;
    box-shadow:
        0 12px 30px rgba(12, 39, 68, 0.08),
        0 2px 8px rgba(12, 39, 68, 0.04);
    transition:
        transform 0.30s ease,
        box-shadow 0.30s ease,
        border-color 0.30s ease;
}

.person-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    border: 2px solid transparent;
    border-radius: inherit;
    pointer-events: none;
    transition: border-color 0.30s ease;
}

.person-card::after {
    content: "";
    position: absolute;
    top: -150%;
    left: -80%;
    z-index: 4;
    width: 55%;
    height: 300%;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.36),
        transparent
    );
    transform: rotate(22deg);
    transition: left 0.65s ease;
}

.person-card:hover {
    border-color: rgba(15, 143, 138, 0.55);
    transform: translateY(-10px);
    box-shadow:
        0 26px 55px rgba(12, 55, 82, 0.18),
        0 8px 18px rgba(12, 55, 82, 0.08);
}

.person-card:hover::before {
    border-color: rgba(15, 143, 138, 0.72);
}

.person-card:hover::after {
    left: 145%;
}

.person-photo {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    margin: 0;
    overflow: hidden;
    background:
        linear-gradient(
            145deg,
            #e8f0f6,
            #dce8f1
        );
}

.person-photo::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 34%;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(6, 29, 54, 0.12)
    );
}

.person-photo img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center top;
    border-radius: 0;
    box-shadow: none;
    transition:
        transform 0.55s ease,
        filter 0.35s ease;
}

.person-card:hover .person-photo img {
    transform: scale(1.065);
    filter: saturate(1.08) contrast(1.03);
}

.person-photo-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 28% 22%,
            rgba(255, 255, 255, 0.22),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            var(--primary),
            var(--secondary)
        );
    font-size: 4rem;
    font-weight: 800;
}

.person-card-body {
    min-height: 174px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 18px 22px;
    text-align: center;
}

.person-card h2 {
    display: -webkit-box;
    min-height: 58px;
    margin: 0;
    overflow: hidden;
    color: var(--primary);
    font-size: 1.05rem;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.person-role {
    display: -webkit-box;
    min-height: 48px;
    margin-top: 8px;
    overflow: hidden;
    color: var(--secondary);
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.person-summary {
    display: -webkit-box;
    min-height: 48px;
    margin: 10px 0 0;
    overflow: hidden;
    color: #657489;
    font-size: 0.84rem;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.person-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 16px;
}

.person-links a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    border: 1px solid #d4e1eb;
    border-radius: 10px;
    color: var(--primary);
    background: #f5f9fc;
    font-size: 0.78rem;
    font-weight: 800;
    transition:
        color 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease;
}

.person-links a:hover {
    color: #ffffff;
    border-color: var(--secondary);
    background: var(--secondary);
}

/* التابلت */
@media (max-width: 980px) {
    .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* الهاتف */
@media (max-width: 580px) {
    .template-team,
    .template-event {
        padding: 18px;
    }

    .team-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .person-card {
        max-width: 360px;
        width: 100%;
        margin-inline: auto;
    }
}

/* الطباعة */
@media print {
    .team-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }

    .person-card {
        break-inside: avoid;
        box-shadow: none;
    }

    .person-links {
        display: none;
    }
}

/* =========================================================
   تحسين عرض الأخبار في الصفحة الرئيسية
   4 كروت في الصف + إطار + ظل + حركة مع الماوس
   ========================================================= */

#news .news {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 22px !important;
    align-items: stretch;
}

#news .news article {
    background: #ffffff;
    border: 1px solid rgba(16, 52, 93, 0.14);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(7, 24, 49, 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

#news .news article:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 55px rgba(7, 24, 49, 0.20);
    border-color: rgba(18, 145, 139, 0.45);
}

#news .news article .pic {
    width: 100%;
    height: 245px;
    background: linear-gradient(135deg, #eef5fb, #ffffff);
    border-bottom: 1px solid rgba(16, 52, 93, 0.10);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #10345d;
    font-weight: 800;
}

#news .news article .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

#news .news article:hover .pic img {
    transform: scale(1.06);
}

#news .news article .pad {
    padding: 16px 16px 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 1;
}

#news .news article small {
    color: #14918b;
    font-weight: 800;
    margin-bottom: 8px;
}

#news .news article h3 {
    color: #0b2f57;
    font-size: 18px;
    line-height: 1.7;
    margin: 0 0 8px;
    min-height: 58px;
}

#news .news article p {
    color: #5b6b7b;
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 14px;
    flex: 1;
}

#news .news article a {
    align-self: center;
    margin-top: auto;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0b4a7a, #14918b);
    padding: 9px 20px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(20, 145, 139, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#news .news article a:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(20, 145, 139, 0.35);
}

/* التابلت */
@media (max-width: 1100px) {
    #news .news {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* الموبايل */
@media (max-width: 650px) {
    #news .news {
        grid-template-columns: 1fr !important;
    }

    #news .news article .pic {
        height: 220px;
    }
}

/* =========================================================
   قائمة جانبية ذكية: العناصر الرئيسية ترتيبها من 1 إلى 1000
   ملاحظة: الأب ينتقل ومعه كل فروعه كما هي بدون كسر الروابط
   ========================================================= */
:root{
    --side-menu-width: 292px;
    --side-menu-top: 126px;
}

body.has-smart-sidebar{
    background: #fff;
}

body.has-smart-sidebar main,
body.has-smart-sidebar footer{
    width: calc(100% - var(--side-menu-width));
    margin-right: var(--side-menu-width);
    margin-left: 0;
}

.smart-side-menu{
    position: fixed;
    top: var(--side-menu-top);
    right: 0;
    bottom: 0;
    z-index: 45;
    width: var(--side-menu-width);
    padding: 14px 12px 18px;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid #dce6ef;
    background:
        radial-gradient(circle at 10% 0%, rgba(15,143,138,.13), transparent 28%),
        linear-gradient(180deg, #ffffff, #f5f9fc 58%, #eef5f8);
    box-shadow: -18px 0 45px rgba(7, 24, 49, .10);
    scrollbar-width: thin;
    scrollbar-color: var(--secondary) #e7eef5;
}

.smart-side-menu::-webkit-scrollbar{width:8px}
.smart-side-menu::-webkit-scrollbar-track{background:#e7eef5;border-radius:99px}
.smart-side-menu::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:99px}

.side-menu-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
    padding:13px 13px 12px;
    border:1px solid rgba(18,59,109,.12);
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 30px rgba(12,35,64,.08);
}

.side-menu-head strong{
    display:block;
    color:var(--primary);
    font-size:1rem;
    font-weight:900;
}

.side-menu-head small{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:.72rem;
    font-weight:700;
}

.side-close{
    display:none;
    width:36px;
    height:36px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    font-size:1.35rem;
    line-height:1;
    cursor:pointer;
}

.side-search{margin-bottom:12px}
.side-search input{
    height:43px;
    padding:10px 13px;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 24px rgba(12,35,64,.06);
    font-weight:700;
}

.side-group-title{
    display:flex;
    align-items:center;
    gap:7px;
    margin:14px 3px 8px;
    color:#5d6b80;
    font-size:.78rem;
    font-weight:900;
}

.side-group-title::before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    box-shadow:0 0 0 5px rgba(15,143,138,.10);
}

.side-nav-list,
.side-mobile-links{
    display:grid;
    gap:7px;
}

.side-mobile-links{display:none}

.side-nav-item{
    display:grid;
    gap:6px;
}

.side-link,
.side-link-row{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
    padding:11px 13px;
    border:1px solid #dce6ef;
    border-radius:16px;
    color:#1f2c42;
    background:rgba(255,255,255,.92);
    box-shadow:0 10px 26px rgba(12,35,64,.055);
    font-family:inherit;
    font-size:.94rem;
    font-weight:900;
    line-height:1.55;
    text-align:right;
    cursor:pointer;
    transition:.18s ease;
}

button.side-link{border:1px solid #dce6ef}

.side-link-row{
    padding:0;
    overflow:hidden;
}

.side-link-row > .side-link{
    min-height:44px;
    flex:1;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
}

.side-mini-toggle{
    align-self:stretch;
    width:45px;
    border:0;
    border-right:1px solid #dce6ef;
    color:var(--primary);
    background:rgba(15,143,138,.08);
    font-family:inherit;
    font-size:1rem;
    font-weight:900;
    cursor:pointer;
}

.side-link:hover,
.side-link-row:hover,
.side-nav-item.open > .side-link,
.side-nav-item.open > .side-link-row{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    border-color:transparent;
    transform:translateX(-3px);
}

.side-link:hover .side-mini-toggle,
.side-link-row:hover .side-mini-toggle,
.side-nav-item.open > .side-link-row .side-mini-toggle{
    color:#fff;
    border-right-color:rgba(255,255,255,.25);
    background:rgba(255,255,255,.13);
}

.side-toggle b,
.side-mini-toggle{
    transition:.18s ease;
}

.side-nav-item.open > .side-toggle b,
.side-nav-item.open > .side-link-row .side-mini-toggle{
    transform:rotate(180deg);
}

.side-submenu{
    display:none;
    margin:0 13px 2px 0;
    padding:7px 8px 7px 0;
    border-right:2px solid rgba(15,143,138,.28);
}

.side-nav-item.open > .side-submenu{
    display:grid;
    gap:6px;
}

.side-submenu .side-link,
.side-submenu .side-link-row{
    min-height:40px;
    border-radius:13px;
    background:rgba(255,255,255,.72);
    font-size:.87rem;
    box-shadow:none;
}

.side-level-2 .side-link,
.side-level-2 .side-link-row,
.side-level-3 .side-link,
.side-level-3 .side-link-row{
    font-size:.82rem;
    background:#f8fbfd;
}

.side-nav-item.is-hidden-by-search{display:none!important}
.side-nav-item.is-search-open > .side-submenu{display:grid;gap:6px}

@media(min-width:951px){
    .side-menu-overlay{display:none!important}
}

@media(max-width:950px){
    body.has-smart-sidebar main,
    body.has-smart-sidebar footer{
        width:auto;
        margin-right:0;
    }

    .smart-side-menu{
        top:0;
        width:min(370px,88vw);
        z-index:220;
        padding:14px 12px 22px;
        transform:translateX(110%);
        transition:.24s ease;
        box-shadow:-25px 0 70px rgba(7,24,49,.25);
    }

    .smart-side-menu.open{
        transform:translateX(0);
    }

    .side-close{display:grid;place-items:center}

    .side-menu-overlay{
        position:fixed;
        inset:0;
        z-index:210;
        background:rgba(7,24,49,.48);
        backdrop-filter:blur(4px);
    }

    .side-menu-overlay.open{display:block}

    body.side-menu-open{overflow:hidden}

    .side-mobile-links{
        display:grid;
        margin-bottom:12px;
        padding-bottom:12px;
        border-bottom:1px dashed #d6e3ec;
    }
}

@media(max-width:650px){
    .smart-side-menu{width:min(335px,92vw)}
    .side-menu-head{border-radius:17px}
    .side-link,.side-link-row{min-height:43px;font-size:.9rem}
}


/* === Sidebar starts directly with search - V6 === */
.side-search-first{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 12px;
}
.side-search-first input{
    flex:1;
    width:100%;
}
.side-search-close{
    flex:0 0 36px;
}
@media(min-width:951px){
    .side-search-close{display:none!important}
}
@media(max-width:950px){
    .side-search-first{margin-bottom:14px}
}

/* =========================================================
   إصلاح فراغ الشمال والاسكرول الأفقي مع القائمة الجانبية
   السبب: استخدام width + margin-right كان يسبب تمدد/انزياح في بعض الشاشات.
   الحل: المحتوى يظل بعرض الصفحة، ويتم حجز مساحة القائمة من padding-right فقط.
   ========================================================= */
html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
}

body.has-smart-sidebar main,
body.has-smart-sidebar footer{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    padding-right:var(--side-menu-width);
    overflow-x:hidden;
}

body.has-smart-sidebar main > *,
body.has-smart-sidebar footer > *{
    max-width:100%;
}

body.has-smart-sidebar .hero,
body.has-smart-sidebar .section,
body.has-smart-sidebar .soft,
body.has-smart-sidebar .stats,
body.has-smart-sidebar .inner,
body.has-smart-sidebar footer{
    overflow-x:hidden;
}

body.has-smart-sidebar .wrap{
    max-width:calc(100% - 36px);
}

@media(max-width:950px){
    html,
    body{
        overflow-x:hidden!important;
    }

    body.has-smart-sidebar main,
    body.has-smart-sidebar footer{
        width:100%!important;
        max-width:100%!important;
        margin-right:0!important;
        padding-right:0!important;
    }
}

/* =========================================================
   PROFESSIONAL PORTAL NAVIGATION V6 - 20260707
   الهدف: بوابة مؤسسية مناسبة للجهات كثيرة التفاصيل
   ========================================================= */
:root{
    --portal-density: .86;
    --side-menu-width: 218px;
    --side-menu-top: 100px;
    --portal-line: #dbe6ef;
    --portal-card-shadow: 0 10px 28px rgba(7,24,49,.085);
}

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

html{font-size:calc(14.2px * var(--scale));}
body{background:#fff;}
.wrap{width:min(1120px,calc(100% - 28px));}

/* الهيدر المختصر */
.top .wrap{min-height:30px;font-size:.82rem;}
.portal-header{z-index:80;}
.head{min-height:64px;gap:14px;}
.brand{gap:9px;min-width:0;}
.brand b,
.brand img{width:44px;height:44px;border-radius:13px;flex:0 0 44px;}
.brand strong{font-size:.93rem;line-height:1.45;}
.brand small{font-size:.76rem;line-height:1.35;}
.primary-menu{align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end;}
.primary-menu .nav-link,
.primary-menu a,
.primary-menu .nav-button{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 9px;
    border:0;
    border-radius:10px;
    color:#172033;
    background:transparent;
    font-family:inherit;
    font-size:.82rem;
    font-weight:900;
    line-height:1.4;
    cursor:pointer;
    white-space:nowrap;
}
.primary-menu .nav-link:hover,
.primary-menu a:hover,
.primary-menu .nav-button:hover{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
}
.site-map-header-btn{
    color:#fff!important;
    background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
    box-shadow:0 8px 18px rgba(12,42,75,.12);
}
.portal-menu-button,
#menuBtn{
    width:38px;
    height:38px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    font-size:1.15rem;
    font-weight:900;
    cursor:pointer;
}

/* حجز مساحة القائمة الجانبية بدون فراغ شمال */
body.has-smart-sidebar main,
body.has-smart-sidebar footer{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-right:calc(var(--side-menu-width) + 8px)!important;
    padding-left:0!important;
    overflow-x:hidden!important;
}
body.has-smart-sidebar .wrap{max-width:calc(100% - 28px);}

/* القائمة الجانبية المضغوطة */
.smart-side-menu{
    top:var(--side-menu-top)!important;
    width:var(--side-menu-width)!important;
    padding:9px 8px 12px!important;
    border-left:1px solid var(--portal-line)!important;
    background:linear-gradient(180deg,#ffffff,#f7fbfd 70%,#eef6f8)!important;
    box-shadow:-8px 0 26px rgba(7,24,49,.075)!important;
}
.side-search-first{margin:0 0 8px!important;gap:6px!important;}
.side-search input,
.side-search-first input{
    height:34px!important;
    padding:7px 10px!important;
    border-radius:11px!important;
    font-size:.78rem!important;
    font-weight:800!important;
    box-shadow:none!important;
}
.side-map-button{
    width:100%;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin:0 0 8px;
    padding:7px 8px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    font-family:inherit;
    font-size:.78rem;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(12,42,75,.10);
}
.side-group-title{
    margin:8px 4px 5px!important;
    color:#65748a!important;
    font-size:.68rem!important;
    font-weight:900!important;
}
.side-group-title::before{width:6px!important;height:6px!important;box-shadow:0 0 0 4px rgba(15,143,138,.09)!important;}
.side-nav-list,
.side-mobile-links{gap:4px!important;}
.side-nav-item{gap:3px!important;}
.side-link,
.side-link-row{
    min-height:32px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    border:1px solid #dce7f0!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:none!important;
    color:#1d2b40!important;
    font-size:.76rem!important;
    font-weight:900!important;
    line-height:1.35!important;
}
.side-link-row{padding:0!important;overflow:hidden!important;}
.side-link-row > .side-link{
    min-height:31px!important;
    padding:6px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.side-mini-toggle{
    width:31px!important;
    font-size:.76rem!important;
    border-right:1px solid #dce7f0!important;
}
.side-link:hover,
.side-link-row:hover,
.side-nav-item.open > .side-link,
.side-nav-item.open > .side-link-row{
    color:#fff!important;
    background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
    border-color:transparent!important;
    transform:translateX(-1px)!important;
}
.side-submenu{
    margin:0 7px 1px 0!important;
    padding:4px 6px 4px 0!important;
    border-right:2px solid rgba(15,143,138,.23)!important;
}
.side-nav-item.open > .side-submenu{gap:3px!important;}
.side-submenu .side-link,
.side-submenu .side-link-row{
    min-height:28px!important;
    border-radius:9px!important;
    font-size:.70rem!important;
    background:#f9fcfe!important;
}
.side-level-2 .side-link,
.side-level-2 .side-link-row,
.side-level-3 .side-link,
.side-level-3 .side-link-row{font-size:.67rem!important;}

/* تصغير عام منظم بدل zoom */
.hero{min-height:clamp(330px,44vw,500px)!important;}
.heroText{max-width:650px;}
.heroText h1{font-size:clamp(2.05rem,4.7vw,4.1rem)!important;margin:10px 0 12px!important;line-height:1.35!important;}
.heroText p{font-size:.96rem!important;line-height:1.75!important;}
.btn,.button,form button{padding:10px 17px!important;border-radius:11px!important;font-size:.88rem!important;}
.portals{margin-top:-32px!important;}
.portals a{min-height:88px!important;font-size:.88rem!important;gap:5px!important;}
.section{padding:52px 0!important;}
.sectionHead{margin-bottom:24px!important;}
.sectionHead h2,.about h2,.contact h2{font-size:clamp(1.45rem,3vw,2.25rem)!important;}
.cards{gap:15px!important;}
.card{padding:17px!important;border-radius:17px!important;}
.card i{width:45px!important;height:45px!important;border-radius:13px!important;font-size:1.08rem!important;}
.card p,.pad p,.about p,.contact p{line-height:1.65!important;font-size:.86rem!important;}
.stats{padding:42px 0!important;}
.stats article{min-height:118px!important;border-radius:16px!important;}
.stats strong{font-size:1.65rem!important;}
.shape{min-height:285px!important;border-radius:25px!important;font-size:1.45rem!important;}
.about,.contact{gap:34px!important;}
.contact form{padding:20px!important;border-radius:18px!important;}
input,textarea,select{padding:10px!important;border-radius:10px!important;font-size:.88rem!important;}

/* الأخبار: كروت رسمية قصيرة لا تبتلع الصفحة */
#news .news{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
}
#news .news article{
    border-radius:17px!important;
    box-shadow:0 10px 28px rgba(7,24,49,.10)!important;
}
#news .news article .pic{
    height:155px!important;
    font-size:.9rem!important;
}
#news .news article .pad{padding:12px 12px 14px!important;}
#news .news article small{font-size:.76rem!important;margin-bottom:5px!important;}
#news .news article h3{
    min-height:auto!important;
    margin:0 0 6px!important;
    color:#0b2f57!important;
    font-size:.96rem!important;
    line-height:1.55!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
#news .news article p{
    margin:0 0 10px!important;
    font-size:.78rem!important;
    line-height:1.65!important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
#news .news article a{
    padding:7px 15px!important;
    font-size:.78rem!important;
}

/* خريطة الموقع */
.site-map-modal[hidden]{display:none!important;}
.site-map-modal{
    position:fixed;
    inset:0;
    z-index:400;
    display:grid;
    place-items:center;
    padding:22px;
}
.site-map-backdrop{
    position:absolute;
    inset:0;
    background:rgba(7,24,49,.58);
    backdrop-filter:blur(5px);
}
.site-map-panel{
    position:relative;
    width:min(980px,96vw);
    max-height:88vh;
    overflow:hidden;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    border:1px solid rgba(255,255,255,.18);
    border-radius:24px;
    background:#fff;
    box-shadow:0 32px 90px rgba(2,18,38,.35);
}
.site-map-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px 22px;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
}
.site-map-head span{display:block;margin-bottom:3px;color:#c8fff8;font-size:.78rem;font-weight:800;}
.site-map-head h2{margin:0;font-size:1.55rem;}
.site-map-close{
    width:38px;
    height:38px;
    border:0;
    border-radius:12px;
    color:var(--primary);
    background:#fff;
    font-size:1.35rem;
    font-weight:900;
    cursor:pointer;
}
.site-map-search{padding:14px 18px;border-bottom:1px solid #e5edf4;background:#f8fbfd;}
.site-map-search input{height:40px;border-radius:14px;font-weight:800;}
.site-map-content{
    overflow:auto;
    padding:18px;
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:16px;
}
.site-map-box{
    min-width:0;
    padding:15px;
    border:1px solid #dde8f1;
    border-radius:18px;
    background:#fff;
}
.site-map-box h3{margin:0 0 12px;color:var(--primary);font-size:1rem;}
.site-map-box ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.site-map-item a,
.site-map-item span{
    min-height:31px;
    display:flex;
    align-items:center;
    padding:6px 9px;
    border-radius:10px;
    color:#1d2b40;
    background:#f7fafc;
    font-size:.82rem;
    font-weight:800;
}
.site-map-item a:hover{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));}
.site-map-item ul{margin:6px 12px 0 0!important;padding:0 10px 0 0!important;border-right:2px solid rgba(15,143,138,.18);}
.site-map-item.is-hidden-by-search{display:none!important;}

/* ضبط الموبايل */
@media(max-width:1100px){
    #news .news{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:950px){
    body.has-smart-sidebar main,
    body.has-smart-sidebar footer{padding-right:0!important;}
    body.has-smart-sidebar .primary-menu{display:none!important;}
    #menuBtn,.portal-menu-button{display:grid!important;place-items:center;}
    .head{min-height:58px;}
    .brand strong{font-size:.86rem;}
    .smart-side-menu{
        top:0!important;
        width:min(320px,88vw)!important;
        padding:10px!important;
        z-index:220!important;
        transform:translateX(110%);
        transition:.24s ease;
        box-shadow:-25px 0 70px rgba(7,24,49,.25)!important;
    }
    .smart-side-menu.open{transform:translateX(0);}
    .side-close{display:grid!important;place-items:center;}
    .side-mobile-links{display:grid!important;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #d6e3ec;}
    .side-menu-overlay{position:fixed;inset:0;z-index:210;background:rgba(7,24,49,.48);backdrop-filter:blur(4px);}
    .side-menu-overlay.open{display:block;}
    body.side-menu-open{overflow:hidden;}
    .hero{min-height:360px!important;}
    .portals{margin-top:0!important;}
    .site-map-content{grid-template-columns:1fr;}
}
@media(min-width:951px){
    #menuBtn,.portal-menu-button{display:none!important;}
    .side-menu-overlay{display:none!important;}
}
@media(max-width:650px){
    .top .wrap{font-size:.72rem;gap:8px;}
    .brand img,.brand b{width:38px;height:38px;border-radius:11px;}
    .brand small{display:none!important;}
    .heroText h1{font-size:2.1rem!important;}
    .grid4,.cards,#news .news{grid-template-columns:1fr!important;}
    #news .news article .pic{height:175px!important;}
    .section{padding:38px 0!important;}
    .site-map-modal{padding:10px;}
    .site-map-panel{max-height:92vh;border-radius:18px;}
    .site-map-head{padding:14px 16px;}
    .site-map-head h2{font-size:1.25rem;}
    .site-map-content{padding:12px;gap:10px;}
}

/* =========================================================
   UNIVERSITY_PORTAL_NAV_HERO_V6_20260708
   بوابة جامعية احترافية: بدون قائمة جانبية ثابتة
   ========================================================= */
:root{
    --uni-teal:#0f8f8a;
    --uni-gold:#f5b400;
    --uni-header:#ffffff;
    --uni-top:#061a32;
    --uni-soft:#f5f9fc;
}

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

.portal-university-layout main,
.portal-university-layout footer,
body.has-smart-sidebar main,
body.has-smart-sidebar footer{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    padding-right:0!important;
    padding-left:0!important;
}

/* شريط علوي رسمي رفيع */
.portal-university-layout .top{
    background:linear-gradient(90deg,var(--uni-top),#092949)!important;
    color:#ecf6ff!important;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.portal-university-layout .top .wrap{
    min-height:34px!important;
    font-size:.84rem!important;
    font-weight:700;
}
.portal-university-layout .top a{color:#fff!important;}

/* الهيدر الرئيسي مثل بوابات الجامعات */
.portal-university-layout .portal-header,
.portal-university-layout header{
    position:sticky!important;
    top:0!important;
    z-index:160!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 10px 28px rgba(7,24,49,.08)!important;
    border-bottom:1px solid #e9eff5;
}
.portal-university-layout .head{
    min-height:72px!important;
    gap:18px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
}
.portal-university-layout .brand{
    justify-self:end;
    gap:11px!important;
    min-width:240px;
}
.portal-university-layout .brand img,
.portal-university-layout .brand b{
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    box-shadow:0 8px 20px rgba(7,24,49,.12);
}
.portal-university-layout .brand strong{
    color:var(--primary)!important;
    font-size:1.03rem!important;
    font-weight:900!important;
    line-height:1.35!important;
}
.portal-university-layout .brand small{
    color:#6b7788!important;
    font-size:.78rem!important;
    font-weight:700!important;
}

/* زر القائمة: ظاهر دائمًا بدل القائمة الجانبية الثابتة */
.portal-university-layout #menuBtn,
.portal-university-layout .portal-menu-button,
.portal-university-layout .all-sections-button{
    width:auto!important;
    min-width:112px!important;
    height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:8px 16px!important;
    border:0!important;
    border-radius:12px!important;
    color:#102033!important;
    background:linear-gradient(135deg,var(--uni-gold),#ffd25f)!important;
    box-shadow:0 10px 22px rgba(245,180,0,.24)!important;
    font-family:inherit!important;
    font-size:.9rem!important;
    font-weight:900!important;
    cursor:pointer!important;
    order:-1;
}
.portal-university-layout .all-sections-button b{font:inherit;font-weight:900;}
.portal-university-layout .all-sections-button span{font-size:1.05rem;line-height:1;}
.portal-university-layout .all-sections-button:hover{transform:translateY(-1px);}

/* القائمة العلوية المختصرة */
.portal-university-layout .primary-menu{
    justify-self:center;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
    min-width:0;
    overflow:visible;
}
.portal-university-layout .primary-menu .nav-link,
.portal-university-layout .primary-menu a,
.portal-university-layout .primary-menu .nav-button{
    min-height:38px!important;
    padding:8px 12px!important;
    border-radius:10px!important;
    color:#172033!important;
    background:transparent!important;
    border:0!important;
    font-size:.88rem!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
.portal-university-layout .primary-menu .nav-link:hover,
.portal-university-layout .primary-menu a:hover,
.portal-university-layout .primary-menu .nav-button:hover,
.portal-university-layout .site-map-header-btn{
    color:#fff!important;
    background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
}

/* إلغاء القائمة الجانبية الثابتة وتحويلها إلى Drawer عند الضغط */
.portal-university-layout .smart-side-menu,
.portal-university-layout .university-drawer-menu,
.smart-side-menu{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:330!important;
    width:min(430px,92vw)!important;
    height:100vh!important;
    padding:14px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border-left:1px solid rgba(220,230,239,.9)!important;
    background:
        radial-gradient(circle at 12% 0%,rgba(15,143,138,.15),transparent 27%),
        linear-gradient(180deg,#fff,#f7fbfd 68%,#eef6f8)!important;
    box-shadow:-35px 0 95px rgba(7,24,49,.28)!important;
    transform:translateX(110%)!important;
    transition:transform .28s ease!important;
}
.portal-university-layout .smart-side-menu.open,
.smart-side-menu.open{
    transform:translateX(0)!important;
}
.portal-university-layout .side-menu-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:320!important;
    background:rgba(7,24,49,.55)!important;
    backdrop-filter:blur(4px);
}
.portal-university-layout .side-menu-overlay[hidden]{display:none!important;}
.portal-university-layout .side-menu-overlay.open{display:block!important;}
body.side-menu-open{overflow:hidden!important;}

.portal-university-layout .side-close,
.portal-university-layout .side-search-close{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:11px!important;
    color:#fff!important;
    background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
    font-size:1.05rem!important;
    font-weight:900!important;
    cursor:pointer!important;
}
.portal-university-layout .side-search-first{
    position:sticky;
    top:0;
    z-index:2;
    margin:0 0 10px!important;
    padding-bottom:8px;
    background:linear-gradient(180deg,#fff 75%,rgba(255,255,255,.65));
}
.portal-university-layout .drawer-intro{
    margin:0 0 10px;
    padding:12px 13px;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    box-shadow:0 12px 24px rgba(7,24,49,.13);
}
.portal-university-layout .drawer-intro strong{display:block;font-size:.98rem;margin-bottom:3px;}
.portal-university-layout .drawer-intro small{display:block;color:#d7fffb;font-size:.74rem;font-weight:700;line-height:1.7;}
.portal-university-layout .side-link,
.portal-university-layout .side-link-row{
    min-height:38px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    font-size:.83rem!important;
}
.portal-university-layout .side-submenu .side-link,
.portal-university-layout .side-submenu .side-link-row{
    min-height:32px!important;
    font-size:.77rem!important;
}

/* السلايدر يرجع Hero قوي مثل بوابات الجامعات */
.portal-university-layout .hero{
    min-height:clamp(390px,45vw,540px)!important;
    border-bottom:1px solid #dfe8ef;
    background:#061a32!important;
    overflow:hidden!important;
}
.portal-university-layout .slide{
    background-size:cover!important;
    background-position:center!important;
}
.portal-university-layout .slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(7,24,49,.90),rgba(7,24,49,.58) 48%,rgba(7,24,49,.25)),
        radial-gradient(circle at 18% 28%,rgba(15,143,138,.34),transparent 28%);
    pointer-events:none;
}
.portal-university-layout .heroText{
    position:relative;
    z-index:2;
    max-width:820px!important;
    padding-top:48px;
    padding-bottom:72px;
}
.portal-university-layout .heroText span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:6px 14px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    color:#9ff7ef!important;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(7px);
    font-size:.9rem;
    font-weight:900;
}
.portal-university-layout .heroText h1{
    margin:18px 0 12px!important;
    color:#fff!important;
    font-size:clamp(2.7rem,6vw,5.8rem)!important;
    line-height:1.18!important;
    font-weight:900!important;
    letter-spacing:-1px;
    text-shadow:0 5px 22px rgba(0,0,0,.33);
}
.portal-university-layout .heroText p{
    max-width:760px;
    margin:0 0 24px!important;
    color:#e8f3ff!important;
    font-size:1.05rem!important;
    line-height:1.9!important;
    font-weight:700;
    text-shadow:0 3px 16px rgba(0,0,0,.25);
}
.portal-university-layout .heroText .btn{
    min-height:44px;
    padding:11px 24px!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,var(--secondary),#13b9af)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.20);
}

/* شريط الخدمات أسفل السلايدر مثل بوابات الجامعات */
.portal-university-layout .portals{
    margin-top:-48px!important;
    z-index:8!important;
}
.portal-university-layout .portals .grid4{
    min-height:104px;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 22px 55px rgba(7,24,49,.16)!important;
    border:1px solid rgba(219,231,240,.88);
}
.portal-university-layout .portals a{
    min-height:104px!important;
    font-size:.95rem!important;
    font-weight:900;
    transition:.22s ease;
}
.portal-university-layout .portals a:hover{
    transform:translateY(-3px);
}

/* أزرار تحكم السلايدر */
.portal-hero-control{
    position:absolute;
    top:50%;
    z-index:12;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.26);
    border-radius:50%;
    color:#fff;
    background:rgba(7,24,49,.42);
    backdrop-filter:blur(8px);
    font-size:1.5rem;
    font-weight:900;
    cursor:pointer;
    transform:translateY(-50%);
}
.portal-hero-control:hover{background:var(--secondary);}
.portal-hero-prev{left:24px;}
.portal-hero-next{right:24px;}
.portal-hero-dots{
    position:absolute;
    right:50%;
    bottom:24px;
    z-index:12;
    display:flex;
    gap:8px;
    transform:translateX(50%);
}
.portal-hero-dot{
    width:10px;
    height:10px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.55);
    cursor:pointer;
    transition:.2s ease;
}
.portal-hero-dot.active{
    width:28px;
    background:var(--secondary);
}

/* كروت الأخبار لا تكبر زيادة */
.portal-university-layout #news .news article{
    display:flex;
    flex-direction:column;
    min-height:0!important;
}
.portal-university-layout #news .news article .pic{height:180px!important;}
.portal-university-layout #news .news article .pad{display:flex;flex-direction:column;flex:1;}
.portal-university-layout #news .news article a{margin-top:auto;align-self:flex-start;}

@media(max-width:1180px){
    .portal-university-layout .head{grid-template-columns:auto minmax(0,1fr) auto!important;}
    .portal-university-layout .brand{min-width:190px;}
    .portal-university-layout .primary-menu .nav-link,
    .portal-university-layout .primary-menu a,
    .portal-university-layout .primary-menu .nav-button{font-size:.80rem!important;padding:7px 8px!important;}
}
@media(max-width:950px){
    .portal-university-layout .head{
        min-height:64px!important;
        grid-template-columns:1fr auto!important;
    }
    .portal-university-layout .brand{min-width:0;justify-self:end;}
    .portal-university-layout .primary-menu{display:none!important;}
    .portal-university-layout #menuBtn,
    .portal-university-layout .portal-menu-button{display:inline-flex!important;}
    .portal-university-layout .hero{min-height:360px!important;}
    .portal-university-layout .heroText{padding-top:36px;padding-bottom:56px;}
    .portal-university-layout .heroText h1{font-size:clamp(2.1rem,8vw,3.3rem)!important;}
    .portal-university-layout .heroText p{font-size:.92rem!important;line-height:1.75!important;}
    .portal-university-layout .portals{margin-top:0!important;}
    .portal-hero-control{display:none;}
}
@media(max-width:650px){
    .portal-university-layout .top .wrap{min-height:30px!important;font-size:.72rem!important;}
    .portal-university-layout .brand img,
    .portal-university-layout .brand b{width:42px!important;height:42px!important;}
    .portal-university-layout .brand strong{font-size:.84rem!important;}
    .portal-university-layout .all-sections-button{min-width:92px!important;height:36px!important;padding:7px 11px!important;font-size:.78rem!important;}
    .portal-university-layout .hero{min-height:320px!important;}
    .portal-university-layout .heroText h1{font-size:2rem!important;}
    .portal-university-layout .heroText span{font-size:.76rem;min-height:30px;}
    .portal-university-layout .portals .grid4{border-radius:0!important;box-shadow:none!important;}
    .portal-university-layout .portals a{min-height:78px!important;}
    .portal-hero-dots{bottom:14px;}
}