/*
Theme Name: Speak And Master Bilingual
Theme URI: https://mostafaweb.info/s-and-m-new/
Description: Astra child theme that adds the Arabic Speak And Master website alongside the existing English site without modifying FluentCommunity.
Author: Speak And Master
Template: astra
Version: 1.0.0
Text Domain: speak-and-master-bilingual
*/


/* =========================================================
   ARABIC WEBSITE
   ========================================================= */

body.sm-bilingual-ar {
    direction: rtl;
}


/* =========================================================
   GLOBAL ARABIC TEXT ALIGNMENT
   ========================================================= */

body.sm-bilingual-ar .elementor-widget-heading,
body.sm-bilingual-ar .elementor-widget-text-editor,
body.sm-bilingual-ar .elementor-widget-icon-list,
body.sm-bilingual-ar .elementor-widget-testimonial,
body.sm-bilingual-ar .elementor-widget-form {
    direction: rtl !important;
}


/* Elementor headings */

body.sm-bilingual-ar .elementor-widget-heading,
body.sm-bilingual-ar .elementor-widget-heading .elementor-widget-container,
body.sm-bilingual-ar .elementor-widget-heading .elementor-heading-title {
    direction: rtl !important;
    text-align: right !important;
}


/* Elementor text editor */

body.sm-bilingual-ar .elementor-widget-text-editor,
body.sm-bilingual-ar .elementor-widget-text-editor .elementor-widget-container {
    direction: rtl !important;
    text-align: right !important;
}

body.sm-bilingual-ar .elementor-widget-text-editor p,
body.sm-bilingual-ar .elementor-widget-text-editor h1,
body.sm-bilingual-ar .elementor-widget-text-editor h2,
body.sm-bilingual-ar .elementor-widget-text-editor h3,
body.sm-bilingual-ar .elementor-widget-text-editor h4,
body.sm-bilingual-ar .elementor-widget-text-editor h5,
body.sm-bilingual-ar .elementor-widget-text-editor h6,
body.sm-bilingual-ar .elementor-widget-text-editor div {
    direction: rtl !important;
    text-align: right !important;
}


/* Generic Elementor headings */

body.sm-bilingual-ar .elementor h1,
body.sm-bilingual-ar .elementor h2,
body.sm-bilingual-ar .elementor h3,
body.sm-bilingual-ar .elementor h4,
body.sm-bilingual-ar .elementor h5,
body.sm-bilingual-ar .elementor h6 {
    direction: rtl;
}


/* =========================================================
   HTML WIDGET TEXT
   ========================================================= */

body.sm-bilingual-ar .elementor-widget-html p,
body.sm-bilingual-ar .elementor-widget-html h1,
body.sm-bilingual-ar .elementor-widget-html h2,
body.sm-bilingual-ar .elementor-widget-html h3,
body.sm-bilingual-ar .elementor-widget-html h4,
body.sm-bilingual-ar .elementor-widget-html h5,
body.sm-bilingual-ar .elementor-widget-html h6 {
    direction: rtl !important;
    text-align: right !important;
}


/* =========================================================
   TESTIMONIALS
   ========================================================= */

body.sm-bilingual-ar .elementor-testimonial-content,
body.sm-bilingual-ar .elementor-testimonial-name,
body.sm-bilingual-ar .elementor-testimonial-job {
    direction: rtl !important;
    text-align: right !important;
}


/* =========================================================
   FORMS
   ========================================================= */

body.sm-bilingual-ar input,
body.sm-bilingual-ar textarea,
body.sm-bilingual-ar select {
    direction: rtl !important;
    text-align: right !important;
}

body.sm-bilingual-ar .elementor-field-label,
body.sm-bilingual-ar .elementor-form-fields-wrapper label {
    direction: rtl !important;
    text-align: right !important;
}


/* =========================================================
   ARABIC LISTS
   ========================================================= */

