/*

Add here your custom css styles Example: p { text-align: center; color: red; }

*/

html { overflow-x: hidden; }

/* ── NG Global Page Loader ── */
#ng-loader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    pointer-events: none;
    transition: opacity 0.33s ease-in-out, visibility 0.33s ease-in-out;
    opacity: 1;
    visibility: visible;
}
#ng-loader.ng-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.ng-loader-wrap {
    position: relative;
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 15, 20, 0.78);
    border-radius: 50%;
    box-shadow: 0 0 15px 6px rgba(13, 15, 20, 0.3);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.ng-loader-wrap::before,
.ng-loader-wrap::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    border: 2px solid transparent;
}
.ng-loader-wrap::before {
    width: 58px;
    height: 58px;
    border-top-color: #7c6ff7;
    border-right-color: #7c6ff7;
    animation: ng-spin 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.ng-loader-wrap::after {
    width: 42px;
    height: 42px;
    border-bottom-color: #b8a9ff;
    border-left-color: #b8a9ff;
    animation: ng-spin 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite reverse;
}
.ng-loader-text {
    position: relative;
    z-index: 1;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 2px;
    background: linear-gradient(135deg, #c4b5fd 0%, #7c6ff7 45%, #a78bfa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: ng-pulse 1.8s ease-in-out infinite;
    user-select: none;
}
@keyframes ng-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes ng-pulse {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 6px rgba(124, 111, 247, 0.55));
    }
    50% {
        transform: scale(1.16);
        filter: drop-shadow(0 0 17px rgba(124, 111, 247, 1));
    }
}

/* ── Hero h1 Turkish font fix ── */
.nk-discover-title h1,
.nk-discover-search input[type="text"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.nk-discover .nk-discover-title h1 {
    text-shadow: 0 2px 6px rgba(0,0,0,.18), 0 6px 20px rgba(79,70,229,.25);
}

/* ── Tom Select — job modal overrides ── */
#nk-create-job-modal .ts-wrapper {
    width: 100%;
}

/* Kontrol kutusu — min-height ile diacritics için nefes alanı bırak */
#nk-create-job-modal .ts-wrapper.single .ts-control {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 8px 10px !important;       /* dikey padding → ğ/â gibi diacritikler kesilmez */
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    cursor: pointer;
    overflow: visible;                  /* diacritics clip olmasın */
}

/* Seçili öğe */
#nk-create-job-modal .ts-wrapper.single .ts-control .item {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #111;
    line-height: 1.4 !important;       /* normal yerine 1.4 — breve/circumflex için üst boşluk */
    margin: 0;
    padding: 0;
}

/* Input */
#nk-create-job-modal .ts-wrapper.single .ts-control > input {
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 14px !important;
    font-family: inherit !important;
    line-height: 1.4 !important;
}

/* Search sonrası seçimde anında render: dropdown kapanınca + item varsa input'u gizle */
#nk-create-job-modal .ts-wrapper.single:not(.dropdown-active).has-items .ts-control > input {
    width: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#nk-create-job-modal .ts-wrapper.focus .ts-control {
    border-color: #2563eb !important;
}

/* Dropdown modalın üstüne çıksın */
.ts-dropdown {
    z-index: 999999 !important;
}
#nk-create-job-modal .ts-dropdown {
    border-radius: 8px;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
#nk-create-job-modal .ts-dropdown-content {
    max-height: 200px;
}
#nk-create-job-modal .ts-dropdown .option {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    transform: none !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* ── Search helper text ── */
.nk-search-helper {
    margin: 6px 0 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
}

