/* Linked to GK Tokens — Do not hardcode color/size/shadow/radius. */

/*
 * =========================================================
 * نکته: استایل‌های سطح اول منو (Menu Base) حذف شدند
 * چون در header.css مدیریت می‌شوند.
 * =========================================================
 */

/*
 * Megamenu Panel (کانتینر اصلی بازشو)
 */
.gk-main-nav .gk-has-mega .gk-mega {
    position: absolute;
    inset-inline-start: 0;
    top: 100%;
    /* عرض‌های پیش‌فرض */
    min-width: 680px;
    width: 980px;

    background: var(--gk-color-surface);
    border: var(--gk-border-width) solid var(--gk-border-color);
    border-radius: var(--gk-radius-lg);
    box-shadow: var(--gk-shadow-lg);

    /* انیمیشن */
    opacity: 0;
    visibility: hidden; /* اضافه شده برای اطمینان */
    transform: translateY(8px);
    pointer-events: none;
    transition: transform var(--gk-duration-fast) var(--gk-ease-standard),
    opacity var(--gk-duration-fast) var(--gk-ease-standard),
    visibility var(--gk-duration-fast);
    z-index: var(--gk-z-dropdown);
}

/* حالت باز شدن (Open State) */
.gk-main-nav li.gk-has-mega:hover > .gk-mega, /* اضافه کردن هوک hover CSS */
.gk-main-nav li.gk-has-mega.is-open > .gk-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(12px);
    pointer-events: auto;
}

.gk-mega__inner {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 0;
}

/*
 * Megamenu Tabs & Panes (تب‌ها و محتوا)
 */
.gk-mega__tabs {
    border-inline-end: var(--gk-border-width) solid var(--gk-color-100);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gk-mega__tabs button {
    font-family: inherit;
    border: none;
    outline: none;
    width: 100%; /* اطمینان از پر کردن عرض */
}

.gk-mega__inner.container {
    padding: 0;
}

.gk-mega__tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: var(--gk-radius-md);
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: start;
    color: var(--gk-color-700);
    transition: background 0.2s;
}

.gk-mega__tab:hover {
    background: var(--gk-color-100);
}

.gk-mega__tab.is-active {
    background: var(--gk-color-primary-50, #eef2ff); /* Fallback color added */
    color: var(--gk-color-primary-700, #4f46e5);
    font-weight: 700;
}

.gk-mega__panes {
    padding: 14px;
    background: #fff;
    border-radius: 0 0 0 var(--gk-radius-lg); /* گوشه گرد برای تطبیق */
}

.gk-mega__pane {
    display: block;
}

.gk-mega__pane[hidden] {
    display: none !important;
}

/*
 * Megamenu Content Columns (ستون‌بندی داخلی)
 */
.gk-mega__cols {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px; /* اصلاح فاصله */
    margin-bottom: 12px;
}

.gk-mega__col { grid-column: auto / span 1; }
.gk-mega__col.gk-colspan-2 { grid-column: span 2; }
.gk-mega__col.gk-colspan-3 { grid-column: span 3; }
.gk-mega__col.gk-colspan-4 { grid-column: span 4; } /* اضافه شده */

.gk-mega__heading {
    font-weight: 700;
    font-size: 16px;
    color: var(--gk-color-900);
    margin: 0 0 10px;
    border-right: 3px solid var(--gk-color-danger);
    padding-right: 10px;
    line-height: 1.4;
}

.gk-mega__links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gk-mega__links li {
    margin: 0;
    display: block !important; /* فورس کردن نمایش بلاک */
}

.gk-mega__links a {
    display: block;
    padding: 5px 0;
    color: var(--gk-color-700);
    font-size: 14px;
    transition: color 0.2s;
}

.gk-mega__links a:hover {
    color: var(--gk-color-danger);
    transform: translateX(-4px); /* انیمیشن ریز */
}

.gk-mega__links--free {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 16px;
}

/*
 * Megamenu Sub-groups (زیرگروه‌ها)
 */
.gk-mega__subhead {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    color: var(--gk-color-900);
    padding: 4px 0;
    margin-top: 10px;
    position: relative;
}

.gk-mega__subhead::before {
    content: "";
    position: absolute;
    inset-inline-start: -10px;
    top: 6px;
    bottom: 6px;
    width: 2px;
    background: var(--gk-color-danger);
    border-radius: var(--gk-radius-sm);
}

.gk-mega__subhead a { color: inherit; text-decoration: none; }
.gk-mega__subhead a:hover { color: var(--gk-color-danger); }

.gk-mega__sublist {
    list-style: none;
    margin: 4px 0 12px;
    padding: 0;
}
.gk-mega__sublist li { margin: 0; display: block; }

.gk-mega__sublist a {
    display: block;
    padding: 3px 0;
    color: var(--gk-color-700);
    font-size: 13px;
}
.gk-mega__sublist a:hover { color: var(--gk-color-danger); }

/*
 * Elementor Template Content
 */
.gk-mega__template {
    padding: 0;
}
.gk-mega__template .elementor-section { margin-bottom: 0; }

/*
 * Responsive Design
 */
@media (max-width: 1200px) {
    .gk-main-nav .gk-has-mega .gk-mega {
        width: 94vw;
        min-width: 0;
        inset-inline-start: -50px; /* تنظیم برای صفحات کوچکتر */
    }
}

@media (max-width: 768px) {
    .gk-mega__inner { grid-template-columns: 1fr; }
    .gk-mega__tabs {
        border-inline-end: 0;
        border-bottom: 1px solid #eee;
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
    }
    .gk-mega__cols,
    .gk-mega__links--free {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    * { transition-duration: 0ms !important; animation-duration: 0ms !important; }
}