/* =========================================
   FONT FACES
   ========================================= */
@font-face {
    font-family: 'Ramadona';
    src: url('assets/ramadona font/FontsFree-Net-Ramadona.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* =========================================
   ANIMATIONS & SLIDER GLOBALS (index.html)
   ========================================= */
@keyframes fadeSlider {
    0%, 40% { opacity: 1; }
    50%, 90% { opacity: 0; }
    100% { opacity: 1; }
}

.bg-slider-1 {
    animation: fadeSlider 10s ease-in-out infinite;
    z-index: 2;
}

.bg-slider-2 {
    z-index: 1;
}

/* =========================================
   BASE TYPOGRAPHY & SCROLLBAR (checkout.html)
   ========================================= */
body {
    font-family: "Lato", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Playfair Display", serif;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #111317;
}

::-webkit-scrollbar-thumb {
    background-color: #3e546e;
    border-radius: 4px;
}

select {
    background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuB_Ap0Q0KlAsYKRJuQSZab2j9UJ6U0MihhtN7H8g-5Z2La0WfZh03rd5Fs2m2aV3GkCx4KV5XMrYTqV6JS9e1P8AWhu1ekDsMpExeaIzl-2ekSGtOP1TpDUfKvgl2zKJDj_sOFtxQn3rlUPfwuzC6EPldwbphwIeWk_pJB9W01eRMVDagkTDNncX_q252tRJ1YobtNnK_cuT_EOyEC7yynMU6sFfGXh7cnO6PLe67GOSfS090J5OcQmV7ETdc_phKnA-3-mGJJ55P5F");
}

/* =========================================
   RTL (Right-to-Left) SUPPORT FOR ARABIC
   ========================================= */



[dir="rtl"] .space-x-6 {
    space-x: 0;
    margin-right: 1.5rem;
}

[dir="rtl"] .space-x-4 {
    space-x: 0;
    margin-right: 1rem;
}

[dir="rtl"] .space-x-2 {
    space-x: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .space-x-6 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Text alignment */
[dir="rtl"] .text-left {
    text-align: right;
}

[dir="rtl"] .text-right {
    text-align: left;
}



/* Border radius fixes for LTR cards in RTL */
[dir="rtl"] .rounded-sm {
    border-radius: 2px;
}



/* Language toggle button styling */
#language-toggle {
    padding: 0.5rem 1rem;
    background-color: rgba(225, 221, 216, 0.1);
    color: #e1ded8;
    border: 1px solid rgba(225, 221, 216, 0.2);
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all 0.3s ease;
    margin-left: 1rem;
}

#language-toggle:hover {
    background-color: rgba(225, 221, 216, 0.2);
    border-color: rgba(225, 221, 216, 0.4);
}

[dir="rtl"] #language-toggle {
    margin-left: 0;
    margin-right: 1rem;
}

/* Dark mode language toggle */
.dark #language-toggle {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark #language-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}