@charset "utf-8";

/* =================================================================
   Direction Fixes for Arabic/English Bilingual Support
   Syrian Host Template - Direction Override System
================================================================= */

/* ===== ARABIC (RTL) LANGUAGE FIXES ===== */
html[dir="rtl"] {
    direction: rtl;
    
}

html[dir="rtl"] body {
    direction: rtl;
    
}

html[dir="rtl"] .container,
html[dir="rtl"] .row {
    direction: rtl;
    text-align: center;
}

html[dir="rtl"] [class*="col-"] {
    direction: rtl;
    text-align: right;
    /* float: right; */
}

/* Navigation RTL Fixes */
html[dir="rtl"] .sf-menu {
    float: right;
    direction: rtl;
}

html[dir="rtl"] .sf-menu > li {
    float: right;
}

html[dir="rtl"] .sf-menu li {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .tabs_varius li {
    float: right;
}

/* Form Elements RTL */
html[dir="rtl"] .form_domain {
    direction: rtl;
}

html[dir="rtl"] .form_domain span {
    float: right;
    margin-right: 10px;
    margin-left: 0;
}

/* Footer RTL */
html[dir="rtl"] ul.social_footer,
html[dir="rtl"] ul.contact_footer {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] ul.social_footer li,
html[dir="rtl"] ul.contact_footer li {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] ul.social_footer li i,
html[dir="rtl"] ul.contact_footer li i {
    direction: ltr;
    padding-left: 10px;
    padding-right: 0;
    float: right;
}

/* ===== ENGLISH (LTR) LANGUAGE FIXES ===== */
html[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .container,
html[dir="ltr"] .row {
    direction: ltr;
    text-align: right;

}

html[dir="ltr"] [class*="col-"] {
    direction: ltr;
    text-align: left;
    float: left !important;
}

/* Navigation LTR Fixes */
html[dir="ltr"] .sf-menu {
    float: left;
    direction: ltr;
}

html[dir="ltr"] .sf-menu > li {
    float: left;
}

html[dir="ltr"] .sf-menu li {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] .tabs_varius li {
    float: left;
}

/* Form Elements LTR */
html[dir="ltr"] .form_domain {
    direction: ltr;
}

html[dir="ltr"] .form_domain span {
    float: left;
    margin-left: 10px;
    margin-right: 0;
    padding: 3px 0 0 0;
}

html[dir="ltr"] .form_domain input,
html[dir="ltr"] .form_domain select,
html[dir="ltr"] .form_domain .button {
    direction: ltr;
    text-align: left;
    vertical-align: middle;
}

/* Footer LTR */
html[dir="ltr"] ul.social_footer,
html[dir="ltr"] ul.contact_footer {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] ul.social_footer li,
html[dir="ltr"] ul.contact_footer li {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] ul.social_footer li i,
html[dir="ltr"] ul.contact_footer li i {
    direction: ltr;
    padding-right: 10px;
    padding-left: 0;
    float: left;
}

/* ===== SPECIFIC LAYOUT FIXES ===== */

/* Domain Search Arrow Fix */
html[dir="ltr"] .arrow_domain:before {
    right: -15px;
    left: auto;
}

html[dir="rtl"] .arrow_domain:before {
    left: -15px;
    right: auto;
}

/* Sticky Navigation Fix */
html[dir="ltr"] .is-sticky {
    left: 0;
    right: auto;
}

html[dir="rtl"] .is-sticky {
    right: 0;
    left: auto;
}

/* Support Bar Fixes */
html[dir="ltr"] .jBar .contact_info,
html[dir="ltr"] .jBar ul li {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .jBar .contact_info,
html[dir="rtl"] .jBar ul li {
    direction: rtl;
    text-align: right;
}

/* Info Head Direction */
html[dir="ltr"] .info_head {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .info_head {
    direction: rtl;
    text-align: right;
}

/* Carousel Direction Fix */
html[dir="rtl"] #carousel-works {
    direction: ltr; /* Keep carousel items in proper order */
}

html[dir="rtl"] .item_facilities {
    direction: rtl; /* But keep text RTL */
    text-align: right;
}

html[dir="ltr"] #carousel-works {
    direction: ltr;
}

html[dir="ltr"] .item_facilities {
    direction: ltr;
    text-align: left;
}

/* ===== RESPONSIVE DIRECTION FIXES ===== */

/* Mobile Navigation */
@media (max-width: 990px) {
    html[dir="rtl"] .tinynav {
        direction: rtl;
        float: right;
    }
    
    html[dir="ltr"] .tinynav {
        direction: ltr;
        float: left;
    }
}

/* Tablet & Mobile Text Alignment */
@media (max-width: 768px) {
    html[dir="rtl"] .col-xs-1, html[dir="rtl"] .col-xs-2, 
    html[dir="rtl"] .col-xs-3, html[dir="rtl"] .col-xs-4,
    html[dir="rtl"] .col-xs-5, html[dir="rtl"] .col-xs-6,
    html[dir="rtl"] .col-xs-7, html[dir="rtl"] .col-xs-8,
    html[dir="rtl"] .col-xs-9, html[dir="rtl"] .col-xs-10,
    html[dir="rtl"] .col-xs-11, html[dir="rtl"] .col-xs-12 {
        float: right;
        text-align: right;
        direction: rtl;
    }
    
    html[dir="ltr"] .col-xs-1, html[dir="ltr"] .col-xs-2, 
    html[dir="ltr"] .col-xs-3, html[dir="ltr"] .col-xs-4,
    html[dir="ltr"] .col-xs-5, html[dir="ltr"] .col-xs-6,
    html[dir="ltr"] .col-xs-7, html[dir="ltr"] .col-xs-8,
    html[dir="ltr"] .col-xs-9, html[dir="ltr"] .col-xs-10,
    html[dir="ltr"] .col-xs-11, html[dir="ltr"] .col-xs-12 {
        float: left;
        text-align: left;
        direction: ltr;
    }
}

/* ===== LANGUAGE DROPDOWN FIXES ===== */

/* Language dropdown direction and spacing fixes */
/* .dropdown .lang-text {
    display: inline-block;
    margin: 0;
    padding: 0;
} */

/* .dropdown .lang-caret {
    display: inline-block;
    transition: transform 0.2s ease;
    font-size: 12px;
} */

/* RTL (Arabic) Language Dropdown */
html[dir="rtl"] .dropdown .lang-text {
    margin-left: 0;
    margin-right: 0;
}

/* html[dir="rtl"] .dropdown .lang-caret {
    margin-left: 0;
    margin-right: 2px;
} */

/* LTR (English) Language Dropdown */
html[dir="ltr"] .dropdown .lang-text {
    margin-right: 0;
    margin-left: 0;
}

html[dir="ltr"] .dropdown .lang-caret {
    margin-right: 0;
    margin-left: 2px;
}

/* Language flag spacing in dropdown items */
html[dir="rtl"] .dropdown-item img {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

html[dir="ltr"] .dropdown-item img {
    margin-right: 8px !important;
    margin-left: 0 !important;
}

/* Dropdown menu positioning */
html[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
}

html[dir="ltr"] .dropdown-menu {
    left: 0;
    right: auto;
}

/* Hover effect for lang caret */
/* .dropdown:hover .lang-caret,
.dropdown.show .lang-caret {
    transform: rotate(180deg);
} */

/* ===== HEADER STYLING FIXES ===== */

/* Reduce header padding for tighter spacing */
.info_head {
    padding: 10px !important; /* Reduce from default 15px to 10px */
}

/* Info Head Icons and Text Alignment Fixes */
.info_head ul li {
    vertical-align: middle;
    line-height: 20px; /* Reduce line height for tighter spacing */
}

.info_head ul li i {
    font-size: 16px !important; /* Reduce icon size to match text better */
    padding: 0 6px 0 0 !important; /* Better padding for alignment */
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    width: auto;
    text-align: center;
}

.info_head ul li a {
    vertical-align: middle;
    line-height: 20px; /* Match reduced line height */
    display: inline-flex;
    align-items: center;
    font-weight: 500; /* Slightly bolder text */
}

/* Phone Number Direction Fix */
.info_head ul li a[href*="tel"],
.info_head ul li a[href^="tel:"],
.info_head ul li:first-child a,
.info_head ul li a:contains("966"),
.info_head ul li a:contains("+966") {
    direction: ltr !important;
    unicode-bidi: embed;
    text-align: left;
}

/* General phone number detection and fixing */
.info_head ul li:first-child,
.info_head ul li:contains("966") {
    direction: ltr !important;
}

.info_head ul li:first-child * {
    direction: ltr !important;
    unicode-bidi: embed;
}

/* RTL specific adjustments */
html[dir="rtl"] .info_head ul li i {
    padding: 0 0 0 6px !important; /* RTL padding */
}

html[dir="rtl"] .info_head ul li a[href*="tel"],
html[dir="rtl"] .info_head ul li a[href^="tel:"],
html[dir="rtl"] .info_head ul li:first-child a {
    direction: ltr !important;
    display: inline-flex;
    align-items: center;
}

/* Language dropdown icon improvements */
.info_head .dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 500;
}

/* RTL (Arabic): Caret should be on the RIGHT side of text */
html[dir="rtl"] .info_head .dropdown-toggle i.lang-caret {
    margin-left: 5px !important;
    margin-right: 0 !important;
    font-size: 12px !important;
    order: 2; /* Put caret after text */
}

html[dir="rtl"] .info_head .dropdown-toggle .lang-text {
    order: 1; /* Put text before caret */
}

/* LTR (English): Caret should be on the LEFT side of text */
html[dir="ltr"] .info_head .dropdown-toggle i.lang-caret {
    margin-right: 5px !important;
    margin-left: 0 !important;
    font-size: 12px !important;
    order: 1; /* Put caret before text */
}

html[dir="ltr"] .info_head .dropdown-toggle .lang-text {
    order: 2; /* Put text after caret */
}

/* ===== FONT WEIGHT IMPROVEMENTS ===== */

/* Headers and Titles Bold Enhancement */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important; /* Stronger weight for headers */
}

.info_head {
    font-weight: 500; /* Medium weight for header info */
}

/* Navigation font weight for both languages */
.sf-menu > li > a {
    font-weight: bold !important; /* Strong navigation for both languages */
}

/* Submenu (Level 2) font weight */
.sf-menu li li a {
    font-weight: bold !important; /* Strong submenu items */
    font-size: 14px !important; /* Consistent font size */
}

/* Sub-submenu (Level 3) font weight */
.sf-menu li li li a {
    font-weight: bold !important; /* Strong sub-submenu items */
    font-size: 13px !important; /* Slightly smaller for level 3 */
}

/* Title and important text improvements */
.slider_title,
.title_form,
.title_section,
.form_domain h2,
.slider h1,
.slider h2,
.camera_caption h1,
.camera_caption h2,
.search_domain h1,
.search_domain h2 {
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1); /* Subtle text shadow for better readability */
}

