/* تم قرمز سراسری: فوتر + کارت خبر شناور. در هدر بعد از custom-style.css لینک شود */
#footer{background:#14171f;color:#c9ced8;margin-top:30px}
#footer .footer-inner{padding:40px 0 20px;border-top:4px solid #d90429}
#footer .widget-title{color:#fff;font-size:17px;font-weight:800;position:relative;padding-right:14px;margin-bottom:18px}
#footer .widget-title::before{content:"";position:absolute;right:0;top:3px;width:5px;height:18px;border-radius:3px;background:#d90429}
#footer a{color:#c9ced8}#footer a:hover{color:#fff}
#footer .footer-about,#footer .description{color:#a8afbd;line-height:2}
#footer .footer-posts .title a{color:#e5e8ee!important}
#footer .footer-posts .title a:hover{color:#ff5a72!important}
#footer .newsletter-button{background:#d90429;border:0;color:#fff}
#footer .newsletter-button:hover{background:#a4031f}
#footer .footer-copyright{background:#0d0f15;padding:14px 0;border-top:1px solid #232734}
#footer .footer-copyright h1{font-size:13px;font-weight:400;margin:0;color:#8b93a3}
#footer .nav-footer ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;justify-content:flex-end}
#footer .nav-footer a{font-size:13px}
/* کارت خبر شناور */
#newsCard{border-radius:14px!important;box-shadow:0 14px 34px -10px rgba(20,23,31,.45)!important;border-right:4px solid #d90429}
.nf-label{background:#d90429!important;border-radius:0 8px 0 0}
.nf-body{color:#14171f!important;font-weight:600}
.scrollup{background:#d90429!important}

/* ======== هدر ======== */
:root{--red:#d90429}
#header{position:relative;z-index:50;background:#fff;box-shadow:0 6px 20px -14px rgba(20,23,31,.55)}
#header .top-bar,#header .nav-top{background:#14171f!important;color:#c9ced8;border:0}
#header .top-bar a,#header .nav-top a{color:#c9ced8!important;font-size:13px;transition:color .2s}
#header .top-bar a:hover,#header .nav-top a:hover{color:#fff!important}
#header .nav-main,#header .navbar{background:#fff!important;border-bottom:3px solid var(--red)}
#header .nav-main .navbar-nav .nav-link,#header .navbar-nav .nav-link{position:relative;font-weight:800;color:#14171f!important;padding:15px 12px!important;transition:color .2s}
#header .navbar-nav .nav-link::after{content:"";position:absolute;right:12px;left:12px;bottom:7px;height:3px;border-radius:3px;background:var(--red);transform:scaleX(0);transition:transform .25s}
#header .navbar-nav .nav-link:hover,#header .navbar-nav .nav-item.active .nav-link{color:var(--red)!important}
#header .navbar-nav .nav-link:hover::after,#header .navbar-nav .nav-item.active .nav-link::after{transform:scaleX(1)}
#header .dropdown-menu,#header .mega-menu{border:0;border-top:3px solid var(--red);border-radius:0 0 12px 12px;box-shadow:0 20px 40px -18px rgba(20,23,31,.5)}
#header .dropdown-menu a:hover{color:var(--red)!important}
#header .navbar-toggler,#header .btn-mobile-menu{color:var(--red)}

/* بنر بالا و دکمه‌ی کناری */
.firsts img{display:block;margin:0 auto;width:min(100%,900px)!important;height:auto!important}
.buttonLink .verticalButton{background:var(--red)!important;color:#fff!important;border:0;border-radius:0 0 10px 10px;font-weight:700;box-shadow:0 8px 18px -8px rgba(217,4,41,.7)}

/* ======== v4: خط قرمز بالای سایت + هدر (انتخابگرهای عمومی) ======== */
body::before{content:"";display:block;height:4px;background:linear-gradient(90deg,#d90429,#ff7a18,#d90429)}
#header{border-top:0;background:#fff!important;box-shadow:0 8px 22px -16px rgba(20,23,31,.6)}
#header nav,#header .navbar{background:#fff!important}
#header .navbar-nav>li>a,#header nav ul>li>a{font-weight:800!important;color:#14171f!important;transition:color .2s}
#header .navbar-nav>li>a:hover,#header nav ul>li>a:hover,#header .navbar-nav>li.active>a{color:#d90429!important}
#header .container-xl>nav,#header .nav-main{border-bottom:3px solid #d90429!important}
#header .logo,#header .navbar-brand img{max-height:64px;width:auto}
#header a:hover{color:#d90429}
#header .btn,#header .btn-custom{background:#d90429!important;border-color:#d90429!important;color:#fff!important}

/* =====================================================================
   v5: هدر واقعی (روی استایل‌های inline آبی با !important می‌نشیند)
   ===================================================================== */

/* --- نوار بالا (#nav-top) --- */
#nav-top{background:linear-gradient(90deg,#14171f 0%,#231019 55%,#a4031f 100%)!important;border-bottom:0}
#nav-top .nav-link{color:#fff!important;font-weight:700!important;font-size:13px;padding:8px 12px!important;position:relative;transition:color .2s}
#nav-top .nav-link:hover{color:#ffb3c0!important}
#nav-top .dropdown-menu{border:0;border-top:3px solid #d90429;border-radius:0 0 12px 12px;box-shadow:0 18px 34px -16px rgba(20,23,31,.55)}
#nav-top .dropdown-menu .dropdown-item:hover{background:#fff1f3;color:#d90429}
#nav-top .btn-switch-mode{background:rgba(255,255,255,.12);border:0;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;transition:background .2s}
#nav-top .btn-switch-mode:hover{background:#d90429}

/* --- نوار اصلی منو (.nav-main) --- */
#header .nav-main{background:#fff!important;backdrop-filter:none!important;border-bottom:3px solid #d90429!important;box-shadow:0 10px 24px -18px rgba(20,23,31,.7);padding:0!important}
#header .nav-main .navbar-brand .logo{max-height:46px;width:auto}
#header .nav-main .navbar-nav .nav-link{color:#14171f!important;font-weight:800!important;font-size:15px;padding:18px 13px!important;position:relative;transition:color .2s}
#header .nav-main .navbar-nav .nav-link::after{content:"";position:absolute;right:13px;left:13px;bottom:9px;height:3px;border-radius:3px;background:#d90429;transform:scaleX(0);transition:transform .25s}
#header .nav-main .navbar-nav .nav-item:hover>.nav-link,#header .nav-main .navbar-nav .nav-item.active>.nav-link{color:#d90429!important}
#header .nav-main .navbar-nav .nav-item:hover>.nav-link::after,#header .nav-main .navbar-nav .nav-item.active>.nav-link::after{transform:scaleX(1)}
#header .nav-main .nav-link .icon-arrow-down{font-size:9px;margin-right:4px;opacity:.6}
#header .nav-main .search-icon{color:#14171f!important}
#header .nav-main .search-icon:hover{color:#d90429!important}
#header .nav-main .search-form{border:0;border-top:3px solid #d90429;border-radius:0 0 14px 14px;box-shadow:0 22px 40px -18px rgba(20,23,31,.6)}
#header .nav-main .search-form .btn-custom{background:#d90429!important;border-color:#d90429!important;color:#fff!important}
#header .nav-dropdown-menu{border:0!important;border-top:3px solid #d90429!important;border-radius:0 0 14px 14px!important;box-shadow:0 22px 40px -18px rgba(20,23,31,.6)!important;padding:8px!important}
#header .nav-dropdown-menu .dropdown-item{border-radius:8px;font-weight:600;transition:background .2s,color .2s}
#header .nav-dropdown-menu .dropdown-item:hover{background:#fff1f3!important;color:#d90429!important}

/* --- مگامنو --- */
.mega-menu{border-top:3px solid #d90429!important;border-radius:0 0 18px 18px!important;overflow:hidden;box-shadow:0 30px 50px -24px rgba(20,23,31,.65)!important}
.mega-menu .menu-left{background:#14171f!important;padding:10px 0!important}
.mega-menu .link-sub-category{color:#e5e8ee!important;font-weight:700;padding:9px 16px!important;display:block;border-radius:0;transition:background .2s,color .2s}
.mega-menu .link-sub-category:hover,.mega-menu .link-sub-category.active{background:#d90429!important;color:#fff!important}
.mega-menu .menu-post-item .image{border-radius:12px;overflow:hidden}
.mega-menu .menu-post-item .image img{transition:transform .4s}
.mega-menu .menu-post-item:hover .image img{transform:scale(1.07)}
.mega-menu .menu-post-item .title a{color:#14171f!important;font-weight:700;line-height:1.9}
.mega-menu .menu-post-item .title a:hover{color:#d90429!important}

/* --- موبایل --- */
.header-mobile{background:#fff!important;border-bottom:3px solid #d90429;box-shadow:0 8px 20px -14px rgba(20,23,31,.7)}
.header-mobile .mobile-menu-button svg,.header-mobile .mobile-search-button svg{stroke:#14171f}
.nav-mobile .nav-link{font-weight:700;color:#14171f}
.nav-mobile .nav-link:hover{color:#d90429}
.nav-mobile .btn-custom{background:#d90429!important;border-color:#d90429!important;color:#fff!important}

/* --- حالت تاریک --- */
.dark-mode #header .nav-main{background:#14171f!important}
.dark-mode #header .nav-main .navbar-nav .nav-link,.dark-mode #header .nav-main .search-icon{color:#fff!important}
.dark-mode .header-mobile{background:#14171f!important}
.dark-mode .header-mobile .mobile-menu-button svg,.dark-mode .header-mobile .mobile-search-button svg{stroke:#fff}