/* ── PC navbar search — premium ── */
#navbar-searchbox {
    margin: 0;
    padding: 0;
}
#navbar-searchbox .form-group {
    margin: 0;
}
#navbar-searchbox .form-control {
    background: rgba(255,255,255,0.92) !important;
    border: 1.5px solid rgba(124,111,247,0.5) !important;
    border-radius: 8px !important;
    color: #1a1d23 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.2) !important;
    transition: border-color .15s, background .15s;
}
#navbar-searchbox .form-control::placeholder {
    color: #4b5563 !important;
    font-weight: 400;
}
#navbar-searchbox .form-control:focus {
    background: #fff !important;
    border-color: rgba(124,111,247,0.75) !important;
}

/* ── Premium antrasit navbar ── */
.header-container {
    background: linear-gradient(180deg, #2a2d32 0%, #1e2125 100%) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.35) !important;
}

/* ── Mobile inline navbar search ── */
#nk-mob-search {
    display: none;
}
@media (max-width: 990px) {
    /* Fix: head_menu_rght was flex:1 + margin:0 -10px, competing with search and causing overflow */
    #head_menu_rght {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
    /* Hide old fixed-bar search toggle (replaced by inline search) */
    .wow_new_search_bbtn {
        display: none !important;
    }
    /* Hide legacy desktop search bar — replaced by #nk-mob-search between 769–990px */
    #wo_home_search {
        display: none !important;
    }
    /* Search fills remaining space between left icons and right panel */
    #nk-mob-search {
        display: flex;
        align-items: center;
        flex: 1;
        min-width: 0;
        margin: 0 6px;
        height: 34px;
        background: rgba(255,255,255,0.92);
        border: 1.5px solid rgba(124,111,247,0.5);
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 1px 4px rgba(0,0,0,.25);
    }
    #nk-mob-search input[type="text"] {
        flex: 1;
        height: 100%;
        background: transparent;
        border: none;
        outline: none;
        padding: 0 12px;
        font-size: 13px;
        color: #1a1d23;
        min-width: 0;
    }
    #nk-mob-search input[type="text"]::placeholder {
        color: #4b5563;
        font-weight: 500;
    }
    #nk-mob-search button {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 36px;
        flex-shrink: 0;
        background: transparent;
        border: none;
        cursor: pointer;
        color: #6b7280;
        padding: 0;
    }
    #nk-mob-search button:active {
        color: #fff;
    }
}

/* ── Notification dropdown — "İşlem Geçmişini Gör" footer link ── */
.nk-notif-viewall-item {
    position: sticky;
    bottom: 0;
    background: #fff;
    z-index: 1;
    border-top: 1px solid #f0f0f0;
    margin-top: 4px;
}
.nk-notif-viewall-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600;
    color: #2563eb !important;
    text-decoration: none;
    background: transparent;
    transition: background .12s;
}
.nk-notif-viewall-link:hover {
    background: #f0f5ff;
    color: #1d4ed8 !important;
}

/* ── NK Premium Feel ─────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: #f4f5f7;
}

/* Cards & content blocks */
.wow_content {
    border-radius: 14px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.04) !important;
    padding: 18px 18px 4px !important;
}

/* Post panels */
.post .panel {
    border-radius: 14px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.04) !important;
}

/* Sidebar widgets */
.s_main_sidebar_wrap .wow_content,
.wo_main_sidebar .wow_content {
    padding: 14px 14px 8px !important;
}

@media (max-width: 990px) {
    .col-md-4.sidebar.sett_page.wo_new_sett_sidee {
        background: transparent !important;
    }
}

/* Navbar */
.header-wrap, #header {
    box-shadow: 0 1px 6px rgba(0,0,0,.08) !important;
}

/* Input fields — slightly rounder */
input[type=text]:not(.ts-input input),
input[type=password],
input[type=email],
input[type=number],
textarea,
select {
    border-radius: 8px !important;
}
/* ── end NK Premium Feel ──────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .new_jobs.wow_main_float_head {
        overflow: hidden;
    }
}

/* Logged-in header @ 320px: neutralize extra dropdown left-padding that
   pushes the + create button right and squeezes the mobile search bar. */
