.navbar-nav {
	margin-bottom: -11px; /* Ensure nav links stick to the bottom border */

}
body {

}
html, body {
    transition: none; /* temporarily no transitions */
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}
* {
    transition: inherit;
}

.theme-transition {
    transition: background-color 0.7s ease, color 0.15s ease;
}

.nav-link {
	padding-bottom: 10px; /* Remove bottom padding for precise alignment */

}

/* START - LIGHT THEME STYLE */
	
body[data-bs-theme="light"] .navbar-light {
	background-color: #e9ecef;
	border-bottom: 0px solid #949495;
}

body[data-bs-theme="light"] .nav-link.main.active {
	background-color: #fff; /* Dark theme active background */
	color: #000 !important; /* Dark theme active text color */
	border-radius: 5px 5px 0px 0px;
	border-bottom: 3px solid #fff; /* Add bottom border */
	margin-right: 5px;
	margin-left: 5px;
}

body[data-bs-theme="light"] .nav-link.main:hover {
	background-color: #fff; /* Dark theme hover background */
	color: #000 !important;
	border-radius: 5px 5px 0px 0px;
    border-bottom: 3px solid #61a1fe; /* Add bottom border */
}

body[data-bs-theme="light"] .dropdown-item:hover {
	background-color: #b3b3b3; /* Dark theme hover background */
	color: #000 !important;
}

/* END - LIGHT THEME STYLE */
/* START - DARK THEME STYLE */

body[data-bs-theme="dark"] .navbar-light {
	background-color: #343a40;
	border-bottom: 0px solid #444;
}
		
body[data-bs-theme="dark"] .nav-link.main.active {
	background-color: #212529; /* Dark theme active background */
	color: #fff !important; /* Dark theme active text color */
	border-radius: 5px 5px 0px 0px;
	border-bottom: 3px solid #212529; /* Add bottom border */
	margin-right: 5px;
	margin-left: 5px;
}

body[data-bs-theme="dark"] .nav-link.main:hover {
	background-color: #212529; /* Dark theme hover background */
	color: #fff !important;
	border-radius: 5px 5px 0px 0px;
    border-bottom: 3px solid #ccc; /* Add bottom border */
}

body[data-bs-theme="dark"] .dropdown-item:hover {
	background-color: #343a40; /* Dark theme hover background */
	color: #fff !important;
}

/* END - DARK THEME STYLE */

/* START - MOBILE STYLE */
        @media (max-width: 768px) {
            .navbar-collapse {
                display: flex;
                flex-direction: column;
            }

            .row-lang-theme {
                order: 2;
                justify-content: start;
            }

            .row-navigation {
                order: 1;
            }

            .row-lang-theme li {
                text-align: left;
                justify-content: flex-start;
            }

            .row-lang-theme .nav-item {

            }

            .row-lang-theme .btn {
                text-align: left;
            }

            .row-navigation {
                border-bottom: 1px solid #444;
                padding-bottom: 10px;
                margin-bottom: 10px;
            }
			
body[data-bs-theme="dark"] .nav-link.main.active {
background-color: #444; /* Dark theme active background */
	color: #fff !important; /* Dark theme active text color */
	border-radius: 5px;
	border-bottom: 0px; /* Add bottom border */
}

body[data-bs-theme="dark"] .nav-link.main:hover {
	background-color: #303133; /* Dark theme hover background */
	color: #fff !important;
	border-radius: 5px;
    border-bottom: 0px; /* Add bottom border */
}




        }
		
/* END - MOBILE STYLE */



.logo_svg {
    width: 75px; /* Adjust width as needed */
    height: 75px; /* Adjust height as needed */
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="450" height="350"><g><rect id="svg_4" height="198" width="193" y="23.5" x="127.5" fill="%233545f4"/><path id="svg_7" d="m222,458.5" fill="%23ffffff"/><path id="svg_12" d="m75,274.5c0,0 305,1 305,0.5c0,0.5 2,-166.5 2,-167c0,0.5 55,-0.5 55,-1c0,0.5 0,227.5 0,227c0,0.5 -426,0.5 -426,0c0,0.5 0,-226.5 0,-227c0,0.5 64,0.5 64,0" fill="%235e5e5e"/></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

body[data-bs-theme="dark"] .logo {
    display: block; /* Ensure it's a block-level element */
    height: 70px; /* Set the desired height */
    width: calc(130px * (16 / 9)); /* Adjust width based on the aspect ratio of the image */
    background: url("../img/logo_dark.png") no-repeat center; /* Add the logo */
    background-size: contain; /* Ensures the image scales proportionally */
}
body[data-bs-theme="light"] .logo {
    display: block; /* Ensure it's a block-level element */
    height: 70px; /* Set the desired height */
    width: calc(130px * (16 / 9)); /* Adjust width based on the aspect ratio of the image */
    background: url("../img/logo_light.png") no-repeat center; /* Add the logo */
    background-size: contain; /* Ensures the image scales proportionally */
}


body[data-bs-theme="light"] #themeToggle {
    --bs-btn-bg: var(--bs-light);
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-light);
}

body[data-bs-theme="dark"] #themeToggle {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-color: var(--bs-light);
    --bs-btn-border-color: var(--bs-secondary);
}