/* The mobile controls share one independent layer; page/social content stays below it. */
#akturk-mobile-ui {
    display: none;
    position: fixed;
    inset: 0;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: visible;
    color: inherit;
    background: transparent;
    pointer-events: none;
    isolation: isolate;
    z-index: 100000;
    box-sizing: border-box;
}
#akturk-mobile-ui::backdrop {
    background: transparent;
    pointer-events: none;
}
#akturk-mobile-ui > :is(.akturk-mobile-dock, .responsive-menu, .akturk-sector-panel, .akturk-menu-backdrop) {
    pointer-events: auto;
}
#akturk-mobile-ui [hidden] { display: none !important; }
#akturk-mobile-ui.akturk-mobile-ui--suspended { display: none !important; }
@media (max-width: 1199px) {
    #akturk-mobile-ui { display: block; }
    #akturk-mobile-ui .akturk-mobile-dock {
        display: grid;
        position: fixed;
        inset: auto 0 0;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: stretch;
        float: none;
        width: auto;
        height: calc(70px + env(safe-area-inset-bottom));
        padding: 4px max(6px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
        box-sizing: border-box;
        margin: 0;
        border: 0;
        border-top: 1px solid #d8d4cc;
        background: rgba(255, 255, 255, .97);
        box-shadow: 0 -6px 25px #00000012;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        z-index: 2000;
        overflow: visible;
        pointer-events: auto;
    }
    #akturk-mobile-ui .akturk-mobile-dock > :is(a, button) {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        float: none;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 60px;
        margin: 0;
        padding: 3px 2px;
        color: #4a4945;
        background: none;
        border: 0;
        font: 600 11px/1.3 Arial, sans-serif;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        pointer-events: auto;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
    #akturk-mobile-ui .akturk-mobile-dock > :is(a, button) * { pointer-events: none; }
    #akturk-mobile-ui .akturk-mobile-dock > .akturk-mobile-dock__primary > .akturk-mobile-dock__primary-icon { pointer-events: auto; }
    #akturk-mobile-ui .akturk-mobile-dock > [aria-disabled="true"] { cursor: default; opacity: .45; }
    #akturk-mobile-ui .akturk-mobile-dock :is(a[aria-current="page"], button.is-active, button[aria-expanded="true"]) { color: #c9002a; }
    #akturk-mobile-ui .akturk-mobile-dock :is(a, button):focus-visible { outline: 2px solid #9f1d30; outline-offset: -3px; border-radius: 8px; }
    .akturk-sectors-open #akturk-mobile-ui .akturk-mobile-dock { z-index: 100030; }
    .akturk-keyboard-open #akturk-mobile-ui .akturk-mobile-dock { display: none; }
}