/* Simplified CSS - Light Theme Only */
:root {
    --bs-primary: #3D8361;
    --bs-primary-rgb: 61, 131, 97;
    --bs-secondary: #1C6758;
    --bs-secondary-rgb: 28, 103, 88;
    --bs-success: #3D8361;
    --bs-body-bg: #FCF6E7;
    --bs-body-color: #1C6758;
    --bs-light: #EEF2E6;
    --bs-border-color: rgba(28, 103, 88, 0.1);
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

html {
    scroll-behavior: smooth;
}

/* Logo - Fixed size for both languages - 1.5x larger */
.logo-img {
    height: 90px;
    width: auto;
}

/* Navbar Brand - Unified layout for LTR and RTL */
.navbar-brand {
    gap: 0.5rem;
}

.navbar-brand .ms-2 {
    margin-left: 0.5rem !important;
}

/* Language Switcher - Bootstrap Button Group */
.lang-btn {
    min-width: 60px;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

.lang-btn .lang-btn-text {
    font-weight: 500;
    display: inline-block;
}

.lang-btn.active {
  background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: white !important;
}

.lang-btn:not(.active) {
    background-color: white;
    color: var(--bs-primary);
}

.lang-btn:not(.active):hover {
  background-color: rgba(61, 131, 97, 0.1);
}

/* RTL Mode - Unified Header */
body.rtl-mode {
    direction: rtl;
    font-family: 'Dubai', 'Tahoma', 'Arial Unicode MS', sans-serif;
}

/* RTL - Button Group Fixes */
body.rtl-mode .btn-group {
    direction: ltr !important;
}

body.rtl-mode .btn-group .lang-btn {
    direction: ltr;
}

body.rtl-mode .btn-group .lang-btn[data-lang="ar"] .lang-btn-text {
direction: rtl;
    unicode-bidi: embed;
}

/* RTL - Navbar Brand Adjustments */
body.rtl-mode .navbar-brand .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* RTL - General Spacing Adjustments */
body.rtl-mode .ms-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

body.rtl-mode .me-1,
body.rtl-mode .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

body.rtl-mode .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

body.rtl-mode .text-lg-end {
    text-align: right !important;
}

@media (min-width: 992px) {
    body.rtl-mode .text-lg-end {
        text-align: left !important;
}
}

/* RTL - Icons */
body.rtl-mode .bi-arrow-right,
body.rtl-mode .bi-arrow-down {
    transform: rotate(180deg);
}

/* Mobile Responsive */
@media (max-width: 767.98px) {
    .logo-img {
        height: 75px;
    }
    
    .display-4 {
     font-size: 2rem;
    }
    
    .display-5 {
font-size: 1.75rem;
    }

    .lang-btn {
        min-width: 50px;
  font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
  }
}