.admin-layout {
    display: flex;
    min-height: 100vh;
}

.admin-sidebar {
    width: 240px;
    padding: 24px;
    background: #1F0954;
    color: white;
}

.admin-logo {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}

.admin-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .admin-nav a {
        color: white;
        text-decoration: none;
        padding: 12px;
        border-radius: 6px;
    }

        .admin-nav a.active {
            background: rgba(255, 255, 255, 0.15);
        }

.admin-content {
    flex: 1;
    background: #f7f7f7;
}

.admin-header {
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #ddd;
}

    .admin-header h2 {
        margin: 0;
    }

.admin-page {
    padding: 30px;
}

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

.dashboard-card {
    background: white;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
/* =====================================
   رنگ‌بندی نهایی برند
   سرمه‌ای + طلایی + استخوانی
===================================== */

:root {
    --brand-navy: #071A33;
    --brand-navy-light: #10243A;
    --brand-gold: #B08D57;
    --brand-bone: #D1C7B8;
    --tj-color-theme-primary: #B08D57;
    --tj-color-theme-bg: #D1C7B8;
    --tj-color-theme-bg-2: #D1C7B8;
    --tj-color-theme-dark: #071A33;
    --tj-color-theme-dark-2: #10243A;
    --tj-color-theme-bg-3: #10243A;
    --tj-color-heading-primary: #071A33;
    --tj-color-text-body: #34495E;
    --tj-color-text-body-2: #AEB8C2;
    --tj-color-text-body-3: #6C7C8E;
    --tj-color-text-body-4: #10243A;
    --tj-color-grey-1: #F4F1EC;
    --tj-color-grey-2: #C9C0B3;
    --tj-color-border-1: #D8D0C4;
    --tj-color-border-2: #31475E;
    --tj-color-border-5: rgba(176, 141, 87, 0.20);
}

/* پس‌زمینه اصلی هدر؛ بدون هیچ ته‌رنگ سبز */
.h9-hero-inner {
    background: radial-gradient( circle at 12% 75%, rgba(42, 72, 106, 0.55), transparent 38% ), radial-gradient( circle at 90% 80%, rgba(31, 57, 89, 0.40), transparent 35% ), #071A33 !important;
}

/* حذف تصویر سبزرنگ خود قالب */
.h9-hero-bg-image {
    background-image: none !important;
    opacity: 0 !important;
}

/* حذف شکل‌های محو سبز هدر */
.h9-hero-shape-1,
.h9-hero-shape-2 {
    display: none !important;
}

/* دکمه «بیایید صحبت کنیم» */
.header-button .tj-primary-btn {
    background: #D1C7B8 !important;
    border-color: #D1C7B8 !important;
}

    .header-button .tj-primary-btn .btn-text,
    .header-button .tj-primary-btn .btn-text span {
        color: #B08D57 !important;
    }

    .header-button .tj-primary-btn .btn-icon {
        background: #071A33 !important;
        color: #B08D57 !important;
    }

/* دایره آیکن‌های منوی خدمات */
.mainmenu .mega-menu-service-icon,
.mobile_menu .mega-menu-service-icon {
    background: rgba(209, 199, 184, 0.25) !important;
    border: 1px solid rgba(209, 199, 184, 0.55) !important;
    color: #B08D57 !important;
}

/* حالت قرارگرفتن موس روی آیکن‌های منو */
.mainmenu .mega-menu-service-single:hover .mega-menu-service-icon,
.mobile_menu .mega-menu-service-single:hover .mega-menu-service-icon {
    background: #D1C7B8 !important;
    color: #B08D57 !important;
}

/* پس‌زمینه بخش خدمات */
.h9-service {
    background: #071A33 !important;
}

/* کارت‌های بخش خدمات */
.h9-service-wrapper .service-item.style-5 {
    background: #10243A !important;
}

    /* دایره پشت آیکن‌های بخش خدمات */
    .h9-service-wrapper .service-item.style-5 .service-icon {
        background: rgba(209, 199, 184, 0.12) !important;
        border: 1px solid rgba(209, 199, 184, 0.45) !important;
    }

        /* خود آیکن‌های بخش خدمات */
        .h9-service-wrapper .service-item.style-5 .service-icon i {
            color: #B08D57 !important;
        }

/* حذف تصاویر تزئینی سبزرنگ بخش خدمات */
.h9-service .bg-shape-1,
.h9-service .bg-shape-2,
.h9-service .bg-shape-3 {
    display: none !important;
}
/* نقطه و هاله لودینگ: طلایی */
.tj-preloader .tj-preloader-ball-inner,
.tj-preloader .tj-preloader-ball-shadow {
    background-color: #B08D57 !important;
    box-shadow: 0 0 18px rgba(176, 141, 87, 0.85) !important;
}

.tj-preloader .tj-preloader-ball {
    background-color: rgba(176, 141, 87, 0.25) !important;
    box-shadow: 0 0 20px #B08D57 !important;
}

/* نقطه کنار نام فرزانه مجیدی */
.h9-about-img .author-info::before {
    background-color: #B08D57 !important;
}

/* دایره دکمه ویدئو */
.h9-about-content .video-btn .play-btn {
    color: #B08D57 !important;
    border-color: rgba(176, 141, 87, 0.45) !important;
}

/* تبدیل هاله سبز pulse3 به طلایی */
@-webkit-keyframes pulse3 {
    0% {
        box-shadow: 0 0 0 0 rgba(176, 141, 87, 0.55);
    }

    100% {
        box-shadow: 0 0 0 8px rgba(176, 141, 87, 0);
    }
}

@keyframes pulse3 {
    0% {
        box-shadow: 0 0 0 0 rgba(176, 141, 87, 0.55);
    }

    100% {
        box-shadow: 0 0 0 8px rgba(176, 141, 87, 0);
    }
}
/* حذف جستجو از منوی موبایل */
.hamburger-search-area {
    display: none !important;
}
/* حذف جستجوی منوی موبایل */
.hamburger-search-area {
    display: none !important;
}

/* هدر موبایل Home و Services */
@media (max-width: 991px) {

    /* هدر دوم Home در موبایل حذف شود */
    html body .header-area.header-duplicate {
        display: none !important;
    }

    /* دکمه بیایید صحبت کنیم حذف شود */
    html body .header-area.h9-header .header-right-item,
    html body .header-area.h9-header .header-button {
        display: none !important;
    }

    /* هدر کوتاه */
    html body .header-area.h9-header {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

        html body .header-area.h9-header .header-wrapper {
            position: relative !important;
            display: block !important;
            width: 100% !important;
            height: 60px !important;
            min-height: 60px !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        /* لوگو دقیقاً سمت راست و وسط ارتفاع هدر */
        html body .header-area.h9-header .site_logo {
            position: absolute !important;
            top: 50% !important;
            right: -10px !important;
            left: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            transform: translateY(-50%) !important;
        }

            html body .header-area.h9-header .site_logo img,
            html body .header-area.h9-header .mehr-header-logo {
                display: block !important;
                width: 150px !important;
                max-width: 150px !important;
                height: 90px !important;
                object-fit: contain !important;
                margin: 0 !important;
                /* پایین آوردن فقط خود تصویر لوگو */
                transform: translateY(20px) !important;
            }
        /* مربع طلایی دقیقاً سمت چپ و هم‌سطح لوگو */
        html body .header-area.h9-header .menu_bar.mobile_menu_bar {
            position: absolute !important;
            top: 50% !important;
            left: 0 !important;
            right: auto !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 44px !important;
            height: 44px !important;
            margin: 0 !important;
            padding: 0 !important;
            transform: translateY(-20%) !important;
        }

}
.h9-hero-title {
    width: 100% !important;
    max-width: 900px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    font-family: "Gulzar", serif !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    text-align: center !important;
    padding-bottom: 12px !important;
}
/* =====================================
   اطلاعات تماس منوی موبایل
===================================== */

@media (max-width: 991px) {

    .hamburger-area .hamburger_wrapper {
        overflow-y: auto !important;
    }

    .hamburger-area .hamburger-infos {
        margin-top: 25px !important;
    }

    .hamburger-area .hamburger-title {
        margin-bottom: 14px !important;
        color: #ffffff !important;
        font-size: 19px !important;
        font-weight: 800 !important;
    }

    .hamburger-area .contact-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .hamburger-area .contact-item {
        display: flex !important;
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 5px !important;
        width: 100% !important;
        padding: 12px 14px !important;
        background: rgba(255, 255, 255, 0.07) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 11px !important;
    }

        .hamburger-area .contact-item .subtitle {
            display: block !important;
            margin: 0 !important;
            color: #b08d57 !important;
            font-size: 12px !important;
            font-weight: 700 !important;
        }

        .hamburger-area .contact-item .contact-link {
            display: block !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            color: #ffffff !important;
            opacity: 1 !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            line-height: 1.8 !important;
            text-decoration: none !important;
        }

    .hamburger-area .hamburger-email {
        direction: ltr !important;
        text-align: left !important;
        overflow-wrap: anywhere !important;
        font-size: 13px !important;
    }

    .hamburger-area .hamburger-address {
        direction: rtl !important;
        text-align: right !important;
    }

    .hamburger-area .mobile-phone-link {
        direction: ltr !important;
        text-align: right !important;
    }

    /* اینستاگرام */

    .hamburger-area .hamburger-socials {
        margin-top: 22px !important;
    }

    .hamburger-instagram-link {
        display: flex !important;
        align-items: center !important;
        gap: 11px !important;
        width: 100% !important;
        padding: 11px 14px !important;
        color: #ffffff !important;
        background: rgba(255, 255, 255, 0.07) !important;
        border: 1px solid rgba(176, 141, 87, 0.35) !important;
        border-radius: 11px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    .hamburger-instagram-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        color: #071a33 !important;
        background: #b08d57 !important;
        border-radius: 50% !important;
        font-size: 18px !important;
    }
}
/* =====================================
   منوی موبایل مشترک Home و Services
===================================== */

@media (max-width: 991px) {

    html body .header-area .header-wrapper {
        position: relative !important;
        overflow: visible !important;
    }

    html body .mobile-header-menu {
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        right: auto !important;
        z-index: 999999 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%) !important;
    }

        html body .mobile-header-menu > summary {
            list-style: none !important;
        }

            html body .mobile-header-menu > summary::-webkit-details-marker {
                display: none !important;
            }

        /* مربع طلایی */

        html body .mobile-header-menu .mobile_menu_bar {
            position: static !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-direction: column !important;
            gap: 5px !important;
            width: 48px !important;
            height: 48px !important;
            margin: 0 !important;
            padding: 0 !important;
            background: #b08d57 !important;
            border: 0 !important;
            border-radius: 10px !important;
            cursor: pointer !important;
            transform: none !important;
        }

            html body .mobile-header-menu .mobile_menu_bar span {
                display: block !important;
                width: 23px !important;
                height: 2px !important;
                margin: 0 !important;
                background: #ffffff !important;
                border-radius: 5px !important;
            }

        /* منو هنگام بسته بودن */

        html body .mobile-header-menu:not([open]) .mobile-header-dropdown {
            display: none !important;
        }

        /* پنل منو هنگام باز شدن */

        html body .mobile-header-menu[open] .mobile-header-dropdown {
            position: fixed !important;
            top: 78px !important;
            right: 15px !important;
            left: 15px !important;
            z-index: 9999999 !important;
            display: flex !important;
            align-items: stretch !important;
            flex-direction: column !important;
            gap: 8px !important;
            width: auto !important;
            height: auto !important;
            margin: 0 !important;
            padding: 15px !important;
            direction: rtl !important;
            background: #ffffff !important;
            border: 1px solid rgba(176, 141, 87, 0.35) !important;
            border-radius: 16px !important;
            box-shadow: 0 20px 55px rgba(7, 26, 51, 0.3) !important;
        }

    html body .mobile-header-dropdown a {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 9px 12px !important;
        color: #071a33 !important;
        background: #f7f4ee !important;
        border: 1px solid rgba(7, 26, 51, 0.07) !important;
        border-radius: 11px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-align: right !important;
        text-decoration: none !important;
    }

        html body .mobile-header-dropdown a i {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 34px !important;
            height: 34px !important;
            flex: 0 0 34px !important;
            color: #b08d57 !important;
            background: #071a33 !important;
            border-radius: 9px !important;
            font-size: 14px !important;
        }

    /* تماس بگیرید */

    html body .mobile-header-dropdown .mobile-contact-link {
        color: #ffffff !important;
        background: #b08d57 !important;
        border-color: #b08d57 !important;
    }

        html body .mobile-header-dropdown .mobile-contact-link i {
            color: #b08d57 !important;
            background: #ffffff !important;
        }

    /* ضربدر شدن خطوط مربع */

    html body .mobile-header-menu[open] .mobile_menu_bar span:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }

    html body .mobile-header-menu[open] .mobile_menu_bar span:nth-child(2) {
        opacity: 0 !important;
    }

    html body .mobile-header-menu[open] .mobile_menu_bar span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }
}
.h9-hero-title {
    font-family: "Markazi Text", serif !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
}