@media (max-width: 320px) {
    .navbar-fixed-top .navbar-right .dropdown {
        padding-left: 0;
    }
    .wow_hdr_innr_left .dropdown.head_name_links {
        padding-left: 0;
    }
}

/* Konum/mesafe filtresi ve yakındaki ilanlar/mağazalar gizle */
.nk-job-filter-secondary-row { display: none !important; }
.market_widget.dropdown:has(.select-nearby-users-distance) { display: none !important; }
.side_mkt_btn { display: none !important; }


/* ── Jobs lacivert, Products bordo ── */
.wow_main_float_head.jobs {
    background: linear-gradient(to top, #1a3a6b 0%, #0a1d3d 100%) !important;
}
.wow_main_float_head.markets {
    background: linear-gradient(to top, #5c0015 0%, #25000a 100%) !important;
}
.wow_main_float_head.jobs h1,
.wow_main_float_head.markets h1 {
    text-shadow: 0 2px 4px rgba(0,0,0,0.4), 0 6px 20px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* ── Static page banners — NG lacivert ── */
.wow_main_float_head.contactus {
    background: linear-gradient(145deg, #0b1a2e 0%, #0f2744 45%, #122f52 75%, #0d2240 100%) !important;
}
.wo_about_wrapper .hero-overlay {
    background-image: linear-gradient(145deg, #0b1a2e 0%, #0f2744 45%, #122f52 75%, #0d2240 100%) !important;
}

/* ── Hub kartları — premium beyaz ── */
.nk-hub {
    background: #ffffff !important;
    border-color: rgba(0,0,0,.06) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.05), 0 0 0 1px rgba(255,255,255,1) !important;
}
.nk-hub-panel {
    background: #ffffff !important;
    border-color: rgba(0,0,0,.06) !important;
    box-shadow: 0 18px 36px -14px rgba(17,24,39,.10), 0 28px 56px -20px rgba(79,70,229,.06) !important;
}

/* Discover banner: premium dark space background */
.nk-discover {
    position: relative !important;
    overflow: visible !important;
    background: #f3f3f3 !important;
}
.nk-discover::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: auto;
    width: 100vw;
    max-width: none;
    z-index: 0;
    pointer-events: none;
    transform: translateX(-50%);
    background: linear-gradient(180deg, #f3f3f3 0%, #fafafa 100%);
}
.nk-hero-bg-logos {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    max-width: none;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
    background-image:
        url('/themes/wowonder/img/nakit1-08-tile.png'),
        url('/themes/wowonder/img/nakit1-08-tile.png'),
        url('/themes/wowonder/img/nakit1-08-tile.png');
    background-repeat: repeat;
    background-size: 380px auto;
    background-position: 0 0, 127px 42px, 253px 85px;
    opacity: .45;
    will-change: background-position;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 76%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 76%, transparent 100%);
    animation: nkMultiDrift 90s linear infinite;
}
.nk-discover-inner {
    position: relative;
    z-index: 2;
}
.nk-discover .nk-discover-title h1,
.nk-discover .nk-discover-title p,
.nk-discover .nk-search-helper {
    color: #1a2340 !important;
}
.nk-discover .nk-discover-title p,
.nk-discover .nk-search-helper {
    opacity: .86 !important;
    font-weight: 500 !important;
}
.nk-hizmet-content { padding-top: 0 !important; }
.nk-discover--hizmet   .nk-discover-title { background: rgba(59,130,246,0.06) !important; border-color: rgba(59,130,246,0.15) !important; }
.nk-discover.nk-discover--framed .nk-discover-title {
    display: inline-block;
    border: 2px solid rgba(26,35,64,0.18);
    border-radius: 10px;
    padding: 14px 20px;
    background: rgba(255,255,255,0.45);
    backdrop-filter: blur(4px);
}
@keyframes nkMultiDrift {
    0%   { background-position: 0 0,          127px 42px,   253px 85px; }
    100% { background-position: 380px 127px, -253px 169px,  633px -42px; }
}
@media (max-width: 767px) {
    .nk-hero-bg-logos {
        background-image:
            url('/themes/wowonder/img/nakit1-08-tile.png'),
            url('/themes/wowonder/img/nakit1-08-tile.png');
        background-size: 310px auto;
        background-position: 0 0, 155px 52px;
        opacity: .45;
        animation: nkMultiDriftMobile 90s linear infinite;
    }
}
@keyframes nkMultiDriftMobile {
    0%   { background-position: 0 0,          155px 52px; }
    100% { background-position: 310px 103px,  465px 155px; }
}

/* ── /welcome sayfası — premium köşeler ── */
#welcomeheader .mdbtn {
    border-radius: 50px !important;
    padding: 5px 22px !important;
}
.welcome-search {
    border-radius: 50px !important;
}

/* ── Login sol panel video arka plan ── KALDIRILDI ── */

/* ── Premium Login / Register Form ── */
.welcome-container .col-md-6 {
    background: #f5f5f5 !important;
}
.welcome-container .login_innre {
    max-width: none;
}
/* Sadece form elemanları 440px ile sınırlandırılır, topluluk kartları serbest */
.welcome-container .login_innre p.title.main,
.welcome-container .login_innre p.desc,
.welcome-container .login_innre .alert,
.welcome-container .login_innre .wow_form_fields,
.welcome-container .login_innre .forgot_password,
.welcome-container .login_innre .login_signup_combo,
.welcome-container .login_innre .signup__,
.welcome-container .login_innre .random_users,
.welcome-container .login_innre .wo_side_apps {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 769px) {
  .welcome-container .login_innre #register .terms {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 22px;
  }
}

/* Başlık */
.welcome-container p.title.main {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    letter-spacing: -0.3px !important;
    margin-bottom: 4px !important;
}
.welcome-container p.desc {
    font-size: 13.5px !important;
    color: #6b7280 !important;
    margin-bottom: 24px !important;
    line-height: 1.5 !important;
}

/* Label */
.welcome-container .wow_form_fields label {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Input */
.welcome-container .wow_form_fields input[type=text],
.welcome-container .wow_form_fields input[type=password],
.welcome-container .wow_form_fields input[type=email],
.welcome-container .wow_form_fields input[type=tel] {
    height: 50px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    background: #f9fafb !important;
    color: #111827 !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
}
.welcome-container .wow_form_fields input:focus {
    border-color: #7c6ff7 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(124,111,247,.14) !important;
    outline: none !important;
}
.welcome-container .wow_form_fields {
    margin-bottom: 16px !important;
}

/* Şifremi unuttum satırı */
.welcome-container .forgot_password {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}
.welcome-container .forgot_password a.main {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #7c6ff7 !important;
}

/* Giriş yap butonu */
.welcome-container .login_signup_combo .login__ .btn,
.login_signup_combo .login__ .btn {
    width: 100% !important;
    height: 52px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 14px !important;
    letter-spacing: 0.2px !important;
    box-shadow: 0 4px 14px rgba(124,111,247,.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

/* Kayıt ol linki */
.welcome-container .signup__ {
    margin-top: 20px !important;
    text-align: center !important;
    padding-top: 16px !important;
    border-top: 1px solid #f3f4f6 !important;
}
.welcome-container .signup__ p {
    font-size: 14px !important;
    color: #6b7280 !important;
    margin: 0 !important;
}
.welcome-container .signup__ a {
    font-weight: 600 !important;
    color: #7c6ff7 !important;
}

/* Mobil */
@media (max-width: 767px) {
    .welcome-container .login_innre {
        padding: 28px 20px 40px !important;
    }
}

/* ── Çerez bildirimi — ince, sade alt bar ── */
.cc-window {
    padding: 6px 14px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    background: rgba(28,28,28,0.93) !important;
}
.cc-btn {
    padding: 4px 12px !important;
    font-size: 11px !important;
    min-width: unset !important;
    border-radius: 4px !important;
}

/* ── Mesajlaşma: "Daha fazla ileti" butonu gizle — scroll ile otomatik yüklenir ── */
.messages-load-more-messages {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ── Mobil arama önizleme dropdown ── */
#nk-mob-result {
    display: none;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    max-height: 60vh;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    border-top: 2px solid rgba(124,111,247,0.4);
    transform-origin: top center;
}
#nk-mob-sp {
    animation: nkSpFadeIn 0.18s ease forwards;
}
@keyframes nkSpFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
@media (min-width: 991px) {
    #nk-mob-result { display: none !important; }
}

/* ── Mobil arama önizleme dropdown ── */
#nk-mob-result {
    display: none;
    position: fixed;
    top: 50px;
    left: 8px;
    right: 8px;
    background: #fff;
    z-index: 9999;
    max-height: 60vh;
    overflow: hidden;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,.18), 0 1px 4px rgba(0,0,0,.08);
    border-top: 1px solid rgba(124,111,247,0.25);
    transform-origin: top center;
}
#nk-mob-scroll {
    max-height: calc(60vh - 48px);
    overflow-y: auto;
}
#nk-mob-close-bar {
    padding: 6px 10px 10px;
    border-top: 1px solid #f0f2f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#nk-mob-sp {
    animation: nkSpFadeIn 0.18s ease forwards;
    border-top: 1px solid #fff;
}
@keyframes nkSpFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
@media (min-width: 991px) {
    #nk-mob-result { display: none !important; }
}

