/* ======================================================
   HEADER & NAVIGATION با پترن طلایی ظریف
   ====================================================== */

/* هدر اصلی با پترن نقطه‌چین طلایی و نقش اسلیمی */
.pkp_site_name_wrapper {
    position: relative !important;
    background: linear-gradient(135deg, #071521 0%, #0A2540 45%, #153d62 100%) !important;
    /* پترن ترکیبی طلایی - نقطه‌ها + نقش چهاربرگ + خطوط موج‌دار */
    background-image: 
        /* نقطه‌های ریز طلایی (ستاره‌های دور) */
        radial-gradient(
            circle at 25% 50%,
            rgba(212, 175, 55, 0.35) 1.2px,
            transparent 1.2px
        ),
        /* نقطه‌های ریزتر طلایی (لایه دوم) */
        radial-gradient(
            circle at 75% 30%,
            rgba(212, 175, 55, 0.25) 0.8px,
            transparent 0.8px
        ),
        /* نقش چهاربرگ ظریف - مانند گل‌های کوچک تذهیب */
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 28px,
            rgba(212, 175, 55, 0.08) 28px,
            rgba(212, 175, 55, 0.08) 30px,
            transparent 30px,
            transparent 58px,
            rgba(212, 175, 55, 0.05) 58px,
            rgba(212, 175, 55, 0.05) 60px
        ),
        /* خطوط موج‌دار نرم افقی (حس کاغذ کهنه) */
        repeating-linear-gradient(
            to bottom,
            transparent,
            transparent 29px,
            rgba(212, 175, 55, 0.06) 29px,
            rgba(212, 175, 55, 0.06) 31px,
            transparent 31px
        ) !important;
    background-size: 
        32px 32px,   /* نقطه‌های اول */
        24px 24px,   /* نقطه‌های دوم */
        60px 60px,   /* نقش چهاربرگ */
        100% 60px    /* خطوط افقی */
        !important;
    background-position: 
        0 0,
        8px 12px,
        0 0,
        0 0 !important;
    background-repeat: repeat !important;
    height: 65px !important;
    min-height: 65px !important;
    max-height: 65px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 6px solid #D4AF37 !important;
    overflow: hidden !important;
}

/* نوار تزئینی طلایی پایین هدر - مثل سرلوحه کتاب‌های قدیمی */
.pkp_site_name_wrapper::after {
    content: '✦ ✧ ✦ ✧ ✦' !important;
    position: absolute !important;
    bottom: -6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #D4AF37 !important;
    font-size: 8px !important;
    letter-spacing: 6px !important;
    background: #faf6ef !important;
    padding: 0 20px !important;
    font-family: serif !important;
    white-space: nowrap !important;
    z-index: 10 !important;
}

/* نوار منوی دوم (navbar-default) با پترن هماهنگ */
.navbar-default {
    background: #0A2540 !important;
    /* پترن ظریف برای منوی دوم */
    background-image: 
        radial-gradient(
            circle at 50% 50%,
            rgba(212, 175, 55, 0.12) 0.8px,
            transparent 0.8px
        ) !important;
    background-size: 20px 20px !important;
    border: none !important;
    border-bottom: 2px solid #D4AF37 !important;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
    padding: 8px 0 !important;
    min-height: auto !important;
    position: relative !important;
}

/* خط تزئینی زیر منوی دوم */
.navbar-default::before {
    content: '' !important;
    position: absolute !important;
    bottom: -4px !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: repeating-linear-gradient(
        90deg,
        #D4AF37,
        #D4AF37 6px,
        transparent 6px,
        transparent 12px
    ) !important;
    z-index: 5 !important;
}

.navbar-default .container-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 15px !important;
}

/* ======================================================
   DROPDOWNS با طراحی ادبی و پترن
   ====================================================== */

.dropdown-menu {
    background: linear-gradient(180deg, #0A2540 0%, #0d2d42 100%) !important;
    /* پترن ظریف دراپ‌داون */
    background-image: 
        radial-gradient(
            circle at 50% 50%,
            rgba(212, 175, 55, 0.08) 0.6px,
            transparent 0.6px
        ) !important;
    background-size: 16px 16px !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    border-top: 3px solid #D4AF37 !important;
    border-radius: 12px !important;
    padding: 10px 0 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.1) inset !important;
    min-width: 220px !important;
    margin-top: 8px !important;
    z-index: 1000 !important;
    position: absolute !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) scale(0.98) !important;
    transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1) !important;
    display: block !important;
}

