.validation_text {
	display: block;
	color: rgb(230, 87, 87);
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}


/* --- RTL Navbar Fixes --- */

/* Reverse the float direction for the main components */
[dir="rtl"] .navbar-header,
[dir="rtl"] .navbar-brand,
[dir="rtl"] .navbar-nav > li {
  float: right !important;
}

/* Reverse the float for the main navigation and the language switcher */
[dir="rtl"] .navbar-nav {
  float: right !important;
}

[dir="rtl"] .navbar-right {
  float: left !important;
}

/* Adjust the language switcher button's position in RTL */
[dir="rtl"] .navbar-right li {
  margin-left: 0;
  margin-right: 1rem; /* Add some space to its right */
}

/* Fix for mobile menu toggle button in RTL */
[dir="rtl"] .navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: 0;
}

/* --- Navbar Scroll Behavior --- */

/* Default navbar state - always visible but transparent */
.header.transparent {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    transform: translateY(0);
}

/* Navbar when scrolled - add background and shadow */
.header.transparent.scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Text color when scrolled - make it black for visibility */
.header.transparent.scrolled .navbar-nav > li > a {
    color: #333 !important;
}

.header.transparent.scrolled .navbar-nav > li > a:hover {
    color: #f68d32 !important;
}

/* Language switcher button colors when scrolled */
.header.transparent.scrolled .btn-outline-primary {
    color: #f68d32 !important;
}

.header.transparent.scrolled .btn-outline-primary:hover {
    color: #fff !important;
}

/* Mobile menu toggle button when scrolled */
.header.transparent.scrolled .navbar-toggle .fa {
    color: #333 !important;
}

.header.transparent.scrolled .navbar-toggle:hover .fa {
    color: #007bff !important;
}

/* Search icon and other icons when scrolled */
.header.transparent.scrolled .fa-search,
.header.transparent.scrolled .fa-times {
    color: #333 !important;
}

.header.transparent.scrolled .fa-search:hover,
.header.transparent.scrolled .fa-times:hover {
    color: #007bff !important;
}

/* Navbar background when scrolled */
.navbar-scrolled {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Logo transition */
.navbar-brand .logo {
    transition: all 0.3s ease-in-out;
}

/* Ensure navbar is visible on mobile */
@media (max-width: 991px) {
    .header.transparent {
        background-color: rgba(255, 255, 255, 0.95);
    }
}