/* RTL Overrides for RIWAM */

html[dir="rtl"] {
    /* Browser default handles text-align for rtl */
}

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

@media (min-width: 1024px) {
    html[dir="rtl"] .lg\:text-left { text-align: right !important; }
    html[dir="rtl"] .lg\:text-right { text-align: left !important; }
}

html[dir="rtl"] .ml-4 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .mr-4 { margin-right: 0 !important; margin-left: 1rem !important; }

html[dir="rtl"] .ms-2\.5 { margin-right: 0.625rem !important; margin-left: 0 !important; }
html[dir="rtl"] .mr-2\.5 { margin-right: 0 !important; margin-left: 0.625rem !important; }

html[dir="rtl"] .pl-3 { padding-left: 0 !important; padding-right: 0.75rem !important; }
html[dir="rtl"] .pr-3 { padding-right: 0 !important; padding-left: 0.75rem !important; }

html[dir="rtl"] .pl-6 { padding-left: 0 !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .pr-6 { padding-right: 0 !important; padding-left: 1.5rem !important; }

html[dir="rtl"] .pl-8 { padding-left: 0 !important; padding-right: 2rem !important; }
html[dir="rtl"] .pr-8 { padding-right: 0 !important; padding-left: 2rem !important; }

/* Custom Hero Paddings */
@media (min-width: 1440px) {
    html[dir="rtl"] .lp\:pl-\[150px\] { padding-left: 0 !important; padding-right: 150px !important; }
}

@media (min-width: 1024px) {
    html[dir="rtl"] .lg\:pl-\[80px\] { padding-left: 0 !important; padding-right: 80px !important; }
    html[dir="rtl"] .lg\:ml-\[40px\] { margin-left: 0 !important; margin-right: 40px !important; }
}

@media (min-width: 1280px) {
    html[dir="rtl"] .xl\:pl-\[120px\] { padding-left: 0 !important; padding-right: 120px !important; }
    html[dir="rtl"] .xl\:ml-\[70px\] { margin-left: 0 !important; margin-right: 70px !important; }
}

@media (min-width: 1536px) {
    html[dir="rtl"] .2xl\:pl-\[320px\] { padding-left: 0 !important; padding-right: 320px !important; }
    html[dir="rtl"] .2xl\:ml-\[120px\] { margin-left: 0 !important; margin-right: 120px !important; }
}

/* Checkbox toggle */
html[dir="rtl"] .after\:start-\[2px\]::after {
    inset-inline-start: 2px !important;
}

html[dir="rtl"] .peer:checked ~ .peer-checked\:after\:translate-x-\[99\%\]::after {
    transform: translate(-99%, -50%) !important;
}

html[dir="rtl"] .peer:checked ~ .peer-checked\:after\:translate-x-full::after {
    transform: translate(-100%, -50%) !important;
}

html[dir="rtl"] .before\:-right-16::before {
    right: auto !important;
    left: -4rem !important;
}

html[dir="rtl"] .save-badge {
    right: auto !important;
    left: -1.5rem !important;
    transform: rotate(-20deg) !important;
}

/* Arrows */
html[dir="rtl"] svg.rotate-180 {
    transform: rotate(0deg) !important;
}
html[dir="rtl"] .menu-arrow svg {
    transform: rotate(180deg);
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

html[dir="rtl"] {
    --font-sans: 'Cairo', sans-serif;
    --font-inter-tight: 'Cairo', sans-serif;
    --default-font-family: 'Cairo', sans-serif;
}

html[dir="rtl"] body, 
html[dir="rtl"] p, 
html[dir="rtl"] h1, 
html[dir="rtl"] h2, 
html[dir="rtl"] h3, 
html[dir="rtl"] h4, 
html[dir="rtl"] h5, 
html[dir="rtl"] h6, 
html[dir="rtl"] a, 
html[dir="rtl"] span:not([class*="icon"]):not([class*="fa"]), 
html[dir="rtl"] div {
    font-family: 'Cairo', sans-serif;
}

html[dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; }