/* ── Mobil/PC kapat & arama butonları ── */
#nk-mob-closebtn,
#nk-mob-searchbtn,
#nk-pc-closebtn,
#nk-pc-searchbtn {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border-radius: 50%;
    border: none;
    background: #f0f2f5;
    color: #888;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    box-sizing: border-box;
    -webkit-appearance: none;
    flex-shrink: 0;
    transition: background 0.15s;
}
#nk-pc-closebtn  { font-size: 14px; }
#nk-mob-closebtn:active,
#nk-pc-closebtn:active,
#nk-pc-searchbtn:active { background: #e0e2e5; }

/* ── PC dropdown hizalama ── */
.search-dropdown-container { margin-left: 0 !important; }

/* Navbar dropdown'ları her şeyin üstünde görünsün */
.navbar .dropdown-menu,
.navbar-fixed-top .dropdown-menu {
    z-index: 9999 !important;
}

/* ── Sayfa üst boşluğu (main-content wrapper'lı sayfalar: kurslarım, ürünlerim, gruplarım) ── */
.main-content.right-chat-active { margin-top: 20px; }

/* ── Alt mobil navbar ── */
#nk-bottom-nav {
    display: none;
}

@media (max-width: 990px) {
    #nk-bottom-nav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1040;
        background: #010127;
        border-top: 1px solid rgba(255,255,255,0.35);
        box-shadow: 0 -1px 0 rgba(1,1,39,.3), 0 -2px 8px rgba(1,1,39,.45);
        height: calc(48px + env(safe-area-inset-bottom));
        padding-bottom: env(safe-area-inset-bottom);
        align-items: stretch;
        justify-content: space-around;
        transition: transform 0.25s cubic-bezier(.4,0,.2,1);
        will-change: transform;
    }
    #nk-bottom-nav.nk-bn-hidden {
        transform: translateY(100%);
    }
    .nk-bn-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        gap: 3px;
        color: #fff;
        text-decoration: none !important;
        font-size: 8.5px;
        font-weight: 500;
        letter-spacing: 0;
        transition: color 0.15s;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        padding-top: 3px;
    }
    .nk-bn-item svg {
        opacity: 1;
        flex-shrink: 0;
    }
    .nk-bn-item.active svg { opacity: 1; }
    .nk-bn-item.active::before {
        content: '';
        position: absolute;
        top: 0; left: 20%; right: 20%;
        height: 2px;
        background: #fff;
        border-radius: 0 0 2px 2px;
    }
    .nk-bn-item > span:last-child { line-height: 1; white-space: nowrap; overflow: hidden; max-width: 100%; }
    .nk-bn-icon-wrap {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .nk-bn-badge {
        position: absolute;
        top: -5px;
        right: -8px;
        background: #f44336;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        min-width: 16px;
        height: 16px;
        border-radius: 8px;
        align-items: center;
        justify-content: center;
        padding: 0 3px;
        line-height: 1;
        box-sizing: border-box;
    }
    .nk-bn-avatar {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid rgba(255,255,255,0.7);
        opacity: 1;
        display: block;
    }
    .nk-bn-item.active .nk-bn-avatar {
        border-color: #fff;
    }
    /* içeriğin navbar altında kalmaması için */
    body:has(#nk-bottom-nav) {
        padding-bottom: calc(48px + env(safe-area-inset-bottom)) !important;
    }
    #ng-chat-wrap.ng-chat-loggedin {
        right: 21px !important;
        bottom: calc(51px + env(safe-area-inset-bottom)) !important;
        transition: transform 0.25s cubic-bezier(.4,0,.2,1);
        will-change: transform;
    }
    #ng-chat-wrap.ng-chat-loggedout {
        right: 16px !important;
        bottom: calc(24px + env(safe-area-inset-bottom)) !important;
    }
    #ng-chat-wrap #ng-chat-btn {
        width: 30px !important;
        height: 30px !important;
    }
    #ng-chat-wrap #ng-chat-btn .ng-btn-icon {
        width: 30px !important;
        height: 30px !important;
        font-size: 14px !important;
    }
    #ng-chat-wrap #ng-chat-box {
        width: min(300px, calc(100vw - 32px)) !important;
        height: min(420px, calc(100svh - 128px)) !important;
        border-radius: 12px !important;
    }
    #ng-chat-wrap.nk-bn-hidden {
        transform: translateY(calc(100% + 73px));
    }
}

