/**
 * Valent CRM — marka logosu tema ve bağlam kuralları.
 */

:root {
    --ct-logo-sm-height: 22px;
}

/* Sidebar / topbar: aynı logo kutusu (koyu + açık tema, tek birleşik görsel) */
.sidenav-menu .logo .logo-dark .logo-lg,
.sidenav-menu .logo .logo-light .logo-lg,
.app-topbar .logo .logo-dark .logo-lg,
.app-topbar .logo .logo-light .logo-lg {
    display: inline-flex;
    align-items: center;
    min-height: var(--ct-logo-lg-height, 22px);
    line-height: 0;
}

.sidenav-menu .logo .logo-lg img,
.app-topbar .logo .logo-lg img {
    height: var(--ct-logo-lg-height, 22px);
    max-height: var(--ct-logo-lg-height, 22px);
    width: auto;
    object-fit: contain;
    display: block;
}

.sidenav-menu .logo .logo-sm img,
.app-topbar .logo .logo-sm img {
    height: var(--ct-logo-lg-height, 22px);
    max-height: var(--ct-logo-lg-height, 22px);
    width: auto;
    object-fit: contain;
    display: block;
}

/* Topbar: geniş ekranda tam logo, mobilde yalnızca V ikonu */
@media (min-width: 576px) {
    .app-topbar .logo .logo-sm {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .app-topbar .logo .logo-dark .logo-lg,
    .app-topbar .logo .logo-light .logo-lg {
        display: none !important;
    }

    .app-topbar .logo .logo-sm {
        display: inline-flex !important;
        align-items: center;
        line-height: 0;
    }

    .app-topbar .logo .logo-sm img {
        height: var(--ct-logo-sm-height, 22px);
        max-height: var(--ct-logo-sm-height, 22px);
    }

    .app-topbar .logo {
        line-height: 0;
        flex-shrink: 0;
    }
}

/* Daraltılmış sidebar: logo-lg gizlenince logo-sm üstte kalmasın */
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .sidenav-menu .logo,
html[data-sidenav-size="sm-hover"]:not([data-layout="topnav"]) .sidenav-menu:not(:hover) .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--ct-topbar-height);
    line-height: 0;
    padding-inline: 0;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .sidenav-menu .logo span.logo-sm,
html[data-sidenav-size="sm-hover"]:not([data-layout="topnav"]) .sidenav-menu:not(:hover) .logo span.logo-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--ct-logo-lg-height, 22px);
    line-height: 0;
}

/* Sidebar sekme şeridi — geniş menüde yatay, hamburger ile daraltınca dikey */
.sidenav-menu .valent-sidebar-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: .25rem;
}

.sidenav-menu .valent-sidebar-tabs .valent-tab-btn {
    flex: 1 1 0;
    min-width: 0;
    border: 0;
    border-radius: var(--bs-border-radius, .375rem);
    padding: .5rem .25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    color: var(--ct-menu-item-color, #97aac1);
    background: transparent;
    transition: background-color .15s ease, color .15s ease;
}

.sidenav-menu .valent-sidebar-tabs .valent-tab-btn:hover:not(.is-active) {
    color: var(--ct-menu-item-hover-color, #e2eeff);
    background: var(--ct-menu-item-hover-bg, rgba(24, 138, 226, .1));
}

.sidenav-menu .valent-sidebar-tabs .valent-tab-btn.is-active {
    color: var(--ct-menu-item-active-color, #188ae2) !important;
    background: var(--ct-menu-item-hover-bg, rgba(24, 138, 226, .1)) !important;
    font-weight: 500;
}

.sidenav-menu .valent-sidebar-tabs-divider {
    border-bottom: 1px solid var(--ct-border-color, rgba(148, 163, 184, 0.16));
    margin-bottom: 0.25rem;
}

.sidenav-menu .valent-sidebar-panels .valent-sidebar-panel {
    display: none;
}

.sidenav-menu .valent-sidebar-panels .valent-sidebar-panel.is-active {
    display: block;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .sidenav-menu .valent-sidebar-tabs,
html[data-sidenav-size="sm-hover"]:not([data-layout="topnav"]) .sidenav-menu:not(:hover) .valent-sidebar-tabs {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: .35rem;
    padding-inline: .35rem !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .sidenav-menu .valent-sidebar-tabs .valent-tab-btn,
html[data-sidenav-size="sm-hover"]:not([data-layout="topnav"]) .sidenav-menu:not(:hover) .valent-sidebar-tabs .valent-tab-btn {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    padding: .55rem .2rem;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .sidenav-menu .valent-sidebar-tabs .valent-tab-btn span,
html[data-sidenav-size="sm-hover"]:not([data-layout="topnav"]) .sidenav-menu:not(:hover) .valent-sidebar-tabs .valent-tab-btn span {
    display: none;
}

/* Mobil sidebar profil alanı — iOS Safari'de ad/rol satırını gerçek merkeze sabitle. */
@media (max-width: 1140px) {
    .sidenav-menu .sidenav-user,
    .sidenav-menu .sidenav-user .dropdown-center {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .sidenav-menu .sidenav-user .topbar-link {
        width: 100%;
        max-width: 100%;
        padding-inline: 1rem !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .sidenav-menu .sidenav-user .topbar-link > img {
        display: block;
        flex: 0 0 auto;
        margin-inline: auto;
    }

    .sidenav-menu .sidenav-user .sidenav-user-name {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-inline: auto !important;
        padding-inline: 2rem;
        display: block !important;
        text-align: center !important;
    }

    .sidenav-menu .sidenav-user .sidenav-user-copy,
    .sidenav-menu .sidenav-user .sidenav-user-full-name,
    .sidenav-menu .sidenav-user .sidenav-user-role {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-inline: auto;
        display: block;
        text-align: center !important;
        overflow-wrap: anywhere;
    }

    .sidenav-menu .sidenav-user .sidenav-user-arrow {
        position: absolute;
        top: 0.2rem;
        right: 0.65rem;
        margin: 0;
    }
}

/* Auth: açık temada logo-light (V+metin tek dosya), koyu temada logo-sm + logo-dark */
.valent-auth-page .auth-brand .logo-dark,
.valent-auth-page .auth-brand .logo-light {
    display: none;
    align-items: center;
    gap: 0.35rem;
}

.valent-auth-page .auth-brand .logo-dark {
    display: inline-flex;
}

html[data-bs-theme=dark] .valent-auth-page .auth-brand .logo-dark {
    display: none;
}

html[data-bs-theme=dark] .valent-auth-page .auth-brand .logo-light {
    display: inline-flex;
}

.valent-auth-page .auth-brand img {
    max-width: 100%;
    height: auto;
    max-height: 32px;
    object-fit: contain;
}

.valent-auth-page .auth-brand .valent-auth-logo-icon {
    max-height: 28px;
}

.valent-auth-page .auth-brand .valent-auth-logo-text {
    max-height: 32px;
}