/* Mobile-only, progressively enhanced glass. No new font, image or UI dependency. */
.atn-mobile-nav { display: none; }
.atn-mobile-account:not([open]) { display: none; }
.atn-mobile-account { box-sizing: border-box; width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid #dce7f5; border-radius: 26px; padding: 32px 24px 24px; background: #fff; color: #19314f; box-shadow: 0 24px 80px #10294335; font-family: Inter, system-ui, -apple-system, sans-serif; }
.atn-mobile-account::backdrop { background: #10294366; }
.atn-mobile-account__close { position: absolute; right: 10px; top: 8px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #f1f5fa; color: #425a75; font: 28px/1 system-ui; cursor: pointer; }
.atn-mobile-account__eyebrow { display: block; margin: 0 44px 14px 0; color: #1671dc; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.atn-mobile-account h2 { margin: 0 0 10px; color: inherit; font-size: 23px; line-height: 1.3; }
.atn-mobile-account p { margin: 0 0 24px; color: #61748b; font-size: 14px; line-height: 1.7; }
.atn-mobile-account__primary, .atn-mobile-account__secondary { display: flex; justify-content: center; align-items: center; min-height: 48px; padding: 10px 16px; border-radius: 14px; text-decoration: none; font-size: 15px; font-weight: 700; }
.atn-mobile-account__primary { background: #1270df; color: #fff; }
.atn-mobile-account__secondary { margin-top: 10px; background: #edf5ff; color: #155ba7; }
.atn-mobile-account a:focus-visible, .atn-mobile-account button:focus-visible { outline: 3px solid #1574de; outline-offset: 3px; }

@media (max-width: 990px) {
    body.atn-has-mobile-nav { --atn-nav-space: calc(104px + env(safe-area-inset-bottom, 0px)); padding-bottom: var(--atn-nav-space); }
    body:has(> .atn-mobile-nav) { --atn-nav-space: calc(104px + env(safe-area-inset-bottom, 0px)); padding-bottom: var(--atn-nav-space); }
    .atn-mobile-nav { --atn-nav-ink: #52647c; --atn-nav-active: #0966d0; box-sizing: border-box; position: fixed; z-index: 1008; inset-inline: max(10px, env(safe-area-inset-left, 0px)) max(10px, env(safe-area-inset-right, 0px)); bottom: calc(10px + env(safe-area-inset-bottom, 0px)); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; gap: 2px; width: auto; max-width: 560px; min-height: 80px; margin-inline: auto; padding: 6px; border: 1px solid #d7e4f3; border-radius: 28px; background: #f9fbff; box-shadow: 0 10px 32px #1f4b7b24, inset 0 1px 0 #fff; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif; }
    .atn-mobile-nav__item { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 66px; padding: 6px 1px; border: 1px solid transparent; border-radius: 21px; color: var(--atn-nav-ink) !important; text-align: center; text-decoration: none !important; -webkit-tap-highlight-color: transparent; touch-action: manipulation; transition: background-color .14s ease, color .14s ease; }
    .atn-mobile-nav__icon { display: grid; place-items: center; width: 28px; height: 26px; flex: 0 0 auto; }
    .atn-mobile-nav__label { display: flex; flex-direction: column; justify-content: center; min-height: 26px; font-size: 10px; line-height: 1.3; font-weight: 650; letter-spacing: -.015em; }
    .atn-mobile-nav__label > span { white-space: nowrap; }
    .atn-mobile-nav__item.is-active { background: #e3f0ff; border-color: #cfE3fb; color: var(--atn-nav-active) !important; box-shadow: inset 0 1px 0 #fff9, 0 2px 5px #2862a10c; }
    .atn-mobile-nav__item:active, .atn-mobile-nav__item.is-leaving { background: #d8e9ff; color: var(--atn-nav-active) !important; }
    .atn-mobile-nav__item:focus-visible { outline: 3px solid #1b76dd; outline-offset: -3px; }
    .atn-mobile-nav__account .atn-mobile-nav__icon { width: 34px; height: 30px; border-radius: 12px; background: #1674e7; color: #fff; box-shadow: 0 3px 9px #1674e72a; }
    .atn-mobile-nav[hidden], body.atn-nav-obscured .atn-mobile-nav { display: none !important; }
    /* One Meslektaş entry instead of two overlapping mobile chat buttons. Desktop is unchanged. */
    body.atn-has-mobile-nav #chat-widget-root, body:has(> .atn-mobile-nav) #chat-widget-root { display: none !important; }
    body.atn-has-mobile-nav #chat_app_sidebar .chat-room-list-wrap, body:has(> .atn-mobile-nav) #chat_app_sidebar .chat-room-list-wrap { padding-bottom: var(--atn-nav-space); }
    body:has(#chat_app_shell.chat-conversation-active) > .atn-mobile-nav,
    body:has(.modal.show) > .atn-mobile-nav,
    body:has(.drawer-on) > .atn-mobile-nav,
    body:has(#atanalim-cookie-banner:not([hidden])) > .atn-mobile-nav { display: none !important; }
    [data-bs-theme="dark"] .atn-mobile-nav { --atn-nav-ink: #c3cfe0; --atn-nav-active: #9acaff; background: #192a42; border-color: #40516b; box-shadow: 0 10px 32px #0004, inset 0 1px 0 #ffffff14; }
    [data-bs-theme="dark"] .atn-mobile-nav__item.is-active, [data-bs-theme="dark"] .atn-mobile-nav__item:active { background: #23436c; border-color: #3e5a7d; }
    @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
        .atn-mobile-nav { background: linear-gradient(145deg, #ffffffeb, #eef6ffdb); -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%); border-color: #ffffffed; }
        [data-bs-theme="dark"] .atn-mobile-nav { background: linear-gradient(145deg, #1c3048ee, #15263ddb); border-color: #6982a34a; }
    }
}
@media (max-width: 350px) {
    .atn-mobile-nav { inset-inline: 6px; gap: 0; padding: 5px 3px; }
    .atn-mobile-nav__label { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) { .atn-mobile-nav__item { transition: none; } }
@media (prefers-reduced-transparency: reduce) {
    .atn-mobile-nav { background: #f9fbff; -webkit-backdrop-filter: none; backdrop-filter: none; }
    [data-bs-theme="dark"] .atn-mobile-nav { background: #192a42; }
}
@media (forced-colors: active) { .atn-mobile-nav { border: 1px solid CanvasText; } .atn-mobile-nav__item.is-active { outline: 2px solid Highlight; outline-offset: -3px; } }
@media print { .atn-mobile-nav, .atn-mobile-account { display: none !important; } body.atn-has-mobile-nav, body:has(> .atn-mobile-nav) { padding-bottom: 0; } }