/* ── Almasabih RTL — loads only when ?lang=ar or ?lang=ku ─────────────────── */

/* ── Base font and direction ──────────────────────────────────────────────── */

body,
h1, h2, h3, h4, h5, h6,
p, a, button, input, select, textarea {
    font-family: 'Cairo', 'Noto Kufi Arabic', sans-serif;
}

body {
    text-align: right;
}

/* ── Bootstrap grid RTL ───────────────────────────────────────────────────── */

.site-rtl .col,
.site-rtl [class*="col-"] {
    float: right;
}

.site-rtl .row {
    direction: rtl;
}

.site-rtl .ml-auto { margin-right: auto !important; margin-left: 0 !important; }
.site-rtl .mr-auto { margin-left: auto !important; margin-right: 0 !important; }
.site-rtl .pl-0 { padding-right: 0 !important; padding-left: inherit !important; }
.site-rtl .pr-0 { padding-left: 0 !important; padding-right: inherit !important; }
.site-rtl .text-left { text-align: right !important; }
.site-rtl .text-right { text-align: left !important; }
.site-rtl .float-left { float: right !important; }
.site-rtl .float-right { float: left !important; }

/* ── Navigation ───────────────────────────────────────────────────────────── */

.site-rtl .navbar-nav {
    padding-right: 0;
    padding-left: inherit;
}

.site-rtl .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

/* ── Forms ────────────────────────────────────────────────────────────────── */

.site-rtl input,
.site-rtl textarea,
.site-rtl select {
    text-align: right;
    direction: rtl;
}

/* ── Widgets ──────────────────────────────────────────────────────────────── */

.site-rtl .widget {
    text-align: right;
}

.site-rtl ul.menu,
.site-rtl ul.sub-menu {
    padding-right: 0;
}

/* ── WooCommerce shop layout ──────────────────────────────────────────────── */

.site-rtl .woocommerce .products .product {
    float: right;
}

.site-rtl .woocommerce-breadcrumb {
    text-align: right;
}

.site-rtl .woocommerce .quantity input {
    text-align: right;
}

.site-rtl .woocommerce-cart-form {
    direction: rtl;
}

.site-rtl .woocommerce .cart-collaterals {
    float: right;
}

/* ── Product page ─────────────────────────────────────────────────────────── */

.site-rtl .woocommerce div.product div.images {
    float: right;
}

.site-rtl .woocommerce div.product div.summary {
    float: left;
}

/* ── Sidebar ──────────────────────────────────────────────────────────────── */

.site-rtl .sidebar {
    float: left;
}

.site-rtl .content-area {
    float: right;
}

/* ── FontAwesome icon flip ────────────────────────────────────────────────── */

.site-rtl .fa-arrow-right:before { content: "\f060"; }
.site-rtl .fa-arrow-left:before  { content: "\f061"; }
.site-rtl .fa-chevron-right:before { content: "\f053"; }
.site-rtl .fa-chevron-left:before  { content: "\f054"; }

/* ── Filter popup RTL ─────────────────────────────────────────────────────── */

.site-rtl #almasabih-filter-popup {
    direction: rtl;
    text-align: right;
}

/* Close button stays in top-left corner (correct RTL position) */
.site-rtl .almasabih-fp-header {
    direction: rtl;
}

/* Rating count: flip margin-left:auto → margin-right:auto */
.site-rtl .almasabih-rating-count {
    margin-left: 0;
    margin-right: auto;
}

/* Price row: ensure inputs and labels flow right-to-left */
.site-rtl .almasabih-price-row {
    direction: rtl;
}

/* Rating rows flip naturally with direction:rtl on parent */
.site-rtl .almasabih-rating-row {
    direction: rtl;
}

/* Brand grid: right-to-left fill */
.site-rtl .almasabih-brand-grid {
    direction: rtl;
}

/* Category selects */
.site-rtl .almasabih-cat-select {
    text-align: right;
    direction: rtl;
}

/* Apply / Reset footer */
.site-rtl .almasabih-fp-footer {
    direction: rtl;
}

/* Section titles */
.site-rtl .almasabih-fp-section-title {
    text-align: right;
}

/* Filter button label */
.site-rtl #almasabih-filter-btn {
    direction: rtl;
}

/* ── FIX 1: Phone number — always LTR digits regardless of page direction ── */

/* The number sits in <li class="phone"><span>…</span></li>
   inside <ul class="flat-information">. Force digits LTR so they don't flip. */