@media (max-width: 990px) {
    .nk-desktop-only { display: none !important; }
}

/* Mesaj sayfasında alt nav gizleme — CSS render zamanında yakalar, JS flash olmaz */
body:has(#wo_nw_msg_page) #nk-bottom-nav { display: none !important; }

/* Notification popup — mobilde nav'ın üstünde görünsün */
@media (max-width: 990px) {
    #notification-popup {
        bottom: calc(20px + 48px + env(safe-area-inset-bottom)) !important;
    }
}

/* Alt nav ikon ince hizalama */
#nk-bottom-nav .nk-bn-item:nth-child(1) svg,
#nk-bottom-nav .nk-bn-item:nth-child(1) span { transform: translateX(4px); }
#nk-bottom-nav .nk-bn-item:last-child svg,
#nk-bottom-nav .nk-bn-item:last-child span  { transform: translateX(-4px); }

.welcome-container .login_left_combo_parent {
    background: #050a12;
}

.welcome-container .login_left_combo_parent > svg {
    display: none;
}

.ng-welcome-bg-video {
    position: absolute;
    inset: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    object-fit: cover;
    pointer-events: none;
    z-index: 0;
}

.welcome-container .login_left_combo {
    z-index: 1;
}

/* ── Giriş sayfası kayıt ol linki — yukarı çek ── */
.login .login_innre .signup__ {
    margin-top: -12px;
}

/* ── Share modal: animasyon çizgisi ve wave seam düzeltmesi ── */
#nk-item-share-modal .modal-content {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#nk-item-share-modal .wow_pops_head {
    padding: 10px 0 14px !important;
    margin-bottom: 0 !important;
}
#nk-item-share-modal .wow_pops_head > svg {
    display: none;
}