/* RTL overrides for Skol theme */

body,
html {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
}

/* Float column directions in RTL */
.elementor-column {
    float: right !important;
}

/* Prevent number and phone scrambling */
a[href^="tel:"],
a[href^="mailto:"],
.skol-phone,
.skol-email,
.skol-phone-number,
.elementor-icon-list-item > a[href^="tel:"] {
    direction: ltr !important;
    unicode-bidi: embed !important;
    display: inline-flex !important;
    align-items: center;
}

/* Make sure text within phone links doesn't scramble */
a[href^="tel:"] .elementor-icon-list-text,
a[href^="tel:"] span {
    direction: ltr !important;
    unicode-bidi: embed !important;
}

/* Nav Menu RTL logic without breaking flex layout */
.elementor-nav-menu--main {
    direction: rtl !important;
}

.elementor-nav-menu {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.elementor-nav-menu .menu-item {
    float: none !important; /* Remove float that breaks flex wrappers */
}

/* Submenu layout overrides */
.elementor-nav-menu--dropdown {
    left: auto !important;
    right: 0 !important;
    text-align: right !important;
}

/* Icon list margin flips */
.elementor-icon-list-icon {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* Swiper overrides (maintain physics while keeping slide content readable) */
.swiper-container,
.swiper {
    direction: ltr !important;
}

.swiper-slide {
    direction: rtl !important;
}

/* Elementor utility alignment swaps */
.elementor-align-left {
    text-align: right !important;
}

.elementor-align-right {
    text-align: left !important;
}

/* Absolute decorations flip */
.elementor-shape-top,
.elementor-shape-bottom {
    transform: scaleX(-1);
}

/* ──────────────────────────────────────────────────────────────────────────
   Skol Custom RTL Overrides
   ────────────────────────────────────────────────────────────────────────── */

/* Contact Details border flip */
body.rtl .skol-contact-details-section .elementor-col-25+.elementor-col-25 {
    border-left: none !important;
    border-right: 1px solid rgba(10, 48, 58, 0.12) !important;
}
@media (max-width: 767px) {
    body.rtl .skol-contact-details-section .elementor-col-25+.elementor-col-25 {
        border-right: none !important;
        border-left: none !important;
    }
}

/* Ages slider navigation buttons swap and arrow flip */
body.rtl .skol-ages-slider .elementor-swiper-button-prev {
    left: auto !important;
    right: 0 !important;
}
body.rtl .skol-ages-slider .elementor-swiper-button-next {
    right: auto !important;
    left: 0 !important;
}
@media (min-width: 1200px) {
    body.rtl .skol-ages-slider .elementor-swiper-button-prev {
        left: auto !important;
        right: -55px !important;
    }
    body.rtl .skol-ages-slider .elementor-swiper-button-next {
        right: auto !important;
        left: -55px !important;
    }
}
body.rtl .skol-ages-slider .elementor-swiper-button-prev i,
body.rtl .skol-ages-slider .elementor-swiper-button-next i {
    transform: rotate(180deg) !important;
}

/* Text-Image Section overlap flip */
body.rtl .skol-text-image__img-wrap {
    margin-left: 0 !important;
    margin-right: -40px !important;
}
body.rtl .skol-text-image-section.layout-text-right .skol-text-image__img-wrap {
    margin-right: 0 !important;
    margin-left: -40px !important;
}
@media (max-width: 1024px) {
    body.rtl .skol-text-image__img-wrap,
    body.rtl .skol-text-image-section.layout-text-right .skol-text-image__img-wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (max-width: 767px) {
    body.rtl .skol-text-image__img-wrap,
    body.rtl .skol-text-image-section.layout-text-right .skol-text-image__img-wrap {
        margin: 10px 0 0 !important;
    }
}

/* Admissions Steps wavy arrow mirroring */
body.rtl .skol-admissions-steps__arrow {
    transform: scaleX(-1) !important;
}
@media (max-width: 768px) {
    body.rtl .skol-admissions-steps__arrow {
        transform: rotate(90deg) !important; /* Point downward on mobile in RTL */
    }
}

/* Flip Card front corner illustration alignment swap */
body.rtl .flip-card-front {
    background-position: 100% 100% !important; /* Mirror bottom-left to bottom-right */
}

/* Download Cards text alignment swap */
body.rtl .skol-download-cards .elementor-icon-box-wrapper {
    text-align: right !important;
}
body.rtl .skol-download-cards .elementor-icon-box-content {
    text-align: right !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   SH Blabeloo custom Arabic font wiring
   ────────────────────────────────────────────────────────────────────────── */
@font-face {
    font-family: 'SH Blabeloo';
    src: url('/themes/skol/fonts/sh-blabeloo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:lang(ar),
:lang(ar) *,
html[lang="ar"],
html[lang="ar"] *,
html[lang="ar"] input,
html[lang="ar"] button,
html[lang="ar"] select,
html[lang="ar"] textarea {
    font-family: 'SH Blabeloo', 'Sensei', 'Catamaran', sans-serif !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   Header Actions (Phone & Button) Alignment Fixes
   ────────────────────────────────────────────────────────────────────────── */
body.rtl .skol-header-wrapper .elementor-element-d00ed29 .elementor-widget-wrap,
body.rtl .skol-header-wrapper .elementor-element-449b9c2 .elementor-widget-wrap,
body.rtl .skol-header-wrapper .elementor-element-37f86feb .elementor-widget-wrap,
body.rtl .skol-header-wrapper .elementor-element-a37764b .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important; /* Aligns widgets to the left in RTL */
    gap: 8px !important;
}

body.rtl .skol-header-wrapper .elementor-element-d00ed29 .elementor-widget-wrap > *,
body.rtl .skol-header-wrapper .elementor-element-449b9c2 .elementor-widget-wrap > *,
body.rtl .skol-header-wrapper .elementor-element-37f86feb .elementor-widget-wrap > *,
body.rtl .skol-header-wrapper .elementor-element-a37764b .elementor-widget-wrap > * {
    margin: 0 !important;
}

body.rtl .skol-header-wrapper .elementor-widget-icon-list .elementor-icon-list-item > a {
    justify-content: flex-end !important; /* Aligns text & icon inside phone link to left */
}

body.rtl .skol-header-wrapper .elementor-widget-button .elementor-button-wrapper {
    text-align: left !important; /* Aligns button link to left */
}

body.rtl .skol-header-wrapper .elementor-element-d00ed29 .skol-language-switcher-wrap,
body.rtl .skol-header-wrapper .elementor-element-449b9c2 .skol-language-switcher-wrap,
body.rtl .skol-header-wrapper .elementor-element-37f86feb .skol-language-switcher-wrap,
body.rtl .skol-header-wrapper .elementor-element-a37764b .skol-language-switcher-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important; /* Aligns switcher button to left in RTL */
    margin-bottom: 0 !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   Our Environment Section Alignment Overrides
   ────────────────────────────────────────────────────────────────────────── */
body.rtl .elementor-element.elementor-element-6b03187f:not(.elementor-motion-effects-element-type-background),
body.rtl .elementor-element.elementor-element-6b03187f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: bottom right !important;
}

body.rtl .elementor-element.elementor-element-56ad04b1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
body.rtl .elementor-element.elementor-element-56ad04b1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: top left !important;
}

body.rtl .elementor-element.elementor-element-56ad04b1 > .elementor-element-populated > .elementor-background-overlay {
    background-position: top right !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   Footer Layout Fixes (Vertical Menus & Bottom Legal Spacing)
   ────────────────────────────────────────────────────────────────────────── */
/* Restore block vertical layout for vertical menus in RTL */
body.rtl .elementor-nav-menu--layout-vertical .elementor-nav-menu {
    display: block !important;
}

body.rtl .elementor-nav-menu--layout-vertical .elementor-nav-menu .menu-item {
    float: none !important;
    display: block !important;
}

/* Ensure margins on vertical items don't float horizontally */
body.rtl .elementor-nav-menu--layout-vertical .elementor-nav-menu a {
    display: block !important;
}

/* Add clean spacing (gap) between bottom legal menu links */
body.rtl .skol-footer-legal-menu .elementor-nav-menu {
    gap: 24px !important;
}

body.rtl .skol-footer-legal-menu .elementor-nav-menu .elementor-item {
    padding-left: 8px !important;
    padding-right: 8px !important;
}