/* ═══════ لایه رنگ و پس‌زمینه صفحه اصلی ═══════
   صفحه یکدست سفید بود؛ این فایل بخش‌ها را با نوارهای رنگی تمام‌عرض (آبی روشن، سرمه‌ای، کرم)
   و نشان کم‌رنگ دانشگاه (image/hmu-emblem-*faint.png) از هم جدا می‌کند. نوارها با ::before تمام‌عرض ساخته می‌شوند تا ساختار HTML دست نخورد. */

body{overflow-x:clip}

/* ── نوار تمام‌عرض: پس‌زمینه از کناره‌های container بیرون می‌زند ── */
.hmu-news-section .col-12 > .mt-5,
.hmu-news-section .col-12 > .item:last-child,
.container.flow1:not([style*="none"]){position:relative;isolation:isolate}
.hmu-news-section .col-12 > .mt-5:before,
.hmu-news-section .col-12 > .item:last-child:before,
.container.flow1:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:-1;pointer-events:none}

/* ── بخش اخبار: زمینه روشن با نشان کم‌رنگ دانشگاه ── */
.hmu-news-section{padding-bottom:0!important;background:
    url(/image/hmu-emblem-faint.png) left 4% top 90px/auto 440px no-repeat,
    linear-gradient(180deg,#eef3f7 0%,#f7f9fb 420px)!important}

/* ── عنوان بخش‌ها: لوزی طلایی کنار عنوان ── */
.selected{position:relative;font-weight:800!important;letter-spacing:-.2px}
.selected:before{content:"";display:inline-block;width:9px;height:9px;margin-left:10px;vertical-align:middle;background:linear-gradient(135deg,#e6c977,#b8963a);transform:rotate(45deg) translateY(-2px);border-radius:2px;box-shadow:0 0 0 3px rgba(200,169,81,.18)}
.hmu-news-section [style*="border-bottom:2px solid #e8ecf0"]{border-bottom-color:rgba(8,69,98,.1)!important}

/* ── کارت خبر ── */
.hmu-news-card{position:relative;border-radius:16px!important;border-color:rgba(8,69,98,.08)!important;box-shadow:0 4px 18px rgba(8,69,98,.08)!important}
.hmu-news-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;z-index:2;background:linear-gradient(to left,#c8a951,#0b6a94);transform:scaleX(0);transform-origin:right;transition:transform .4s ease}
.hmu-news-card:hover:before{transform:scaleX(1)}
.hmu-news-card:hover{box-shadow:0 16px 36px rgba(8,69,98,.18)!important}
.hmu-news-img-wrap:before{content:"";position:absolute;inset:auto 0 0 0;height:45%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(5,46,69,.35),rgba(5,46,69,0))}
.hmu-news-cat{background:linear-gradient(135deg,rgba(200,169,81,.18),rgba(200,169,81,.08))!important;color:#8a6d1d!important}
.hmu-news-card:hover .hmu-news-title{color:#084562}
.hmu-news-title{transition:color .2s}

/* ── خبرهای کوچک ── */
.ItemThumbData > a > section{border:1px solid rgba(8,69,98,.08);box-shadow:0 2px 10px rgba(8,69,98,.06);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.ItemThumbData > a > section img{border-radius:12px;transition:transform .35s}
.ItemThumbData > a:hover > section{transform:translateY(-3px);box-shadow:0 10px 24px rgba(8,69,98,.12);border-color:rgba(200,169,81,.6)}
.ItemThumbData > a:hover > section img{transform:scale(1.05)}

/* ── نوار اطلاعیه و پیوند مفید: آبی روشن ── */
.hmu-news-section .col-12 > .mt-5{padding:8px 0 44px;margin-top:40px!important}
.hmu-news-section .col-12 > .mt-5:before{background:
    url(/image/hmu-emblem-faint.png) left 6% center/auto 80% no-repeat,
    linear-gradient(160deg,#e3eef6,#d6e6f1)}
.hmu-notice-item{border-color:rgba(8,69,98,.08)!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(8,69,98,.05)}
.hmu-link-card{border-color:rgba(8,69,98,.08)!important;border-radius:14px!important;box-shadow:0 2px 8px rgba(8,69,98,.05)}
.hmu-link-card:hover{border-color:#c8a951!important;box-shadow:0 10px 22px rgba(8,69,98,.14)!important;transform:translateY(-4px)!important}

/* ── گزارش تصویری: نوار سرمه‌ای ── */
.hmu-news-section .col-12 > .item:last-child{padding:6px 0 52px;margin-top:0}
.hmu-news-section .col-12 > .item:last-child > .d-flex{margin-top:36px!important}
.hmu-news-section .col-12 > .item:last-child:before{background:
    radial-gradient(ellipse at 85% 0%,rgba(200,169,81,.18),transparent 55%),
    url(/image/hmu-emblem-white-faint.png) left 3% bottom -40px/auto 460px no-repeat,
    linear-gradient(160deg,#063a52,#084562 50%,#0a5577)}
.hmu-news-section .col-12 > .item:last-child .selected{color:#fff!important}
.hmu-news-section .col-12 > .item:last-child [style*="border-bottom"]{border-bottom-color:rgba(255,255,255,.12)!important}
.hmu-news-section .col-12 > .item:last-child .hmu-more-link{color:#f3d98a}
.hmu-news-section .col-12 > .item:last-child .hmu-more-link:hover{color:#fff}
.hmu-news-section .col-12 > .item:last-child .hmu-gallery-main{box-shadow:0 18px 40px rgba(0,0,0,.35);background:rgba(0,0,0,.25)}
.hmu-news-section .col-12 > .item:last-child .hmu-gallery-thumb{background:rgba(255,255,255,.08)}
.hmu-news-section .col-12 > .item:last-child .hmu-gallery-thumb.selected{border-color:#c8a951;box-shadow:0 0 0 3px rgba(200,169,81,.3)}

/* ── نوار سامانه‌ها: رنگ یکدست با خط طلایی ── */
.hmu-quicklinks-section{background:#084562!important;border-bottom:2px solid #c8a951;overflow:hidden}
.hmu-quicklinks-section .carousel8{background:transparent!important}
/* آیکن سامانه شفافیت JPG است و فیلتر سفیدکننده آیکن‌ها (sample.css) آن را مربع سفید می‌کرد؛ با آیکن SVG سفید جایگزین می‌شود */
.carousel8 img[src*="shafafiat"]{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3Cpath d='M7.5 10.5c1-1.6 2-2.3 3-2.3s2 .7 3 2.3c-1 1.6-2 2.3-3 2.3s-2-.7-3-2.3z'/%3E%3Ccircle cx='10.5' cy='10.5' r='.8' fill='%23fff'/%3E%3C/svg%3E");filter:none!important}

/* ── نشریات: نوار کرم طلایی ── */
.container.flow1{background:transparent!important;margin-bottom:0!important;padding-bottom:48px!important}
.container.flow1:before{background:
    url(/image/hmu-emblem-faint.png) left 5% center/auto 85% no-repeat,
    linear-gradient(180deg,#faf6ea,#f3ecd6)}
.container.flow1 .IntraFrameBox{border-radius:14px;box-shadow:0 6px 18px rgba(120,95,30,.12);transition:transform .3s,box-shadow .3s}
.container.flow1 .IntraFrameBox:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(120,95,30,.22)}

/* ── فوتر: موج بالا و گرادیان ── */
#siteFooter{position:relative}
#siteFooter:before{content:"";display:block;height:56px;margin-bottom:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V28C240 0 480 0 720 22s480 30 720 2v32z' fill='%23c8a951' fill-opacity='.55'/%3E%3Cpath d='M0 56V36C240 10 480 8 720 30s480 26 720 0v26z' fill='%23063a52'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
#siteFooter > section{background:
    radial-gradient(ellipse at 10% 0%,rgba(200,169,81,.14),transparent 50%),
    url(/image/hmu-emblem-white-faint.png) left 8% center/auto 85% no-repeat,
    linear-gradient(180deg,#063a52,#042a3d)!important}
#siteFooter a{transition:color .2s}
#siteFooter a:hover{color:#f3d98a!important}

/* ── هدر موبایل: آرم و منو در یک ردیف چسبان ──
   ردیف جداگانه آرم (siteHeaderMain) در موبایل از زمینه سرمه‌ای‌اش بلندتر بود و نوار سفید باقی می‌گذاشت؛
   آرم داخل navbar-brand منتقل شده: دکمه منو و ابزارها سمت راست، آرم و نام دانشگاه سمت چپ. */
@media (max-width:767.98px){
    #siteHeaderBg,#siteHeaderMain{display:none!important}
    #siteHeaderNav{border-top:3px solid #c8a951!important;border-bottom:none!important;background:linear-gradient(90deg,#052e45,#084562 60%,#0b6a94)!important;box-shadow:0 4px 16px rgba(0,0,0,.18)}
    #siteHeaderNav .navbar{flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 4px!important;background:transparent!important}
    #siteHeaderNav .navbar-toggler{position:static!important;order:1;flex:0 0 auto;height:38px;border-radius:9px}
    #siteHeaderNav .hmu-nav-tools{order:2;gap:6px}
    #siteHeaderNav .hmu-nav-tools .hmu-tool-btn{height:38px;padding:0 9px}
    #siteHeaderNav .hmu-nav-logo{order:3;margin:0 auto 0 0!important;padding:0!important;flex:0 1 auto;min-width:0;display:flex;align-items:center}
    #siteHeaderNav .hmu-nav-logo img{height:46px;width:auto;max-width:100%;display:block}
    #siteHeaderNav .navbar-collapse{order:4;flex-basis:100%}
}
/* صفحه خیلی باریک: متن «جستجو» حذف و فقط آیکن می‌ماند تا آرم جا شود */
@media (max-width:400px){
    #siteHeaderNav .hmu-nav-tools .hmu-tool-btn{font-size:0;gap:0}
    #siteHeaderNav .hmu-nav-logo img{height:44px}
}