/*
 * Dosya: /assets/css/components/_mobile-navigation.css
 * Sürüm: 2.0 - Tamamen Değişken Tabanlı
 */

.mobile-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-navigation .bf-ally-main-menu {
    display: flex;
    flex-direction: column;
}

.mobile-navigation a {
    display: flex;
    align-items: center;
    gap: var(--space-s); 
    text-decoration: none;
    color: var(--color-text-base);
    border-bottom: 1px solid var(--color-border-medium);
}

.mobile-navigation li:last-child > a {
    border-bottom: none;
}

.mobile-navigation > .bf-ally-main-menu > .bf-ally-menu-item > a {
    padding: 0.875rem var(--space-xs); /* 14px */
    font-size: var(--font-size-300);
    font-weight: var(--font-weight-medium);
}

.mobile-navigation > .bf-ally-main-menu > .bf-ally-menu-item .material-symbols-rounded:not(.expand-icon) {
    font-size: 1.5em;
    color: var(--color-text-subtle);
}

.mobile-navigation .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--duration-slow) cubic-bezier(0.16, 1, 0.3, 1);
    background-color: var(--color-background);
    list-style: none;
    padding-left: 0;
}

.mobile-navigation .sub-menu > li > a {
    padding: var(--space-xs) var(--space-s) var(--space-xs) var(--space-l);
    font-size: 0.95rem;
    font-weight: var(--font-weight-regular);
}

.mobile-navigation .sub-menu .sub-menu > li > a {
    padding: var(--space-xs) var(--space-s) var(--space-xs) 2.1875rem; /* 35px */
    font-size: var(--font-size-200);
    color: var(--color-text-muted);
}

.mobile-navigation .expand-icon {
    font-size: 1.5rem; /* 24px */
    color: var(--color-text-subtle);
    transition: transform var(--duration-base) var(--timing-function-base);
    padding: var(--space-xs);
    margin-left: auto;
}

.mobile-navigation .bf-ally-menu-item--has-children > a {
    justify-content: space-between;
}

.mobile-navigation .bf-ally-menu-item.is-open > a .expand-icon {
    transform: rotate(180deg);
}