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

/* General Body and Container Styles *//* ================================================
   Custom Color Override CSS
   ================================================
   Purpose: Override default sidebar and success button colors
   New Color: #3c6838 (Green)
   ================================================ */

/* ================================================
   SIDEBAR COLOR OVERRIDES
   ================================================ */

:root {
    --primary: #1a6b3c;
    --primary-dark: #124d2b;
    --primary-light: #e8f5ee;
    --secondary: #3b6ea5;
    --secondary-light: #e8f0f9;
    --accent: #f0a500;
    --grey-50: #f8f9fa;
    --grey-100: #f1f3f5;
    --grey-200: #e9ecef;
    --grey-400: #adb5bd;
    --grey-600: #6c757d;
    --grey-800: #343a40;
    --grey-900: #212529;
    --white: #ffffff;
    --border: #dee2e6;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.10);
    --radius: 10px;
    --radius-sm: 6px;
    --radius-lg: 16px;
}

/* Main sidebar background */
.navbar-menu {
    background: #3c6838 !important;
    border-right-color: #3c6838 !important;
}

/* Sidebar dark mode */
[data-sidebar="dark"] .navbar-menu {
    background: #3c6838 !important;
    border-right-color: #3c6838 !important;
}

/* Sidebar brand box background */
[data-sidebar-size="sm"] .navbar-brand-box {
    background: #3c6838 !important;
}

[data-sidebar="dark"][data-sidebar-size="sm"] .navbar-brand-box {
    background: #3c6838 !important;
}

/* Two column menu background */
[data-layout="twocolumn"] .twocolumn-iconview {
    background-color: #3c6838 !important;
}

[data-sidebar="dark"] .twocolumn-iconview {
    background-color: #3c6838 !important;
}

/* Active navigation icon */
.twocolumn-iconview .nav-icon.active {
    background-color: rgba(60, 104, 56, 0.15) !important;
    color: #3c6838 !important;
}


/* ================================================
   SIDEBAR TEXT COLOR OVERRIDES
   ================================================ */

/* Main navigation links - Default white */
.navbar-menu .navbar-nav .nav-link {
    color: #ffffff !important;
}

/* Navigation link icons */
.navbar-menu .navbar-nav .nav-link i {
    color: #ffffff !important;
}

.navbar-menu .navbar-nav .nav-link svg {
    color: #ffffff !important;
}