.site-rtl .flat-information .phone span,
.site-rtl .flat-information .phone a,
.site-rtl .header-phone-number,
.site-rtl a[href^="tel"] {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

/* Catch any other phone-class containers */
.site-rtl [class*="phone"] span,
.site-rtl [class*="phone"] a[href^="tel"] {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

/* ── FIX 3: Language switcher — fix arrow overlap and span margin ─────────── */

/* .tf-language uses display:flex. Reverse item order for RTL. */
.site-rtl .tf-language {
    flex-direction: row-reverse;
}

/* Parent CSS has margin-right:5px on .tf-language span — flip it for RTL */
.site-rtl .tf-language span {
    margin-right: 0;
    margin-left: 5px;
}

/* direction:rtl is already applied by the general .site-rtl select rule.
   text-align-last forces the visible selected-option text to the right. */
.site-rtl .tf-language select[name="lang"] {
    text-align: right;
    text-align-last: right;
}

/* ── FiboSearch RTL ───────────────────────────────────────────────────────────
   The plugin adds .rtl class via JS only when is_rtl() is true (WP locale).
   Since our locale stays English, is_rtl() is always false → plugin never adds
   .rtl. We replicate all .rtl rules here under .site-rtl instead.           */

/* Search wrapper direction */
.site-rtl .dgwt-wcas-search-wrapp {
    direction: rtl;
}

/* Search form inner wrapper */
.site-rtl .dgwt-wcas-sf-wrapp {
    direction: rtl;
}

/* Input: RTL text alignment */
.site-rtl input[type="search"].dgwt-wcas-search-input {
    direction: rtl;
    text-align: right;
}

/* No-submit layout: icon moves to the right side */
.site-rtl .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    right: 12px;
    left: auto;
}

/* No-submit layout: flip input padding to leave room on right for icon */
.site-rtl .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    padding: 10px 40px 10px 15px;
}

/* Submit button: flip to left side */
.site-rtl .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    left: 0;
    right: auto;
}

/* Submit button separator line: flip side */
.site-rtl .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
    left: auto;
    right: 0;
}

/* Preloader spinner: flip from right to left */
.site-rtl .dgwt-wcas-preloader {
    right: auto;
    left: 5px;
}

.site-rtl .dgwt-wcas-voice-search-supported .dgwt-wcas-preloader {
    right: auto;
    left: 45px;
}

/* Voice search button: flip from right to left */
.site-rtl .dgwt-wcas-voice-search {
    right: auto;
    left: 5px;
}

/* Results dropdown */
.site-rtl .dgwt-wcas-suggestions-wrapp,
.site-rtl .dgwt-wcas-datalist-wrapp {
    direction: rtl;
    text-align: right;
}

/* Each suggestion row: reverse image + text order */
.site-rtl .dgwt-wcas-suggestion {
    text-align: right;
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 15px;
}

/* Inner content wrapper: flip left padding to right */
.site-rtl .dgwt-wcas-content-wrapp {
    padding-left: 0;
    padding-right: 10px;
}

/* Breadcrumbs below product name */
.site-rtl .dgwt-wcas-st-breadcrumbs {
    text-align: right;
    padding-right: 0;
    padding-left: 10px;
}

/* Details panel: flip border side */
.site-rtl .dgwt-wcas-details-wrapp {
    border-left: 1px solid #ddd;
    border-right: none;
}

/* Details panel inner content */
.site-rtl .dgwt-wcas-details-inner {
    direction: rtl;
    text-align: right;
}

.site-rtl .dgwt-wcas-details-space {
    text-align: right;
    padding-right: 12px;
    padding-left: 0;
}

/* Product title in details panel */
.site-rtl a.dgwt-wcas-details-product-title {
    direction: rtl;
}

/* Product description in details panel */
.site-rtl .dgwt-wcas-details-desc {
    direction: rtl;
    text-align: right;
}

/* Price */
.site-rtl .dgwt-wcas-pd-price {
    direction: rtl;
    text-align: right;
}

/* "Show all results" button row */
.site-rtl .dgwt-wcas-sug-section-btn-wrapp {
    text-align: right;
}

/* Taxonomy details panel image: flip margin */
.site-rtl .dgwt-wcas-tpd-image {
    margin-right: 0;
    margin-left: 10px;
}

/* Mobile search popup */
.site-rtl #fibosearch_popup .modal-dialog {
    direction: rtl;
}

.site-rtl #fibosearch_popup .close {
    left: 15px;
    right: auto;
}

/* RTL — flip filter and sort alignment */
.site-rtl .meta-wrap.clearfix .row {
    flex-direction: row-reverse !important;
}

.site-rtl .meta-wrap.clearfix .center-top-shop-loop {
    justify-content: flex-start !important;
    flex-direction: row-reverse !important;
}

/* Sort by dropdown RTL fix — move arrow to left side */
.site-rtl select.orderby {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 8px center;
    padding-left: 24px;
    padding-right: 8px;
    direction: rtl;
    text-align: right;
    text-align-last: right;
}