/* static/css/custom.css */

/* Use a clean, modern font for the whole site */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #fdfdfd; /* A very light grey for the background, less harsh than pure white */
    line-height: 1.6;
    

    
}
html[lang="ne"] body {
    font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif;
    line-height: 1.9;
}
html[lang="ne"] h1,
html[lang="ne"] h2,
html[lang="ne"] h3,
html[lang="ne"] h4,
html[lang="ne"] h5,
html[lang="ne"] h6 {
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 700;
}
html[lang="ne"] .btn {
    font-weight: 500;
    padding: 12px 22px;
}
:lang(ne) .display-4,
:lang(ne) .display-5,
:lang(ne) .display-6 {
    line-height: 1.5 !important; /* Increase vertical space between lines */
}

/* General boldness for other headings and buttons in Nepali */
:lang(ne) h2, 
:lang(ne) h3, 
:lang(ne) h4,
:lang(ne) h5,
:lang(ne) h6,
:lang(ne) .btn {
    font-weight: 700 !important;
}
/* --- Custom Navbar Theme --- */
.navbar-custom {
    /* A professional dark blue/indigo background color */
    background-color: #003366;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.bg-brand-primary {
    background-color: #003366; 
    color: #ffffff; }

/* Royal Blue Navbar Theme */


.navbar-custom .navbar-brand,    
.navbar-custom .nav-link {
    color: #ffffff; /* White text for high contrast */
}



/* Style the active/hovered navigation links */
.navbar-custom .nav-link:hover,
.navbar-custom .nav-link:focus {
    color: #ffffff; /* Pure white on hover */
}


/* --- HOVER EFFECT FOR ALL NAV LINKS --- */
/* This adds a subtle shake/lift animation when you hover over any link */
.navbar-custom .nav-link {
    transition: transform 0.2s ease-in-out; /* Smooth transition for the effect */
}

.navbar-custom .nav-link:hover {
    transform: translateY(-2px); /* Lifts the link up by 2 pixels */
    color: #ffffff; /* Make sure the text is bright white on hover */
}

/* Special case for the "New Investment" button on hover */
.navbar-custom .btn.btn-success:hover {
    transform: translateY(-2px); }
/* --- Main Content Area --- */
/* You can add styles for your main content cards, etc. here later */
.navbar-brand .brand-text {
    font-size: 1.1rem;      /* Slightly larger than default, but not huge */
    font-weight: 500;       /* A nice semi-bold weight */
    line-height: 1.2;       /* Tighter line spacing if it wraps */
}

/* Media query for smaller screens (like tablets) */
@media (max-width: 992px) {
    .navbar-brand .brand-text {
        font-size: 0.9rem; /* Make the font smaller on smaller screens to prevent awkward wrapping */
    }
}

/* Media query for very small screens (like phones) */
@media (max-width: 576px) {
    .navbar-brand .brand-text {
        display: none; /* Hide the text completely on very small screens, showing only the logo */
    }
}

.btn-group button{
    color: #fff;  /* Ensures text is white */
    border: none; /* No border on the button */
    padding: 0.2rem 6rem;  /* Standard padding */
    border-radius: 0.25rem;
    background-color: transparent;
}

.btn-group button:hover {
    background-color: rgba(255, 255, 255, 0.1);  /* Subtle hover effect */
}

.btn-group button.active {
    background-color: rgba(255, 255, 255, 0.25);  /* Highlight the active language */
    font-weight: bold;  /* Bold text for the current one */
}
.heading-style {
    color: rgb(255, 255, 255);
    background-color:  #003366; /* Bootstrap's primary blue color */
     /* Make the text white */
    padding: 0.5rem 1rem; /* add padding */
    border-radius: 0.25rem; /* Round the corners */
}