/* 
Theme Name: Kids Kindergarten Theme RTL
Description: RTL Stylesheet for Arabic Layout
*/

body {
    direction: rtl;
    unicode-bidi: embed;
}

/* Base RTL adjustments */
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }
.float-left { float: right !important; }
.float-right { float: left !important; }
.ml-auto { margin-right: auto !important; margin-left: 0 !important; }
.mr-auto { margin-left: auto !important; margin-right: 0 !important; }
.pl-3, .px-3 { padding-right: 1rem !important; padding-left: 0 !important; }

/* Arabic Font */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

body, h1, h2, h3, h4, h5, h6, p, a, span, button {
    font-family: 'Tajawal', sans-serif !important;
}

/* Adjustments for Specific Sections */

/* Nilai & Karakter (Process Work) Section */
.process-work-wrapper .work-process-items .line-shape {
    right: auto !important;
    left: -55% !important;
    transform: scaleX(-1);
}
.process-work-wrapper .work-process-items .line-shape-2 {
    right: auto !important;
    left: -55% !important;
    transform: scaleX(-1);
}

/* Fix for spacing when direction is reversed */
.process-work-wrapper .work-process-items .content {
    margin-top: 30px;
}