﻿@font-face {
    font-family: 'Adobe Arabic';
    src: url('/fonts/adobe-arabic/alfont_com_AdobeArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Adobe Arabic';
    src: url('/fonts/adobe-arabic/Adobe_Arabic_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* Vazirmatn (Persian/Dari/Pashto). Single variable file covers weights 100-900;
   variable TTF kept as fallback src for the ~1% without variable-woff2 support. */
@font-face {
    font-family: 'Vazirmatn';
    src: url('/fonts/Vazirmatn/Vazirmatn-VariableFont_wght.woff2') format('woff2'),
         url('/fonts/Vazirmatn/Vazirmatn-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.WebAppOperator-04 #webApp-body {
    font-family: 'Adobe Arabic', serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}

 #webApp-body {
    font-family: "Noto Sans Arabic", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}

/* FA (Dari) & PS (Pashto): enlarge text site-wide.
   Root bump scales every rem-based size — works even inside the position:fixed
   footer (rem is relative to the root, not the element's position). */
html.lang-fa,
html.lang-ps {
    font-size: 18px; /* root 16px + 2px */
}

/* FA (Dari/Persian) & PS (Pashto): use Vazirmatn. Selector specificity (1,1,1)
   out-specifies the !important body rules above (Adobe Arabic (1,1,0),
   Noto Sans Arabic (1,0,0)) on every operator. Noto/Adobe kept as script fallback. */
html.lang-fa #webApp-body,
html.lang-ps #webApp-body {
    font-family: 'Vazirmatn', 'Noto Sans Arabic', 'Adobe Arabic', sans-serif !important;
}

/* FA (Dari) & PS (Pashto) ONLY: footer menu labels 40% bigger in the Etisalat
   light theme. lang-fa/lang-ps + etisalat-light (all on <html>) out-specifies the
   theme's `.WebAppOperator-04.etisalat-light … { font-size: 0.72rem !important }`. */
html.lang-fa.etisalat-light .landing-footer .lfm-item a p,
html.lang-ps.etisalat-light .landing-footer .lfm-item a p,
html.lang-fa.etisalat-light .landing-footer .lfm-item h6,
html.lang-ps.etisalat-light .landing-footer .lfm-item h6 {
    font-size: 1.008rem !important; /* 0.72rem + 40% */
}





html[dir="rtl"] i {
    -webkit-filter: none;
    filter: none;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

html[dir="rtl"] .user-prfImg-top {
    margin-left: unset !important;
    margin-right: auto !important;
}

html[dir="rtl"] #navbar-aside-desc .nav-item:nth-child(1) .nav-link {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}

html[dir="rtl"] #header-bottom .nav {
    padding: 0 !important;
}

html[dir="rtl"] .form-select {
    padding: 0.375rem 0.75rem 0.375rem 2.25rem !important;
}

html[dir="rtl"] .landing-tournaments-select i {
    right: unset !important;
    left: 15px !important;
}

html[dir="rtl"] .olt-next {
    right: unset !important;
    left: 0;
}

html[dir="rtl"] .olt-prev {
    left: unset !important;
    right: 0;
}

html[dir="rtl"] .tournaments-item-label {
    left: unset !important;
    right: 10px !important;
}

html[dir="rtl"] .tid-date .tid-date-start:after {
    content: "،";
}

html[dir="rtl"] .tid-date .tid-date-end {
    margin-left: unset !important;
    margin-right: .25rem !important;
}

html[dir="rtl"] .tournaments-item-pool-prize .tip-icon {
    margin-right: unset !important;
    margin-left: 1rem !important;
}

html[dir="rtl"] .tournaments-item-btn {
    left: 0 !important;
    right: 50% !important;
    -ms-transform: translate(50%, 0) !important;
    transform: translate(50%, 0) !important;
}


.topHeader-user-login,
.topHeader-user-profile {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.search-box input {
    border-left: none !important;
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
    border-right: 1px solid #dd19ba !important;
    text-align: left !important;
}


.search-tournaments-select i {
    left: 15px !important;
    right: auto !important;
}

.search-box {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

    .search-box button {
        display: none;
    }

.results-box ul li a {
    flex-direction: row-reverse !important;
}

.results-box ul li .search-right {
    text-align: left !important;
}

.searchSelect {
    text-align: left !important;
}

.FooterListContainer .Footer-links-list li:last-child::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: black;
}

.FooterListContainer .Footer-links-list li:first-child::after {
    content: none;
}


.btn-whatsapp {
    right: auto !important;
    left: 10px !important;
}


.tip-PrizeAmount-price {
    max-width: 275px;
}

.landing-tournaments-select i, .landing-games-select i {
    left: 15px;
    right: auto;
}

.pull-left {
    display: flex !important;
}

.topHeader-user-profile {
    margin-left: 0 !important;
}

.tournament-details-header .left {
    padding-right: 0 !important;
    padding-left: 20px !important;
}

.RevertRow {
    display: flex;
    flex-direction: row-reverse;
}

.game-container {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

.title-bar {
    margin-left: 15px !important;
    margin-right: 0 !important;
}

.past-games {
    border-left: 1px solid #2b1b73;
    border-right: 0px solid #2b1b73;
}

.past-tournaments .title-bar {
    margin-right: 15px !important;
}

.games-listing {
    margin: 10px 0px 10px 5px;
}

.fixRTL {
    margin-left: 0;
    margin-right: 15px;
}

.det-left {
    margin-left: 10px;
    margin-right: 0;
}

.pro-img2 {
    right: -20px !important;
}

.imgcontainer {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

.dropupSubscriptionPackages {
    border-right: 1px solid #FFFFFF;
    border-left: 0px solid #FFFFFF;
}

.popup-header .close {
    right: 95% !important;
}

.lfm-item-Subscription {
    width: 80% !important;
}

.WebAppOperator-04 .bottom .middle li {
    border-right: 1px solid #BED501 !important;
    cursor: pointer !important;
}

    .WebAppOperator-04 .bottom .middle li:last-child {
        border-right: 1px solid #BED501 !important;
    }

    .WebAppOperator-04 .bottom .middle li:first-child {
        border-right: 0px solid #fff !important;
    }

.WebAppOperator-07 .Footer-links-list li a {
    padding-right: 0px;
    padding-left: 15px;
    border-left: solid 1px #FE226C;
    border-right: solid 0px #FE226C;
}

.Footer-links-list li:last-child a {
    border-left: 0px solid #fff !important;
}

.WebAppOperator-07 .searchSelect {
    text-align: right !important;
}

#countdown {
    direction: ltr !important;
}

#phone_number {
    text-align: right !important;
}

.tournament-page-content .tour-details-box .right2 {
    padding-right: 160px !important;
    padding-left: 0px !important;
}

.WebAppOperator-04 .header-logo img {
    border-right: solid #FFF 0px;
    border-left: solid #FFF 2px;
}

    .WebAppOperator-04 .header-logo img:last-child {
        border-right: 0 !important;
        border-left: 0 !important;
    }

.subMenuRespon {
    width: 60% !important;
}

.confirmPopupBtn .btn-confirm {
    margin-left: 40px;
    margin-right: 0 !important;
}

.WebAppOperator-04 .accordion .card .card-header button[aria-expanded] {
    text-align: right;
}

.tip-PrizeAmount-price {
    direction: ltr;
}

.tour-details-box p {
    text-align: right !important;
}


.WebAppOperator-04 .WebApp3Logo1 {
    padding-right: 0px;
    padding-left: 15px;
}

.WebAppOperator-04 .search-box {
    position: absolute;
    z-index: 506 !important;
    top: 5.1%;
    right: 67%;
}

.past-tournaments-item-details {
    padding-right: 15px;
    padding-left: 0px;
}

.past-tournaments-content img {
    margin-right: 0px;
    margin-left: 10px;
}

.past-tournaments-btn {
    float: left !important;
}

.x-header {
    text-align: left;
}

.right-body .friends-list li .left .pro-img {
    left: 138px;
}

.right-body .friends-list {
    padding-right: 0 !important;
}

    .right-body .friends-list li .left .content {
        margin-right: 20px;
    }

.btnAddFriends {
    margin-right: 30px !important;
    margin-left: 0px !important;
}

.popup-html-content .text-right {
    float: left !important;
}

@media (max-width: 480px) {
    .pro-img2 {
        right: 51px !important;
    }
  
    .tip-PrizeAmount-price {
        max-width: 275px;
    }

    .popup-html-content {
        text-align: right !important;
    }

    .fixRTL {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .PashtoHeaderFix {
        position: relative !important;
        right: -70px !important;
    }

    .topHeader-user-login {
        margin-right: 0 !important;
    }

    .topHeader-user-login {
        width: 100%;
    }

    .subMenuRespon {
        width: 100% !important;
    }

    .tournament-page-content .tour-details-box .right2 {
        padding-right: 0px !important;
    }

    .past-tournaments .title-bar {
        margin-left: 15px !important;
        margin-right: 0px !important;
    }

    .WebAppOperator-04 .landing-footer .lfm-item-Subscription .btnJoinNow p {
        font-size: 1rem !important;
    }

    .WebAppOperator-04 .header-logo img {
        max-width: 65% !important;
    }

    .WebAppOperator-04 .bottom {
        padding-top: 35px !important;
    }

    .WebAppOperator-04 .middle li {
        padding: 0 10px !important;
    }

    .WebAppOperator-04 .Footer-links-list {
        margin-right: -55px;
    }

    .WebAppOperator-04 .fixEtisalateFooterMobile {
        font-size: 0.7rem;
    }

    .WebAppOperator-04 .brand {
        text-align: center !important;
    }

    .WebAppOperator-04 .bottom .middle li {
        border-right: 0px solid #BED501 !important;
        cursor: pointer !important;
    }

        .WebAppOperator-04 .bottom .middle li:last-child {
            border-right: 0px solid #BED501 !important;
        }

        .WebAppOperator-04 .bottom .middle li:first-child {
            border-right: 0px solid #fff !important;
        }

    .WebAppOperator-04 .search-box {
        position: absolute;
        z-index: 506 !important;
        top: 7%;
        right: 0% !important;
    }

    .fixmobileRTL {
        white-space: nowrap !important;
    }
}