/* Button text improvements */
.button,
.btn,
input[type="submit"],
input[type="button"] {
    font-weight: 500 !important;
}

/* Arabic font weight improvements */
html[lang="ar"] body,
html[dir="rtl"] body {
    font-weight: 400 !important; /* Slightly bolder for Arabic */
}

html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 {
    font-weight: 700 !important; /* Stronger Arabic headers */
}

/* ===== OVERRIDE CONFLICTS ===== */

/* Ensure direction overrides work */
/* html[dir="ltr"] * {
    text-align: inherit;
} */

/* html[dir="rtl"] * {
    text-align: inherit;
} */

/* ===== MOBILE RESPONSIVE IMPROVEMENTS FOR DOMAIN SEARCH ===== */

/* Mobile improvements for search domain section - Compact Version */
@media handheld, only screen and (max-width: 990px) {
    
    /* Hide title, www, and arrow on mobile */
    .search_domain h1,
    .search_domain .arrow_domain,
    .search_domain .col-md-3 {
        display: none !important;
    }
    
    /* Search Domain Mobile Layout - Compact */
    .search_domain .col-md-9 {
        text-align: center;
        margin-bottom: 5px;
        width: 100% !important;
    }
    
    .form_domain {
        padding: 5px 10px !important;
        text-align: center;
    }
    
    .form_domain span {
        display: none !important; /* Hide www. on mobile */
    }
    
    .form_domain form {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 3px;
    }
    
    .form_domain input[type="text"] {
        width: 50% !important;
        min-width: 100px;
        height: 32px !important;
        font-size: 13px;
        margin: 0;
        flex: 1 1 auto;
        padding: 4px 6px;
    }
    
    .form_domain select {
        width: 25% !important;
        min-width: 60px;
        height: 32px !important;
        margin: 0;
        font-size: 12px;
        flex: 0 1 auto;
        padding: 4px 2px;
    }
    
    .form_domain .button {
        width: 25% !important;
        min-width: 60px;
        height: 32px !important;
        padding: 4px 6px !important;
        font-size: 12px;
        margin: 0;
        flex: 0 1 auto;
    }
}

