/*
 * Theme Name: Massar Istanbul Theme
 * Template:
 * Text Domain: massaristanbul-theme
 */

/* RTL Overrides */
body {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
}

/* Logical properties are used in style.css but these are specific overrides */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="password"],
textarea {
    text-align: right;
}

/* Nav Arrow Flip */
.nav__arrow {
    margin-right: 5px;
    margin-left: 0;
}

/* Alignments */
.alignleft {
    float: right;
    margin-left: 1.5rem;
    margin-right: 0;
}

.alignright {
    float: left;
    margin-right: 1.5rem;
    margin-left: 0;
}

/* About Page RTL */
.rtl .about-intro__badge {
    right: auto;
    left: 30px;
}

.rtl .about-hero__title {
    letter-spacing: 0;
}

.rtl .breadcrumb {
    letter-spacing: 0;
}

/* Force LTR direction on all phone numbers */
.phone-number,
a[href^="tel:"] {
    direction: ltr !important;
    unicode-bidi: embed !important;
    display: inline-block !important;
}

/* Hero Section RTL Layout Adjustments */
.hero__content {
    max-width: 750px; /* Give the text more width so it fits in 2 lines */
}

.hero__title {
    line-height: 1.4 !important; /* Increase line height for Arabic readability */
}

/* RTL WhatsApp Float Button */
body.rtl .c-whatsapp-float {
    right: auto;
    left: 30px;
}

body.rtl .c-whatsapp-float__badge-close {
    right: auto;
    left: 10px;
}

@media (max-width: 767px) {
    body.rtl .c-whatsapp-float {
        right: auto;
        left: 20px;
    }
}

/* RTL Dropdown Selects (Currency & Language) */
body.rtl .currency-switcher select,
body.rtl .lang-switcher select,
body.rtl .mobile-menu__lang .currency-switcher select,
body.rtl .mobile-menu__lang .lang-switcher select {
    background-position: left 10px center !important;
    padding: 0 12px 0 32px !important;
    text-align: right;
}