/* ---------------------------------------------------------
   1. FONTS & GLOBAL DEFAULTS
   --------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;700&display=swap');

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, 
p, a, span, div, input, button, select, textarea, label {
    font-family: 'Noto Naskh Arabic', serif !important;
}

/* Force RTL Direction Globally */
body {
    direction: rtl !important;
    text-align: right !important;
}

/* ---------------------------------------------------------
   2. OVERRIDE BOOTSTRAP ALIGNMENT UTILITIES
   --------------------------------------------------------- */
/* Force "text-left" classes to align right */
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }

/* Flip Floats */
.float-left { float: right !important; }
.float-right { float: left !important; }

/* Flip Margins (Common spacing issues) */
.mr-auto { margin-left: auto !important; margin-right: 0 !important; }
.ml-auto { margin-right: auto !important; margin-left: 0 !important; }

/* ---------------------------------------------------------
   3. STRUCTURE & SIDEBAR
   --------------------------------------------------------- */
/* Flip the sidebar and main content areas */
.row-offcanvas { 
    flex-direction: row-reverse !important; 
}

/* Sidebar Menu Items */
.list-group-item {
    text-align: right;
}
.list-group-item i {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* ---------------------------------------------------------
   4. NAVBAR & HEADER
   --------------------------------------------------------- */
/* Logo and Brand */
.navbar-brand {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

/* Navigation Links */
.navbar-nav {
    padding-right: 0;
    margin-right: auto; /* Pushes nav to the right (or left in RTL flex) */
    margin-left: 0;
}
.navbar-nav .nav-item {
    float: right;
    text-align: right;
}

/* Dropdown Menus */
.dropdown-menu {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
}
.dropdown-item {
    text-align: right !important;
}

/* ---------------------------------------------------------
   5. FORMS & INPUTS
   --------------------------------------------------------- */
.form-control {
    text-align: right !important;
}
label {
    float: right;
    text-align: right;
}
.input-group-prepend {
    margin-left: -1px;
    margin-right: 0;
}
.input-group-append {
    margin-right: -1px;
    margin-left: 0;
}
/* Checkboxes and Radios */
.custom-control {
    padding-right: 1.5rem;
    padding-left: 0;
}
.custom-control-label::before, 
.custom-control-label::after {
    right: -1.5rem;
    left: auto;
}



 

/* ---------------------------------------------------------
   6. TABLES & CARDS
   --------------------------------------------------------- */
th, td {
    text-align: right !important;
}
.card-header, .card-footer {
    text-align: right !important;
}

/* ---------------------------------------------------------
   7. ICONS SPECIFIC
   --------------------------------------------------------- */
/* Flip arrows in breadcrumbs or pagination if needed */
.fa-chevron-right:before { content: "\f053"; } /* Change right arrow to left */
.fa-chevron-left:before { content: "\f054"; } /* Change left arrow to right */


header.header .search
{
  display: none !important;
}

.rtl .list-group, [dir=rtl] .list-group
{
padding-right: unset !important;
padding-left: unset !important;

}

.label
{
float: left !important;
}
.tiles .tile i
{
left : 20px !important;
right: unset !important;
}

 .toolbar 
{
color: black !important;
}

.float-sm-right {
        float: left !important;
    }

.float-md-right
{
float: left !important;
}
 
header.header .toolbar .nav-link
{
color: black !important;
}

/* ---------------------------------------------------------
   8. WHMCS DOMAIN SELECTION FORM RTL FIXES
   --------------------------------------------------------- */

/* 1. Fix the Labels and Radio Buttons overlapping */
#frmProductDomain .option label {
    float: none !important;
    display: flex !important;
    align-items: center;
    text-align: right;
    margin-bottom: 15px;
    font-weight: 700;
}

#frmProductDomain .iradio_square-blue {
    margin-left: 12px !important; /* Adds space between the radio dot and Arabic text */
    margin-right: 0 !important;
    float: none !important;
}

/* 2. Force Domain Inputs back to LTR (Left-to-Right) */
#frmProductDomain .input-group,
#frmProductDomain .form-control,
#registertld, 
#transfertld {
    direction: ltr !important;
    text-align: left !important;
}

/* 3. Fix the "www." prefix sticking to the input box */
#frmProductDomain .input-group-prepend {
    margin-right: -1px !important; /* Reverts the global flip so it connects correctly */
    margin-left: 0 !important;
    display: none !important; /* Hides the "www." prefix since it's not needed in RTL */
}

/* 4. Align the select/transfer buttons properly on mobile and desktop */
#frmProductDomain .btn-block {
    margin-top: 0;
}

@media (max-width: 767px) {
    /* Adds spacing above the button on mobile view */
    #frmProductDomain .btn-block {
        margin-top: 15px; 
    }
}


#order-standard_cart .view-cart-tabs .nav-tabs
{
    margin-top: 40px;
}

#order-standard_cart .prepend-icon .field-icon
{
    display: none !important;
}


/* 4. إصلاح حقول الاختيار (Select) والقوائم المنسدلة العادية */
#inputCountry, #inputDomainContact {
    appearance: none;
    -webkit-appearance: none;
    background-position: left 10px center !important; /* نقل سهم الاختيار لليسار */
    padding-right: 40px !important; /* مساحة للأيقونة في اليمين */
}

/* 5. إصلاح أيقونات الحقول (Prepend Icons) */
.form-group.prepend-icon .field-icon {
    right: 0 !important; /* وضع الأيقونة في أقصى اليمين */
    left: auto !important;
    border-left: 1px solid #ccc;
    border-right: none !important;
}