/* Extra small mobile devices - Compact Single Line */
@media handheld, only screen and (max-width: 480px) {
    
    .search_domain h1 {
        font-size: 14px !important;
        padding: 3px 0;
        margin-bottom: 3px;
    }
    
    .form_domain {
        padding: 3px 5px !important;
    }
    
    .form_domain span {
        display: none !important; /* Hide www. on mobile */
    }
    
    .form_domain form {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 2px;
        width: 100%;
    }
    
    .form_domain input[type="text"] {
        width: 50% !important;
        min-width: 80px;
        height: 28px !important;
        margin: 0;
        font-size: 12px;
        padding: 2px 4px;
        flex: 1 1 auto;
    }
    
    .form_domain select {
        width: 25% !important;
        min-width: 50px;
        height: 28px !important;
        margin: 0;
        font-size: 11px;
        padding: 2px 1px;
        flex: 0 1 auto;
    }
    
    .form_domain .button {
        width: 25% !important;
        min-width: 50px;
        height: 28px !important;
        padding: 2px 4px !important;
        font-size: 11px;
        margin: 0;
        flex: 0 1 auto;
        font-weight: bold;
    }
}

/* RTL specific mobile adjustments */
@media handheld, only screen and (max-width: 990px) {
    html[dir="rtl"] .form_domain span {
        margin: 0 0 0 5px;
    }
}

@media handheld, only screen and (max-width: 480px) {
    html[dir="rtl"] .form_domain span,
    html[dir="ltr"] .form_domain span {
        margin: 0;
        text-align: center;
    }
}