/* =========================================================
   LUXYSAIL BRAND VARIABLES
   ========================================================= */

:root {
    --luxy-navy: #17216F;
    --luxy-orange: #FF8C32;
    --luxy-sky: #E8F1FD;
    --luxy-white: #FFFFFF;
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.leftside-menu {
    background-color: var(--luxy-navy);
}

.side-nav-link {
    color: rgba(255, 255, 255, 0.85);
}

    .side-nav-link:hover{   
        color: var(--luxy-white);
        background-color: rgba(255, 255, 255, 0.08);
    }


    .side-nav-link i {
        color: var(--luxy-white);
    }

/* =========================================================
   APP LOGO (SIDEBAR / HEADER)
   ========================================================= */

.app-logo img {
    height: 34px;
    width: auto;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.btn-primary {
    background-color: var(--luxy-orange);
    border-color: var(--luxy-orange);
}

    .btn-primary:hover {
        background-color: #e6761f;
        border-color: #e6761f;
    }
/* =========================================================
   GLOBAL OVERRIDE – BTN-SUCCESS → LUXY SOFT
   ========================================================= */

.btn-success {
    background-color: var(--luxy-sky) !important;
    color: var(--luxy-navy) !important;
    border: 1px solid rgba(23, 33, 111, 0.15) !important;
}

    .btn-success:hover {
        background-color: #dbe7fb !important;
        color: var(--luxy-navy) !important;
        border-color: rgba(23, 33, 111, 0.25) !important;
    }

    .btn-success:focus,
    .btn-success:active {
        background-color: #dbe7fb !important;
        color: var(--luxy-navy) !important;
        box-shadow: 0 0 0 0.15rem rgba(23, 33, 111, 0.15) !important;
    }


/* =========================================================
   CARDS
   ========================================================= */

.card {
    border-radius: 14px;
}

.card-title {
    color: var(--luxy-navy);
    font-weight: 600;
}

/* =========================================================
   AUTH / LOGIN COMMON
   ========================================================= */

.auth-fluid {
    background: linear-gradient( 135deg, var(--luxy-navy), #0f174f );
}

/* =========================================================
   LOGIN (LEFT SIDE) – LIGHT LOGO
   ========================================================= */

/* Logo wrapper her zaman ortalı */
.auth-brand {
    display: flex;
    justify-content: center;
}

/* Login sol taraf logo – responsive, alan bazlı */
.auth-login-logo {
    max-width: 70%;
    width: 100%;
    height: auto;
}

/* Büyük ekran */
@media (min-width: 1200px) {
    .auth-login-logo {
        max-width: 60%;
    }
}

/* Laptop */
@media (max-width: 1366px) {
    .auth-login-logo {
        max-width: 75%;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .auth-login-logo {
        max-width: 85%;
    }
}

/* =========================================================
   AUTH SPLASH (RIGHT SIDE) – DARK HERO LOGO
   ========================================================= */

.auth-fluid-right {
    background: linear-gradient( 135deg, var(--luxy-navy), #0f174f );
    padding: 2rem;
}

/* Hero logo – SVG, büyük ve güçlü */
.auth-splash-logo-dark {
    max-width: 480px;
    width: 100%;
    height: auto;
}

/* Çok büyük ekran */
@media (min-width: 1600px) {
    .auth-splash-logo-dark {
        max-width: 560px;
    }
}

/* Laptop */
@media (max-width: 1366px) {
    .auth-splash-logo-dark {
        max-width: 400px;
    }
}

/* =========================================================
   TEMPLATE OVERRIDE (_authentication.scss FIX)
   ========================================================= */

/* Template'in max-height:100px kilidini kır */
.auth-fluid-right__logo img.auth-splash-logo-dark {
    max-height: none !important;
    max-width: 480px !important;
    width: 100% !important;
    height: auto !important;
}

/* Mobile’da splash kapalı */
@media (max-width: 991px) {
    .auth-fluid-right {
        display: none;
    }
}
/* =========================================================
   SIDEBAR LOGO SIZE CONTROL
   ========================================================= */

/* Varsayılan: sidebar açık */
.leftside-menu .logo-lg {
    display: inline-block;
}

.leftside-menu .logo-sm {
    display: none;
}

/* Sidebar collapsed */
.leftside-menu.menu-collapsed .logo-lg {
    display: none;
}

.leftside-menu.menu-collapsed .logo-sm {
    display: inline-block;
}