/*
CreaLabs Agency Coding
ASEL Turizm V43.7.6
Mega Menu Readability Hard Fix

This stylesheet intentionally loads after V43.6.9 and V43.7.5.
It overrides the old compact rules that made menu text too small.
*/

/* =========================================================
   DESKTOP HEADER NAVIGATION
   ========================================================= */

.as-v4367-desktop-nav {
    gap: clamp(25px, 2vw, 38px) !important;
}

.as-v4367-desktop-nav > a,
.as-v4367-menu > button {
    min-height: 78px !important;
    font-size:
        var(--asel-nav-font-size, 15px) !important;
    font-weight: 850 !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
    letter-spacing: -.015em !important;
}

.as-v4367-menu > button svg {
    width: 15px !important;
    height: 15px !important;
}

/* =========================================================
   MEGA MENU CANVAS
   ========================================================= */

.as-v4367-mega,
html[data-theme="light"] .as-v4367-mega,
html[data-theme="dark"] .as-v4367-mega {
    width:
        min(
            1360px,
            calc(100vw - 56px)
        ) !important;
    max-width: 1360px !important;
    max-height:
        calc(100vh - 104px) !important;
    grid-template-columns:
        minmax(310px, .78fr)
        minmax(0, 2.22fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* =========================================================
   LEFT PROMOTIONAL PANEL
   ========================================================= */

.as-v4367-mega-feature {
    padding: 28px !important;
    border-radius: 17px !important;
}

.as-v4367-mega-feature > span {
    font-size:
        max(
            10px,
            calc(
                var(
                    --asel-mega-description-size,
                    12px
                ) - 1px
            )
        ) !important;
    line-height: 1.35 !important;
}

.as-v4367-mega-feature h3 {
    margin: 14px 0 !important;
    font-size:
        var(--asel-mega-title-size, 40px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.05em !important;
}

.as-v4367-mega-feature p {
    margin: 0 !important;
    font-size:
        var(
            --asel-mega-description-size,
            12px
        ) !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

.as-v4367-mega-feature > a {
    margin-top: 22px !important;
    padding: 13px 16px !important;
    font-size:
        var(
            --asel-mega-description-size,
            12px
        ) !important;
    line-height: 1.25 !important;
}

.as-v4367-mega-metrics {
    gap: 9px !important;
    margin-top: 20px !important;
}

.as-v4367-mega-metrics article {
    padding: 14px !important;
}

.as-v4367-mega-metrics b {
    font-size:
        calc(
            var(--asel-mega-item-size, 15px)
            + 10px
        ) !important;
    line-height: 1 !important;
}

.as-v4367-mega-metrics small {
    margin-top: 6px !important;
    font-size:
        max(
            10px,
            calc(
                var(
                    --asel-mega-description-size,
                    12px
                ) - 1px
            )
        ) !important;
    line-height: 1.35 !important;
}

/* =========================================================
   SERVICES MEGA MENU
   ========================================================= */

.as-v4367-service-grid {
    gap: 10px !important;
}

.as-v4367-service-grid a {
    grid-template-columns:
        31px minmax(0, 1fr) 22px !important;
    gap: 12px !important;
    min-height:
        max(
            88px,
            calc(
                var(--asel-mega-item-size, 15px)
                * 5.8
            )
        ) !important;
    padding: 15px !important;
    border-radius: 13px !important;
}

.as-v4367-service-grid a > span,
.as-v4367-policy-grid a > span {
    font-size:
        max(
            10px,
            calc(
                var(
                    --asel-mega-description-size,
                    12px
                ) - 1px
            )
        ) !important;
}

.as-v4367-service-grid b {
    font-size:
        var(--asel-mega-item-size, 15px) !important;
    font-weight: 850 !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

.as-v4367-service-grid small {
    margin-top: 5px !important;
    font-size:
        var(
            --asel-mega-description-size,
            12px
        ) !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

/* =========================================================
   CORPORATE MEGA MENU
   ========================================================= */

.as-v4367-corporate-columns {
    grid-template-columns:
        repeat(2, minmax(0, 1fr))
        minmax(230px, .78fr) !important;
    gap: 11px !important;
}

.as-v4367-corporate-columns > section {
    padding: 20px !important;
    border-radius: 15px !important;
}

.as-v4367-corporate-columns header {
    padding-bottom: 15px !important;
}

.as-v4367-corporate-columns header span {
    font-size:
        max(
            10px,
            calc(
                var(
                    --asel-mega-description-size,
                    12px
                ) - 1px
            )
        ) !important;
    line-height: 1.2 !important;
}

.as-v4367-corporate-columns h4,
.as-v4367-mega-cta h4 {
    margin: 7px 0 0 !important;
    font-size:
        calc(
            var(--asel-mega-item-size, 15px)
            + 2px
        ) !important;
    font-weight: 900 !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

.as-v4367-corporate-columns nav {
    gap: 5px !important;
    margin-top: 12px !important;
}

.as-v4367-corporate-columns nav a {
    min-height:
        max(
            44px,
            calc(
                var(--asel-mega-item-size, 15px)
                * 3.1
            )
        ) !important;
    align-items: center !important;
    padding: 10px 11px !important;
    font-size:
        var(--asel-mega-item-size, 15px) !important;
    font-weight: 800 !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

.as-v4367-corporate-columns nav a b {
    flex: 0 0 auto !important;
    margin-left: 10px !important;
    font-size: 13px !important;
}

.as-v4367-mega-cta > span {
    font-size:
        max(
            10px,
            calc(
                var(
                    --asel-mega-description-size,
                    12px
                ) - 1px
            )
        ) !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

.as-v4367-mega-cta h4 {
    margin-top: 12px !important;
}

.as-v4367-mega-cta a {
    margin-top: 18px !important;
    font-size:
        var(
            --asel-mega-description-size,
            12px
        ) !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

/* =========================================================
   QUALITY / POLICY MEGA MENU
   ========================================================= */

.as-v4367-policy-grid {
    gap: 9px !important;
}

.as-v4367-policy-grid a {
    grid-template-columns:
        27px minmax(0, 1fr) 18px !important;
    gap: 10px !important;
    min-height:
        max(
            68px,
            calc(
                var(--asel-mega-item-size, 15px)
                * 4.6
            )
        ) !important;
    padding: 12px !important;
    border-radius: 11px !important;
}

.as-v4367-policy-grid b {
    font-size:
        var(--asel-mega-item-size, 15px) !important;
    font-weight: 850 !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

.as-v4367-mobile-nav > a,
.as-v4367-mobile-group > button {
    min-height:
        max(
            58px,
            calc(
                var(--asel-mobile-menu-size, 17px)
                * 3.5
            )
        ) !important;
    padding: 14px 16px !important;
    font-size:
        var(--asel-mobile-menu-size, 17px) !important;
    font-weight: 850 !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

.as-v4367-mobile-group > div a {
    min-height:
        max(
            48px,
            calc(
                var(
                    --asel-mobile-submenu-size,
                    15px
                ) * 3.1
            )
        ) !important;
    padding: 12px 14px !important;
    font-size:
        var(
            --asel-mobile-submenu-size,
            15px
        ) !important;
    font-weight: 750 !important;
    line-height:
        var(--asel-menu-line-height, 1.5) !important;
}

/* =========================================================
   RESPONSIVE SAFETY
   ========================================================= */

@media (min-width: 1280px) and (max-width: 1499px) {
    .as-v4367-desktop-nav {
        gap: 20px !important;
    }

    .as-v4367-desktop-nav > a,
    .as-v4367-menu > button {
        font-size:
            min(
                var(--asel-nav-font-size, 15px),
                14px
            ) !important;
    }

    .as-v4367-mega {
        width:
            min(
                1240px,
                calc(100vw - 36px)
            ) !important;
        grid-template-columns:
            minmax(285px, .75fr)
            minmax(0, 2.25fr) !important;
    }

    .as-v4367-mega-feature h3 {
        font-size:
            min(
                var(--asel-mega-title-size, 40px),
                36px
            ) !important;
    }
}

@media (min-width: 1500px) {
    .as-v4367-nav {
        width:
            min(
                var(--asel-section-max-width, 1560px),
                calc(
                    100% -
                    (
                        var(--asel-section-gutter, 32px)
                        * 2
                    )
                )
            ) !important;
    }
}