.btn-success {
    color: #fff;
    background-color: #1cc88a;
    border-color: #1cc88a;
}

.btn-outline-success-custom {
    background-color: #D5E7EF;
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c2cfd7;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b4c2c9;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none;
}

.badge_main_page, .badge_main_page_with_bg {
    background-color: #CCE4EC !important;
    border-style: solid;
    border-width: thin !important;
    border-color: #067386 !important;
    color: #067386 !important;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
}

.badge_main_page_with_bg {
    background-color: #067386 !important;
    color: white !important;
    font-weight: lighter;
}

.text-bg-success {
    color: #fff !important;
    background-color: #1e30f3 !important;
}

.par-header {
    margin-left: 38px;
    margin-bottom: 0;
    color: gray;
}

.lang_list {
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color) !important;
}

.text-primary {
    color: #2058a3 !important;
}

.nav_menu_item_custom {
    border-color: #067386 !important;
    color: #067386 !important;
    font-weight: lighter;
}

.nav_menu_item_custom_simple {
    font-weight: lighter;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: #2fa4b9 !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

.my_h116 {
    height: 116px !important;
}

.my_badge_new_font_step {
    z-index: 100 !important;
    transform: translate(-7%, -25%) !important;
}

/* Theme-aware topbar styles: use Bootstrap CSS variables so data-bs-theme controls appearance */
.topbar {
    background-color: var(--bs-body-bg, #ffffff);
    color: var(--bs-body-color, #212529);
    transition: background-color 0.25s ease, color 0.25s ease;
}


.topbar .nav-link,
.topbar .nav-link i,
.topbar .dropdown-item {
    color: var(--bs-nav-link-color, inherit) !important;
}

/* Use Bootstrap dropdown variables when available; keep a light fallback */
.topbar .dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg, #f8f9fa);
    color: var(--bs-dropdown-link-active-color, #067386) !important;
}

/* Better contrast for dark theme */
[data-bs-theme="dark"] .topbar .dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg, rgba(255,255,255,0.04));
    color: var(--bs-dropdown-link-active-color, #fff) !important;
}

/* Removed forced border/box-shadow overrides so header falls back to previous styling. */

/* Small transition so theme change feels smooth */
.navbar, .topbar, .dropdown-menu {
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}