/* Navigation link on hover - Yellow */
.navbar-menu .navbar-nav .nav-link:hover {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link:hover i {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link:hover svg {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link:hover .icon-dual {
    color: #ffd700 !important;
    fill: rgba(255, 215, 0, 0.16) !important;
}

/* Active navigation link - Yellow */
.navbar-menu .navbar-nav .nav-link.active {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link.active i {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link.active svg {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link.active .icon-dual {
    color: #ffd700 !important;
    fill: rgba(255, 215, 0, 0.16) !important;
}

/* Expanded/Collapsed navigation links */
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] .icon-dual {
    color: #ffd700 !important;
    fill: rgba(255, 215, 0, 0.16) !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    color: #ffd700 !important;
}

/* Submenu links - Default white */
.navbar-menu .navbar-nav .nav-sm .nav-link {
    color: #ffffff !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:before {
    background-color: #ffffff !important;
}

/* Submenu links on hover - Yellow */
.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:hover:before {
    background-color: #ffd700 !important;
}

/* Submenu active link - Yellow */
.navbar-menu .navbar-nav .nav-sm .nav-link.active {
    color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active:before {
    background-color: #ffd700 !important;
}

/* Menu title text */
.menu-title {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Dark sidebar variations */
[data-sidebar="dark"] .navbar-nav .nav-link {
    color: #ffffff !important;
}

[data-sidebar="dark"] .navbar-nav .nav-link:hover {
    color: #ffd700 !important;
}

[data-sidebar="dark"] .navbar-nav .nav-link.active {
    color: #ffd700 !important;
}

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

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

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

/* Gradient sidebar text colors */
[data-sidebar="gradient"] .navbar-nav .nav-link,
[data-sidebar="gradient-2"] .navbar-nav .nav-link,
[data-sidebar="gradient-3"] .navbar-nav .nav-link,
[data-sidebar="gradient-4"] .navbar-nav .nav-link {
    color: #ffffff !important;
}

[data-sidebar="gradient"] .navbar-nav .nav-link:hover,
[data-sidebar="gradient-2"] .navbar-nav .nav-link:hover,
[data-sidebar="gradient-3"] .navbar-nav .nav-link:hover,
[data-sidebar="gradient-4"] .navbar-nav .nav-link:hover {
    color: #ffd700 !important;
}

[data-sidebar="gradient"] .navbar-nav .nav-link.active,
[data-sidebar="gradient-2"] .navbar-nav .nav-link.active,
[data-sidebar="gradient-3"] .navbar-nav .nav-link.active,
[data-sidebar="gradient-4"] .navbar-nav .nav-link.active {
    color: #ffd700 !important;
}

/* Two column menu text colors */
[data-layout="twocolumn"] .app-menu .navbar-nav .nav-sm .nav-link {
    color: #ffffff !important;
}

[data-layout="twocolumn"] .app-menu .navbar-nav .nav-sm .nav-link:hover {
    color: #ffd700 !important;
}

[data-layout="twocolumn"] .app-menu .navbar-nav .nav-sm .nav-link.active {
    color: #ffd700 !important;
}

/* Two column icon view */
.twocolumn-iconview .nav-icon {
    color: #ffffff !important;
}

.twocolumn-iconview .nav-icon:hover {
    color: #ffd700 !important;
}

.twocolumn-iconview .nav-icon.active {
    color: #ffd700 !important;
    background-color: rgba(255, 215, 0, 0.15) !important;
}

/* Small sidebar hover state */
[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    color: #ffffff !important;
    background-color: #325730 !important;
}

[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link:hover {
    color: #ffd700 !important;
}

/* Gradient sidebar variations */
[data-sidebar="gradient"] .navbar-menu,
[data-sidebar="gradient-2"] .navbar-menu,
[data-sidebar="gradient-3"] .navbar-menu,
[data-sidebar="gradient-4"] .navbar-menu {
    background: linear-gradient(to right, #2d4e29, #3c6838) !important;
    border-right-color: #3c6838 !important;
}


/* ================================================
   SUCCESS BUTTON COLOR OVERRIDES
   ================================================ */

/* Standard success button */
.btn-success {
    --vz-btn-color: #fff;
    --vz-btn-bg: #3c6838;
    --vz-btn-border-color: #3c6838;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #325730;
    --vz-btn-hover-border-color: #2f5129;
    --vz-btn-focus-shadow-rgb: 60, 104, 56;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #2f5129;
    --vz-btn-active-border-color: #2c4b27;
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #3c6838;
    --vz-btn-disabled-border-color: #3c6838;
    background-color: #3c6838 !important;
    border-color: #3c6838 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #325730 !important;
    border-color: #2f5129 !important;
}

/* Outline success button */
.btn-outline-success {
    --vz-btn-color: #3c6838;
    --vz-btn-border-color: #3c6838;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #3c6838;
    --vz-btn-hover-border-color: #3c6838;
    color: #3c6838 !important;
    border-color: #3c6838 !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    color: #fff !important;
    background-color: #3c6838 !important;
    border-color: #3c6838 !important;
}

/* Soft success button */
.btn-soft-success {
    --vz-btn-color: #3c6838;
    --vz-btn-bg: rgba(60, 104, 56, 0.1);
    --vz-btn-hover-bg: #3c6838;
    color: #3c6838 !important;
    background-color: rgba(60, 104, 56, 0.1) !important;
}

.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success:active {
    color: #fff !important;
    background-color: #3c6838 !important;
}

/* Ghost success button */
.btn-ghost-success {
    --vz-btn-color: #3c6838;
    --vz-btn-hover-bg: rgba(60, 104, 56, 0.1);
    color: #3c6838 !important;
}

.btn-ghost-success:hover,
.btn-ghost-success:focus,
.btn-ghost-success:active {
    color: #3c6838 !important;
    background-color: rgba(60, 104, 56, 0.1) !important;
}

/* ================================================
   SUCCESS COLOR UTILITIES
   ================================================ */

/* Background colors */
.bg-success {
    background-color: #3c6838 !important;
}

.bg-soft-success {
    background-color: rgba(60, 104, 56, 0.18) !important;
}

/* Text colors */
.text-success {
    color: #3c6838 !important;
}

/* Border colors */
.border-success {
    border-color: #3c6838 !important;
}

/* Badge success */
.badge-success,
.badge.bg-success {
    background-color: #3c6838 !important;
}

.badge-soft-success {
    color: #3c6838 !important;
    background-color: rgba(60, 104, 56, 0.1) !important;
}

.badge-outline-success {
    color: #3c6838 !important;
    border-color: #3c6838 !important;
}

/* Alert success */
.alert-success {
    background-color: rgba(60, 104, 56, 0.1) !important;
    border-color: rgba(60, 104, 56, 0.2) !important;
    color: #3c6838 !important;
}

/* Progress bar success */
.progress-bar.bg-success {
    background-color: #3c6838 !important;
}

/* Form check success */
.form-check-success .form-check-input:checked {
    background-color: #3c6838 !important;
    border-color: #3c6838 !important;
}

/* Link success */
.link-success {
    color: #3c6838 !important;
}

.link-success:hover,
.link-success:focus {
    color: #325730 !important;
}

/* ================================================
   PROFILE WIDGET BACKGROUND OVERRIDE
   ================================================ */

.profile-wid-bg::before {
    background: #3c6838 !important;
    background: -webkit-gradient(linear, left bottom, left top, from(#2c4b27), to(#3c6838)) !important;
    background: linear-gradient(to top, #2c4b27, #3c6838) !important;
}

/* ================================================
   ADDITIONAL SUCCESS ELEMENTS
   ================================================ */

/* Timeline success */
.activity-feed .feed-item:after {
    border-color: #3c6838 !important;
}

/* Nav pills success */
.nav-success .nav-link.active {
    background-color: #3c6838 !important;
}

/* Checkbox/Radio success */
.form-radio-success .form-check-input:checked {
    border-color: #3c6838 !important;
    background-color: #3c6838 !important;
}

.form-radio-success .form-check-input:checked:after {
    background-color: #3c6838 !important;
}