/* نمایش دراپ‌داون با انیمیشن */
.dropdown.open > .dropdown-menu,
li.dropdown.open > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

.dropdown-menu > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

.dropdown-menu > li > a {
    color: #e8e0d0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 22px !important;
    transition: all 0.25s ease !important;
    display: block !important;
    clear: both !important;
    white-space: nowrap !important;
    position: relative !important;
    font-family: 'Vazirmatn', 'Inter', sans-serif !important;
}

/* ستاره طلایی در هاور آیتم‌های دراپ‌داون */
.dropdown-menu > li > a::before {
    content: "✦" !important;
    position: absolute !important;
    left: 12px !important;
    color: #D4AF37 !important;
    opacity: 0 !important;
    transition: all 0.2s ease !important;
    font-size: 11px !important;
}

[dir="rtl"] .dropdown-menu > li > a::before {
    left: auto !important;
    right: 12px !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.12), rgba(212, 175, 55, 0.05)) !important;
    color: #F5E6A3 !important;
    padding-left: 34px !important;
}

.dropdown-menu > li > a:hover::before {
    opacity: 0.8 !important;
    left: 14px !important;
}

[dir="rtl"] .dropdown-menu > li > a:hover,
[dir="rtl"] .dropdown-menu > li > a:focus {
    padding-left: 22px !important;
    padding-right: 34px !important;
}

[dir="rtl"] .dropdown-menu > li > a:hover::before {
    left: auto !important;
    right: 14px !important;
}

/* جداکننده طلایی در دراپ‌داون */
.dropdown-menu .divider {
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.6), transparent) !important;
    height: 1px !important;
    margin: 8px 0 !important;
}

/* عنوان دسته در دراپ‌داون */
.dropdown-header {
    color: #D4AF37 !important;
    font-size: 10px !important;
    padding: 8px 22px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background: rgba(212, 175, 55, 0.08) !important;
}

/* فلش (caret) دراپ‌داون */
.caret {
    border-top-color: #D4AF37 !important;
    border-bottom-color: #D4AF37 !important;
    border-width: 5px !important;
    margin-left: 6px !important;
    transition: transform 0.3s ease !important;
}

.dropdown.open > a .caret {
    transform: rotate(180deg) !important;
}

[dir="rtl"] .caret {
    margin-left: 0 !important;
    margin-right: 6px !important;
}

/* تنظیمات RTL برای دراپ‌داون */
[dir="rtl"] .dropdown-menu {
    text-align: right !important;
    left: auto !important;
    right: 0 !important;
}

[dir="rtl"] .dropdown-menu > li > a {
    text-align: right !important;
}

/* ======================================================
   RESPONSIVE DROPDOWNS
   ====================================================== */
@media (max-width: 767px) {
    .dropdown-menu {
        position: static !important;
        width: 100% !important;
        background: #0A2540 !important;
        border: none !important;
        border-top: 1px solid rgba(212, 175, 55, 0.5) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        background-image: none !important;
    }
    
    .dropdown-menu > li > a {
        white-space: normal !important;
        padding: 10px 20px !important;
        text-align: center !important;
    }
    
    .dropdown-menu > li > a::before {
        display: none !important;
    }
    
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        padding-left: 20px !important;
        padding-right: 20px !important;
        background: rgba(212, 175, 55, 0.15) !important;
    }
    
    [dir="rtl"] .dropdown-menu > li > a:hover,
    [dir="rtl"] .dropdown-menu > li > a:focus {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .pkp_site_name_wrapper::after {
        font-size: 5px !important;
        letter-spacing: 3px !important;
        bottom: -4px !important;
        white-space: nowrap !important;
    }
}

/* ======================================================
   تنظیمات آیکون‌های منوها
   ====================================================== */
.navbar-nav > li > a i,
#main-navigation li a i {
    margin-right: 8px;
    width: 20px;
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    transition: color 0.2s;
}

[dir="rtl"] .navbar-nav > li > a i,
[dir="rtl"] #main-navigation li a i {
    margin-right: 0;
    margin-left: 8px;
}

.navbar-nav > li > a:hover i,
#main-navigation li a:hover i {
    color: #D4AF37;
}

.dropdown-menu > li > a i {
    color: #D4AF37;
    opacity: 0.85;
    margin-right: 8px;
    width: 20px;
    text-align: center;
}

[dir="rtl"] .dropdown-menu > li > a i {
    margin-right: 0;
    margin-left: 8px;
}

.dropdown-menu > li > a:hover i {
    color: #F5E6A3;
    opacity: 1;
}