/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File - SHG Branding
*/

/* ===========================================
   SHG Branding - Fonts (Local)
   =========================================== */

/* Urbanist Font */
@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/urbanist/urbanist-v18-latin-regular.woff2') format('woff2'),
         url('../fonts/urbanist/urbanist-v18-latin-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/urbanist/urbanist-v18-latin-500.woff2') format('woff2'),
         url('../fonts/urbanist/urbanist-v18-latin-500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/urbanist/urbanist-v18-latin-600.woff2') format('woff2'),
         url('../fonts/urbanist/urbanist-v18-latin-600.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/urbanist/urbanist-v18-latin-700.woff2') format('woff2'),
         url('../fonts/urbanist/urbanist-v18-latin-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Comfortaa Font (Headlines) */
@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaa/comfortaa-v47-latin-regular.woff2') format('woff2'),
         url('../fonts/comfortaa/comfortaa-v47-latin-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaa/comfortaa-v47-latin-600.woff2') format('woff2'),
         url('../fonts/comfortaa/comfortaa-v47-latin-600.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ===========================================
   SHG Branding - CSS Custom Properties Override
   =========================================== */

:root,
[data-bs-theme=light] {
    /* Font */
    --vz-font-sans-serif: 'Urbanist', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --vz-body-font-family: var(--vz-font-sans-serif);

    /* Primary - SHG Blau */
    --vz-primary: #046bb3;
    --vz-primary-rgb: 4, 107, 179;
    --vz-primary-bg-subtle: rgba(4, 107, 179, 0.1);
    --vz-primary-border-subtle: rgba(4, 107, 179, 0.25);
    --vz-primary-text-emphasis: #035a96;

    /* Secondary - SHG Grau */
    --vz-secondary: #7a8290;
    --vz-secondary-rgb: 122, 130, 144;

    /* Warning → SHG Rot */
    --vz-warning: #b5272d;
    --vz-warning-rgb: 181, 39, 45;
    --vz-warning-bg-subtle: rgba(181, 39, 45, 0.1);
    --vz-warning-border-subtle: rgba(181, 39, 45, 0.25);
    --vz-warning-text-emphasis: #8f1f24;

    /* Danger - SHG Rot (gleich wie Warning) */
    --vz-danger: #b5272d;
    --vz-danger-rgb: 181, 39, 45;

    /* Body Text */
    --vz-body-color: #7a8290;

    /* Links */
    --vz-link-color: #046bb3;
    --vz-link-hover-color: #035a96;

    /* Header */
    --vz-header-item-color: #000a2d;

    /* SHG Blau Sidebar */
    --vz-vertical-menu-bg: #046bb3;
    --vz-vertical-menu-border: #035a96;
    --vz-vertical-menu-item-color: rgba(255, 255, 255, 0.9);
    --vz-vertical-menu-item-hover-color: #ffffff;
    --vz-vertical-menu-item-hover-bg: rgba(255, 255, 255, 0.15);
    --vz-vertical-menu-item-active-color: #ffffff;
    --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.2);
    --vz-vertical-menu-sub-item-color: rgba(255, 255, 255, 0.85);
    --vz-vertical-menu-sub-item-hover-color: #ffffff;
    --vz-vertical-menu-title-color: rgba(255, 255, 255, 0.7);
}

/* ===========================================
   Button Overrides
   =========================================== */

.btn-primary {
    --vz-btn-bg: #046bb3;
    --vz-btn-border-color: #046bb3;
    --vz-btn-hover-bg: #035a96;
    --vz-btn-hover-border-color: #035a96;
    --vz-btn-active-bg: #024a7a;
    --vz-btn-active-border-color: #024a7a;
}

.btn-outline-primary {
    --vz-btn-color: #046bb3;
    --vz-btn-border-color: #046bb3;
    --vz-btn-hover-bg: #046bb3;
    --vz-btn-hover-border-color: #046bb3;
}

.btn-warning {
    --vz-btn-bg: #b5272d;
    --vz-btn-border-color: #b5272d;
    --vz-btn-hover-bg: #8f1f24;
    --vz-btn-hover-border-color: #8f1f24;
    --vz-btn-color: #fff;
    --vz-btn-hover-color: #fff;
}

/* ===========================================
   Headlines mit Comfortaa
   =========================================== */

h1, h2, h3, .card-title {
    font-family: 'Comfortaa', var(--vz-font-sans-serif);
    font-weight: 600;
    color: #000a2d;
}

/* ===========================================
   Sidebar SHG Blau Theme
   =========================================== */

[data-sidebar="dark"] .navbar-menu {
    background-color: #046bb3;
    border-right: 1px solid #035a96;
}

[data-sidebar="dark"] .navbar-brand-box {
    background-color: #046bb3;
}

[data-sidebar="dark"] .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

[data-sidebar="dark"] .navbar-nav .nav-link:hover,
[data-sidebar="dark"] .navbar-nav .nav-link.active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.15);
}

[data-sidebar="dark"] .navbar-nav .nav-link i,
[data-sidebar="dark"] .navbar-nav .nav-link .ri {
    color: rgba(255, 255, 255, 0.8);
}

[data-sidebar="dark"] .menu-title {
    color: rgba(255, 255, 255, 0.7);
}

/* Unternavigation - besserer Kontrast */
[data-sidebar="dark"] .nav-sm .nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-sidebar="dark"] .nav-sm .nav-link:hover,
[data-sidebar="dark"] .nav-sm .nav-link.active {
    color: #ffffff !important;
}

[data-sidebar="dark"] .nav-sm .nav-link::before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* Logo Text weiß */
[data-sidebar="dark"] .logo-txt {
    color: #ffffff !important;
}