/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Click Web Arabic and RTL refinements */
html[dir="rtl"] .menu-wrap .logo-menu {
    width: auto !important;
    height: auto !important;
    max-width: 180px !important;
    max-height: none !important;
    object-fit: contain;
    flex: 0 0 auto;
}
html[dir="rtl"] .menu-wrap.fixed .logo-menu {
    width: auto !important;
    height: auto !important;
    max-width: 165px !important;
    max-height: none !important;
}
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .cw-language-control {
    display: inline-block;
    vertical-align: middle;
}
html[dir="rtl"] .cw-language-switch {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 18px;
    color: inherit;
    font-weight: 700;
    white-space: nowrap;
}
html[dir="rtl"] .cw-language-switch:hover,
html[dir="rtl"] .cw-language-switch:focus {
    border-color: #fdd700;
    color: #fdd700;
}
html[dir="rtl"] .cw-auth-language {
    position: absolute;
    top: 20px;
    left: 24px;
    right: auto;
    z-index: 1100;
}
html[dir="rtl"] .main-menu,
html[dir="rtl"] .navbar-nav,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .pagination {
    direction: rtl;
}
html[dir="rtl"] table,
html[dir="rtl"] .table,
html[dir="rtl"] .dataTables_wrapper {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] .domain,
html[dir="rtl"] .text-domain,
html[dir="rtl"] .technical-ltr,
html[dir="rtl"] code {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}
html[dir="rtl"] .price,
html[dir="rtl"] .product-pricing,
html[dir="rtl"] .amount,
html[dir="rtl"] .invoice-total {
    direction: ltr;
    unicode-bidi: isolate;
}
@media (max-width: 767px) {
    html[dir="rtl"] .menu-wrap.mobile .logo-menu { max-width: 140px !important; }
    html[dir="rtl"] .cw-language-switch { min-height: 40px; }
    html[dir="rtl"] .cw-auth-language { top: 12px; left: 12px; }
}