/* ===================================
    Custom Color Override
    Primary Color: #0D3B66 (Dark Blue)
    Secondary Color: #B22222 (Red)
====================================== */

:root {
    /* Primary Color Override */
    --base-color: #0D3B66 !important;
    --dark-gray: #0D3B66 !important;

    /* Secondary Color Override */
    --yellow: #B22222 !important;
}

/* Button Color Overrides */
.btn-base-color,
.btn.btn-base-color {
    background-color: #0D3B66 !important;
    border-color: #0D3B66 !important;
}

.btn-base-color:hover,
.btn.btn-base-color:hover {
    background-color: #0a2d4d !important;
    border-color: #0a2d4d !important;
}

.btn-yellow,
.btn.btn-yellow {
    background-color: #B22222 !important;
    border-color: #B22222 !important;
    color: #ffffff !important;
}

.btn-yellow:hover,
.btn.btn-yellow:hover {
    background-color: #8b1a1a !important;
    border-color: #8b1a1a !important;
    color: #ffffff !important;
}

.btn.btn-box-shadow.btn-yellow {
    background-color: #B22222 !important;
    color: #ffffff !important;
}

.btn.btn-box-shadow.btn-yellow:hover {
    background-color: #8b1a1a !important;
    color: #ffffff !important;
}

.btn.btn-box-shadow.btn-yellow:active {
    border-color: #B22222 !important;
}

/* Text Color Overrides */
.text-base-color,
.btn-link.text-base-color {
    color: #0D3B66 !important;
}

.text-dark-gray {
    color: #0D3B66 !important;
}

.text-yellow {
    color: #B22222 !important;
}

/* Background Color Overrides */
.bg-base-color {
    background-color: #0D3B66 !important;
}

.bg-dark-gray {
    background-color: #0D3B66 !important;
}

.bg-yellow {
    background-color: #B22222 !important;
}

/* Feature Box Icon Override */
.feature-box-icon-rounded.bg-yellow {
    background-color: #B22222 !important;
}

/* Border Color Overrides */
.border-color-base-color {
    border-color: #0D3B66 !important;
}

.border-color-yellow {
    border-color: #B22222 !important;
}

/* Link Color Overrides */
a.text-base-color:hover,
a.text-base-color:focus {
    color: #0a2d4d !important;
}

/* Custom Cursor Overrides */
.custom-cursor .circle-cursor-inner {
    background-color: #B22222 !important;
}

.custom-cursor .circle-cursor-inner.cursor-link-hover {
    background-color: #B22222 !important;
}

.custom-cursor .circle-cursor-outer {
    border: 1px solid #B22222 !important;
}

/* Navigation Link Hover */
.navbar .navbar-nav .nav-link:hover {
    color: #0D3B66 !important;
}

/* Page Title Elements */
.page-title-big-typography .w-30px.h-2px.bg-yellow {
    background-color: #B22222 !important;
}

/* Pagination Override */
.pagination-style-01 .page-item.active .page-link,
.pagination-style-01 .page-item .page-link:hover {
    background: #0D3B66 !important;
    border-color: #0D3B66 !important;
    color: #ffffff !important;
}

.pagination-style-01 .page-item:first-child .page-link:hover,
.pagination-style-01 .page-item:last-child .page-link:hover {
    color: #0D3B66 !important;
}

/* Footer Button Overrides */
.footer-dark .btn-yellow {
    background-color: #B22222 !important;
    border-color: #B22222 !important;
    color: #ffffff !important;
}

.footer-dark .btn-yellow:hover {
    background-color: #8b1a1a !important;
    border-color: #8b1a1a !important;
}

.footer-dark .btn-base-color {
    background-color: #0D3B66 !important;
    border-color: #0D3B66 !important;
}

.footer-dark .btn-base-color:hover {
    background-color: #0a2d4d !important;
    border-color: #0a2d4d !important;
}

/* Text Decoration Line Bottom Override */
a.text-decoration-line-bottom {
    text-decoration-color: currentColor !important;
}

a.text-dark-gray.text-decoration-line-bottom:hover {
    color: #0D3B66 !important;
}

/* Gradient Override (Optional - if you want to replace gradient colors) */
.bg-gradient-green-yellow-color {
    background: #B22222 !important;
    background: linear-gradient(306deg, #B22222 0%, #0D3B66 85%) !important;
}

/* Orient Blue Override (Alternative primary color used in some sections) */
.bg-orient-blue {
    background-color: #0D3B66 !important;
}

/* Social Icons with Base Colors */
.elements-social a:hover {
    color: #0D3B66 !important;
}

/* Form Focus States */
.form-control:focus {
    border-color: #0D3B66 !important;
}

/* Additional Text Color Classes */
.text-base-color-hover:hover {
    color: #0D3B66 !important;
}

/* Map Marker Color Override */
[data-map-options] {
    /* This targets the map configuration but color needs to be changed in HTML */
}

/* Tooltip Title Color */
.tooltip-title {
    color: #0D3B66 !important;
}

/* Header Button Override */
header .btn.btn-base-color {
    background-color: #0D3B66 !important;
    border-color: #0D3B66 !important;
}

header .btn.btn-base-color:hover {
    background-color: #0a2d4d !important;
    border-color: #0a2d4d !important;
}

/* Dropdown Menu Hover */
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover {
    background-color: rgba(13, 59, 102, 0.1) !important;
}

/* Submit Button Override */
.submit.btn-base-color {
    background-color: #0D3B66 !important;
    border-color: #0D3B66 !important;
}

.submit.btn-base-color:hover {
    background-color: #0a2d4d !important;
    border-color: #0a2d4d !important;
}

/* ===================================
    Language Switcher Styles
====================================== */

.language-switcher {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    margin-left: 15px;
}

.lang-btn {
    padding: 5px 12px;
    border: 1px solid rgba(13, 59, 102, 0.3);
    background: transparent;
    color: #0D3B66;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    transition: all 0.3s ease;
    font-family: inherit;
}

.lang-btn:hover {
    background: var(--base-color, #0D3B66);
    border-color: var(--base-color, #0D3B66);
    color: #fff;
}

.lang-btn.active {
    background: var(--base-color, #0D3B66);
    border-color: var(--base-color, #0D3B66);
    color: #fff;
}

/* Language Switcher in Header Top Bar (Dark Background) */
.header-top-bar .language-switcher .lang-btn {
    border-color: rgba(7, 7, 7, 0.3);
    color: #000000;
}

.header-top-bar .language-switcher .lang-btn:hover {
    background: var(--base-color, #0D3B66);
    border-color: var(--base-color, #0D3B66);
    color: #fff;
}

.header-top-bar .language-switcher .lang-btn.active {
    background: var(--base-color, #0D3B66);
    border-color: var(--base-color, #0D3B66);
    color: #fff;
}

/* Responsive Language Switcher */
@media (max-width: 767px) {
    .language-switcher {
        margin-left: 0;
        margin-top: 10px;
        justify-content: center;
    }

    .lang-btn {
        padding: 8px 16px;
        font-size: 14px;
    }
}