/* =========================
   RTL Fixes for Twenty-One
   ========================= */










/* Domain search input + buttons align better in RTL */
.domain-search .input-group,
#frmDomainChecker .input-group {
  direction: rtl;
}

.domain-search .input-group .form-control,
#frmDomainChecker .input-group .form-control {
  text-align: right;
}

/* Buttons order looks natural in RTL */
.domain-search .input-group-append,
#frmDomainChecker .input-group-append {
  margin-right: .5rem;
  margin-left: 0;
}










.dropdown-menu {
  right: 0 !important;
  left: auto !important;
}









.card, .card-title, .card-body, h1, h2, h3, h4, h5 {
  text-align: right;
}














/* Global font for whole WHMCS */
html, body,
h1, h2, h3, h4, h5, h6,
p, span, a, li,
button, input, select, textarea,
.navbar, .dropdown-menu, .card {
  font-family: 'Cairo', sans-serif !important;
}






.logo-img{
  max-height:60px;
  width:auto;
}

/* Logo alignment */
.navbar-brand {
  margin-right: 0 !important;
  margin-left: auto !important;
  display: flex;
  align-items: center;
}

.logo-img {
  max-height: 58px;
  width: auto;
}

/* Mobile */
@media (max-width: 768px) {
  .logo-img {
    max-height: 42px;
  }
}



.navbar .form-control {
  text-align: right;
}










/* =========================
   RTL fix for MarketConnect / SSL product cards
   ========================= */

/* Force RTL + right align inside store products */
#order-standard_cart .products,
#order-standard_cart .product,
#order-standard_cart .product * ,
.marketconnect,
.marketconnect * ,
.store,
.store * ,
.product-group,
.product-group * ,
.ssl,
.ssl * {
  direction: rtl !important;
  text-align: right !important;
}

/* Fix lists/bullets spacing in RTL */
#order-standard_cart ul,
.store ul,
.marketconnect ul {
  padding-right: 1.2rem !important;
  padding-left: 0 !important;
}

/* Put the check icons on the right in RTL lists */
#order-standard_cart ul li,
.store ul li,
.marketconnect ul li {
  position: relative;
  padding-right: 26px !important;
  padding-left: 0 !important;
}

#order-standard_cart ul li i,
.store ul li i,
.marketconnect ul li i {
  position: absolute;
  right: 0;
  left: auto !important;
}