/* Custom RTL styles for Arabic language */
body {
font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
direction: rtl;
text-align: right;
}

/* Language switcher styles */
.language-switcher {
display: flex;
align-items: center;
margin-right: auto;
margin-left: 20px;
}

.lang-btn {
color: #5a6c7d;
text-decoration: none;
padding: 5px 10px;
border-radius: 4px;
transition: all 0.3s ease;
font-weight: 500;
}

.lang-btn:hover {
color: #f3969a;
text-decoration: none;
}

.lang-btn.active {
color: #f3969a;
background-color: rgba(243, 150, 154, 0.1);
}

.lang-separator {
margin: 0 8px;
color: #5a6c7d;
}

/* Navigation adjustments */
.navbar-nav {
margin-right: auto !important;
margin-left: 0 !important;
}

.navbar-brand span {
text-align: right;
}

.navbar-brand span small {
color: var(--secondary-color);
display: block;
font-size: 10px;
line-height: normal;
text-transform: uppercase
}

/* Text alignment fixes */
.text-center {
text-align: center !important;
}

.custom-text-box h2,
.custom-text-box h5,
.custom-text-box h6 {
text-align: right;
}

/* List items alignment */
.custom-list-item {
text-align: right;
flex-direction: row;
}

.custom-list-item i {
margin-left: 10px;
margin-right: 0;
}

/* Social icons alignment */
.social-icon {
justify-content: flex-start;
}

/* Contact form adjustments */
.contact-form input,
.contact-form select,
.contact-form textarea {
text-align: right;
direction: rtl;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
text-align: right;
}

/* Footer adjustments */
.footer-menu {
text-align: right;
}

.site-footer-bottom .copyright-text {
text-align: right;
}

/* Carousel caption adjustments */
.carousel-caption {
text-align: center;
}

.carousel-caption h1 {
font-size: 2.5rem;
font-weight: 700;
}

.carousel-caption h1,
.carousel-caption p {
    text-align: center;
    margin-left: 55px;
}

/* Featured blocks */
.featured-block-text {
text-align: center;
}

/* News blocks */
.news-block-body ul {
text-align: right;
padding-right: 20px;
}

.news-block-body li {
margin-bottom: 5px;
}

/* Contact info */
.contact-info p {
text-align: right;
}

/* Custom button adjustments */
.custom-btn {
font-family: 'Cairo', sans-serif;
}

/* Progress bar container */
.progress {
direction: ltr;
}

/* Volunteer block adjustments */
.volunteer-block-info {
text-align: right;
}

/* Logo adjustments */
.logo {
max-height: 60px;
width: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.navbar-brand span {
font-size: 0.9rem;
}

.navbar-brand span small {
font-size: 0.6em;
}

.carousel-caption h1 {
font-size: 1.8rem;
}
}

/* Custom colors for HOON branding */
:root {
--hoon-primary: #13547a;
--hoon-secondary: #80d0c7;
--hoon-accent: #f39c12;
}

.custom-btn {
/* background-color: var(--hoon-primary); */
border-color: var(--hoon-primary);
}

.custom-btn:hover {
background-color: var(--hoon-secondary);
border-color: var(--hoon-secondary);
}

.navbar-brand {
color: var(--primary-color);
font-size: var(--h6-font-size);
font-weight: var(--font-weight-bold);
}

/* Fix for Bootstrap icons in RTL */
.bi::before {
display: inline-block;
}

/* Contact image wrap */
.contact-image-wrap {
margin-bottom: 2rem;
}

.contact-image-wrap .d-flex {
text-align: right;
}

/* News category block */
.news-category-block {
text-align: center;
}

/* Custom block adjustments */
.custom-block-body {
text-align: right;
}

.custom-block-body h5 {
text-align: right;
margin-bottom: 1rem;
}

/* Site header adjustments */
.site-header p {
text-align: right;
}

.site-header .social-icon {
justify-content: flex-end;
}