/*
 * Ürünbildir marka katmanı – Velzon CSS'inden SONRA yüklenir.
 * Renkler: brand/urunbildir-logo/KULLANIM-NOTU.md
 */

/* ---------- Yazı karakteri: Sora (OFL, kendi sunucumuzdan) ---------- */
@font-face {
    font-family: "Sora";
    font-style: normal;
    font-display: swap;
    font-weight: 100 800;
    src: url(../fonts/sora-latin-ext-wght-normal.woff2) format("woff2-variations"),
         url(../fonts/sora-latin-ext-wght-normal.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Sora";
    font-style: normal;
    font-display: swap;
    font-weight: 100 800;
    src: url(../fonts/sora-latin-wght-normal.woff2) format("woff2-variations"),
         url(../fonts/sora-latin-wght-normal.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Renk değişkenleri ---------- */
:root {
    --ub-purple: #2A0B48;
    --ub-purple-rgb: 42, 11, 72;
    --ub-purple-hover: #3a1662;
    --ub-green: #00924A;
    --ub-green-rgb: 0, 146, 74;
    --ub-green-bright: #16C46E;
    --ub-green-bright-rgb: 22, 196, 110;
    --ub-dark-bg: #1E0838;
    --ub-lavender: #CFC6E6;

    --vz-font-sans-serif: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --vz-body-font-family: var(--vz-font-sans-serif);

    --vz-primary: var(--ub-purple);
    --vz-primary-rgb: var(--ub-purple-rgb);
    --vz-success: var(--ub-green);
    --vz-success-rgb: var(--ub-green-rgb);
    --vz-link-color: var(--ub-purple);
    --vz-link-hover-color: var(--ub-purple-hover);

    /* Sol menü: mor zemin (data-sidebar="dark") */
    --vz-vertical-menu-bg-dark: var(--ub-purple);
    --vz-vertical-menu-item-color-dark: rgba(255, 255, 255, 0.72);
    --vz-vertical-menu-item-hover-color-dark: #fff;
    --vz-vertical-menu-item-active-color-dark: var(--ub-green-bright);
    --vz-vertical-menu-sub-item-color-dark: rgba(255, 255, 255, 0.6);
    --vz-vertical-menu-sub-item-hover-color-dark: #fff;
    --vz-vertical-menu-sub-item-active-color-dark: var(--ub-green-bright);
    --vz-vertical-menu-title-color-dark: var(--ub-lavender);
}

/* Koyu tema: yeşil vurgu parlak tona geçer, mor zemin koyulaşır */
[data-layout-mode=dark] {
    --vz-primary: #8b6fc0;
    --vz-primary-rgb: 139, 111, 192;
    --vz-success: var(--ub-green-bright);
    --vz-success-rgb: var(--ub-green-bright-rgb);
    --vz-link-color: var(--ub-lavender);
    --vz-link-hover-color: #fff;
    --vz-vertical-menu-bg-dark: var(--ub-dark-bg);
}

body {
    font-family: var(--vz-font-sans-serif);
}

/* ---------- Butonlar (Velzon renkleri CSS'e gömülü, burada eziliyor) ---------- */
.btn-primary {
    --vz-btn-bg: var(--ub-purple);
    --vz-btn-border-color: var(--ub-purple);
    --vz-btn-hover-bg: var(--ub-purple-hover);
    --vz-btn-hover-border-color: var(--ub-purple-hover);
    --vz-btn-active-bg: var(--ub-purple-hover);
    --vz-btn-active-border-color: var(--ub-purple-hover);
    --vz-btn-disabled-bg: var(--ub-purple);
    --vz-btn-disabled-border-color: var(--ub-purple);
    --vz-btn-focus-shadow-rgb: var(--ub-purple-rgb);
}

.btn-outline-primary {
    --vz-btn-color: var(--ub-purple);
    --vz-btn-border-color: var(--ub-purple);
    --vz-btn-hover-bg: var(--ub-purple);
    --vz-btn-hover-border-color: var(--ub-purple);
    --vz-btn-active-bg: var(--ub-purple);
    --vz-btn-active-border-color: var(--ub-purple);
    --vz-btn-disabled-color: var(--ub-purple);
    --vz-btn-disabled-border-color: var(--ub-purple);
}

/* Beyaz yazı + #00924A = 4,0:1 (WCAG AA altı); buton zemini bir ton koyu: #007A3E = 5,4:1 (sitede de aynı) */
.btn-success {
    --vz-btn-bg: #007a3e;
    --vz-btn-border-color: #007a3e;
    --vz-btn-hover-bg: #006a36;
    --vz-btn-hover-border-color: #006a36;
    --vz-btn-active-bg: #006232;
    --vz-btn-active-border-color: #006232;
    --vz-btn-disabled-bg: #007a3e;
    --vz-btn-disabled-border-color: #007a3e;
    --vz-btn-focus-shadow-rgb: var(--ub-green-rgb);
}

[data-layout-mode=dark] .btn-primary {
    --vz-btn-bg: #5a3a8a;
    --vz-btn-border-color: #5a3a8a;
    --vz-btn-hover-bg: #6a48a0;
    --vz-btn-hover-border-color: #6a48a0;
}

[data-layout-mode=dark] .btn-outline-primary {
    --vz-btn-color: var(--ub-lavender);
    --vz-btn-border-color: var(--ub-lavender);
    --vz-btn-hover-color: var(--ub-purple);
    --vz-btn-hover-bg: var(--ub-lavender);
    --vz-btn-hover-border-color: var(--ub-lavender);
}

[data-layout-mode=dark] .btn-success {
    --vz-btn-bg: var(--ub-green-bright);
    --vz-btn-border-color: var(--ub-green-bright);
    --vz-btn-color: var(--ub-dark-bg);
    --vz-btn-hover-color: var(--ub-dark-bg);
}

/* ---------- Form ve seçim öğeleri ---------- */
.form-check-input:checked {
    background-color: var(--vz-primary);
    border-color: var(--vz-primary);
}

.form-control:focus,
.form-select:focus {
    border-color: rgba(var(--vz-primary-rgb), 0.5);
}

.page-link {
    color: var(--vz-primary);
}

.page-item.active .page-link,
.nav-pills .nav-link.active {
    background-color: var(--vz-primary);
    border-color: var(--vz-primary);
}

/* ---------- Logo ---------- */
.navbar-brand-box .logo-lg img {
    height: 34px;
    width: auto;
}

.navbar-brand-box .logo-sm img {
    height: 26px;
    width: auto;
}

.auth-logo img {
    height: 44px;
    width: auto;
}

/* ---------- Giriş sayfaları: Velzon arka plan görseli yerine marka moru ---------- */
.auth-one-bg {
    background-image: none;
    background-color: var(--ub-purple);
}

[data-layout-mode=dark] .auth-one-bg {
    background-color: var(--ub-dark-bg);
}

.auth-slogan {
    color: var(--ub-lavender);
}