body.sm-bilingual-ar .elementor-widget-text-editor ul,
body.sm-bilingual-ar .elementor-widget-text-editor ol,
body.sm-bilingual-ar .elementor-widget-html ul,
body.sm-bilingual-ar .elementor-widget-html ol {
    direction: rtl !important;
    text-align: right !important;
    padding-right: 20px;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

body.sm-bilingual-ar .elementor-widget-text-editor li,
body.sm-bilingual-ar .elementor-widget-html li {
    direction: rtl !important;
    text-align: right !important;
}


/* =========================================================
   ICON LISTS
   ========================================================= */

body.sm-bilingual-ar .elementor-icon-list-items {
    direction: rtl !important;
    text-align: right !important;
}

body.sm-bilingual-ar .elementor-icon-list-item {
    direction: rtl !important;
    justify-content: flex-start;
    text-align: right !important;
}

body.sm-bilingual-ar .elementor-icon-list-text {
    direction: rtl !important;
    text-align: right !important;
}

body.sm-bilingual-ar .elementor-icon-list-icon {
    margin-left: 8px;
    margin-right: 0;
}


/* =========================================================
   BUTTONS
   ========================================================= */

body.sm-bilingual-ar .elementor-button,
body.sm-bilingual-ar .elementor-button-text {
    direction: rtl !important;
}

body.sm-bilingual-ar .elementor-button-text {
    text-align: center;
}


/* =========================================================
   HEADER
   ========================================================= */

body.sm-bilingual-ar .elementor-location-header {
    direction: rtl;
}

body.sm-bilingual-ar .elementor-location-header nav {
    direction: rtl;
}


/* =========================================================
   ARABIC DESKTOP HEADER MENU
   Actual menu items are Elementor Button widgets
   ========================================================= */

@media (min-width: 1025px) {

    body.sm-bilingual-ar
    .elementor-location-header
    .elementor-widget-button:not(.sm-header-actions)
    > .elementor-button {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;

        min-height: 42px !important;

        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 18px !important;
        padding-left: 18px !important;

        white-space: nowrap !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.sm-bilingual-ar
    .elementor-location-header
    .elementor-widget-button:not(.sm-header-actions)
    > .elementor-button
    .elementor-button-text {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
    }

    body.sm-bilingual-ar
    .elementor-location-header
    .elementor-widget-button:not(.sm-header-actions) {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
}


/* =========================================================
   LANGUAGE SWITCHER
   ========================================================= */

.sm-lang-switch {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 48px;
    height: 36px;

    padding: 0 15px;

    border: 1px solid rgba(8, 127, 195, 0.22);
    border-radius: 999px;

    background: #087FC3;

    color: #ffffff !important;

    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;

    line-height: 1;

    text-decoration: none !important;

    box-shadow:
        0 3px 10px rgba(8, 127, 195, 0.18),
        0 1px 2px rgba(0, 0, 0, 0.04);

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.sm-lang-switch:hover,
.sm-lang-switch:focus {
    background: #066AA4;
    border-color: #066AA4;

    color: #ffffff !important;

    box-shadow:
        0 5px 15px rgba(8, 127, 195, 0.25),
        0 2px 4px rgba(0, 0, 0, 0.05);

    transform: translateY(-1px);

    outline: none;
}

.sm-lang-switch:active {
    transform: translateY(0);

    box-shadow:
        0 2px 6px rgba(8, 127, 195, 0.18);
}

.sm-lang-switch-desktop {
    flex: 0 0 auto;

    margin-right: 8px;
    margin-left: 8px;
}

.sm-lang-switch-mobile {
    flex: 0 0 auto;

    min-width: 44px;
    height: 34px;

    padding: 0 12px;

    margin-inline-end: 10px;
}


/* =========================================================
   FOOTER
   ========================================================= */

body.sm-bilingual-ar .elementor-location-footer {
    direction: rtl;
}


/* Footer text */

body.sm-bilingual-ar .elementor-location-footer .elementor-heading-title,
body.sm-bilingual-ar .elementor-location-footer .elementor-widget-text-editor,
body.sm-bilingual-ar .elementor-location-footer .elementor-widget-text-editor p {
    direction: rtl !important;
    text-align: right !important;
}


/* Footer lists */

body.sm-bilingual-ar .elementor-location-footer ul {
    direction: rtl !important;
    text-align: right !important;
    padding-right: 18px;
    padding-left: 0;
}

body.sm-bilingual-ar .elementor-location-footer li {
    direction: rtl !important;
    text-align: right !important;
}


/* =========================================================
   ACTUAL FOOTER BRAND COLUMN
   ========================================================= */

body.sm-bilingual-ar
.elementor-location-footer
[data-id="23dab7a8"] {
    direction: rtl !important;
    text-align: right !important;
}


/* Start */

body.sm-bilingual-ar
.elementor-location-footer
[data-id="a7313fc4"],
body.sm-bilingual-ar
.elementor-location-footer
[data-id="a7313fc4"] .elementor-widget-container,
body.sm-bilingual-ar
.elementor-location-footer
[data-id="a7313fc4"] .elementor-heading-title {
    direction: rtl !important;
    text-align: right !important;
}


/* Consultation button */

body.sm-bilingual-ar
.elementor-location-footer
[data-id="a9471a5a"] {
    direction: rtl !important;
    text-align: right !important;
}

body.sm-bilingual-ar
.elementor-location-footer
[data-id="a9471a5a"] .elementor-button-wrapper {
    direction: rtl !important;
    text-align: right !important;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

body.sm-bilingual-ar
.elementor-location-footer
.elementor-widget-text-editor:last-child {
    direction: rtl;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    .sm-lang-switch-desktop {
        display: none !important;
    }

    body.sm-bilingual-ar .elementor-widget-text-editor ul,
    body.sm-bilingual-ar .elementor-widget-text-editor ol {
        padding-right: 20px;
        padding-left: 0;
    }
}


@media (min-width: 1025px) {

    .sm-lang-switch-mobile {
        display: none !important;
    }
}