/*
 * HairInfo CRM — Kurumsal Kimlik Katmanı
 * ---------------------------------------------------------------------------
 * Velzon temasının kendi dosyaları (app.min.css / bootstrap.min.css) hiç
 * değiştirilmez; marka renkleri yalnızca bu dosyadan ezilir. Böylece tema
 * ileride güncellenirse kimlik ayarları kaybolmaz.
 *
 * Renkler hairinfoclinic.com üzerinden alındı:
 *   Lacivert (logo zemini) #232638
 *   Turkuaz (marka vurgusu) #48B2D2
 *   Derin teal (buton)      #1B7A99  → beyaz yazıyla 4.6:1 kontrast (WCAG AA)
 *
 * Not: Marka turkuazı #48B2D2 beyaz yazıyla yalnızca 2.2:1 kontrast verdiği
 * için butonlarda doğrudan kullanılmadı; buton zemini olarak aynı aileden
 * koyulaştırılmış #1B7A99 kullanılıyor, turkuaz ise vurgu/aktif renk olarak
 * kalıyor. Gün boyu kullanılan bir panelde okunabilirlik önceliklendirildi.
 */

:root {
    --hi-navy: #232638;
    --hi-turquoise: #48B2D2;
    --hi-teal: #1B7A99;
    --hi-teal-dark: #176882;

    --vz-primary: #1B7A99;
    --vz-primary-rgb: 27, 122, 153;
    --vz-primary-text-emphasis: #12556b;
    --vz-primary-bg-subtle: rgba(27, 122, 153, .12);
    --vz-primary-border-subtle: rgba(27, 122, 153, .35);
    --vz-link-color: #1B7A99;
    --vz-link-hover-color: #176882;
}

/* --- Sol menü: logonun kendi zemini olan marka laciverti --- */
:root[data-sidebar=dark] {
    --vz-vertical-menu-bg: var(--hi-navy);
    --vz-vertical-menu-border: var(--hi-navy);
    --vz-vertical-menu-item-color: #9aa3bd;
    --vz-vertical-menu-item-hover-color: #fff;
    --vz-vertical-menu-item-active-color: var(--hi-turquoise);
    --vz-vertical-menu-item-active-bg: rgba(72, 178, 210, .14);
    --vz-vertical-menu-item-bg: rgba(72, 178, 210, .14);
    --vz-vertical-menu-title-color: #6d7692;
}

/* --- Butonlar (Velzon .btn-primary içinde rengi sabit yazdığı için ezilir) --- */
.btn-primary {
    --vz-btn-bg: var(--hi-teal);
    --vz-btn-border-color: var(--hi-teal);
    --vz-btn-hover-bg: var(--hi-teal-dark);
    --vz-btn-hover-border-color: var(--hi-teal-dark);
    --vz-btn-active-bg: var(--hi-teal-dark);
    --vz-btn-active-border-color: var(--hi-teal-dark);
    --vz-btn-disabled-bg: var(--hi-teal);
    --vz-btn-disabled-border-color: var(--hi-teal);
    --vz-btn-focus-shadow-rgb: 27, 122, 153;
}

.btn-soft-primary {
    --vz-btn-color: var(--hi-teal);
    --vz-btn-bg: rgba(27, 122, 153, .12);
    --vz-btn-hover-bg: var(--hi-teal);
    --vz-btn-hover-color: #fff;
    --vz-btn-active-bg: var(--hi-teal);
    --vz-btn-active-color: #fff;
}

.text-primary { color: var(--hi-teal) !important; }
.bg-primary { background-color: var(--hi-teal) !important; }
.bg-primary-subtle { background-color: rgba(27, 122, 153, .12) !important; }
.link-primary { color: var(--hi-teal) !important; }
.form-check-input:checked { background-color: var(--hi-teal); border-color: var(--hi-teal); }
.form-control:focus, .form-select:focus {
    border-color: var(--hi-turquoise);
    box-shadow: 0 0 0 .15rem rgba(72, 178, 210, .25);
}

/* --- Marka logosu sol menüde nefes alsın --- */
.navbar-brand-box .logo-lg img { max-width: 100%; height: auto; max-height: 44px; }
.navbar-brand-box .logo-sm img { max-height: 26px; width: auto; }

/* --- Giriş sayfası: marka gradyanı --- */
.auth-one-bg .bg-overlay {
    background: linear-gradient(135deg, var(--hi-navy) 0%, #1B4F63 55%, var(--hi-teal) 100%);
    opacity: 1;
}
.auth-page-wrapper .auth-brand-logo { max-height: 78px; width: auto; }