/*
 * Theme Name: Mansoura Host — WHMCS Client Area
 * Version: 1.2.4
 * Author: منصورة هوست - Mansoura Host
 * Author URI: https://mansourahost.com
 * Description: ثيم عربي RTL للوحة عملاء WHMCS — تصميم وتطوير شركة منصورة هوست
 */
/* ==========================================================================
   منصورة هوست (Mansoura Host)
   https://mansourahost.com
   هاتف / واتساب: 01007354791
   المطور: م. محمد عيد
   خدماتنا: استضافة وتصميم وبرمجة المواقع الإلكترونية وتقديم الخدمات الإلكترونية للشركات
   (إيميلات رسمية - استضافة مواقع - تصميم وبرمجة المواقع - حملات تسويقية - خدمات SEO)
   الإصدار 1.2.4 — جميع الحقوق محفوظة © 2026 منصورة هوست
   ========================================================================== */

/* ---------- 1. الخط (مستضاف محلياً — بدون أي طلب لجهة خارجية) ---------- */
@font-face {
    font-family: "MH Cairo";
    font-style: normal;
    font-display: swap;
    font-weight: 200 1000;
    src: url("../fonts/cairo-arabic-wght-normal.woff2") format("woff2-variations"),
         url("../fonts/cairo-arabic-wght-normal.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
    font-family: "MH Cairo";
    font-style: normal;
    font-display: swap;
    font-weight: 200 1000;
    src: url("../fonts/cairo-latin-wght-normal.woff2") format("woff2-variations"),
         url("../fonts/cairo-latin-wght-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- 2. الهوية (من لوجو منصورة هوست — غيّر الألوان من هنا فقط) ---------- */
:root {
    --mh-primary: #0800B5;      /* أزرق اللوجو: الأزرار والروابط وشريط التنقل */
    --mh-primary-hover: #06008C;
    --mh-primary-soft: #ECEBFB;
    --mh-primary-rgb: 8, 0, 181;
    --mh-sun: #FFD35A;          /* أصفر اللوجو: التمييز والمؤشرات */
    --mh-sun-hover: #FFC72E;
    --mh-ink: #0B0A4A;          /* كحلي غامق مشتق من الأزرق: الشريط العلوي والفوتر والعناوين */
    --mh-ink-2: #0800B5;
    --mh-paper: #F5F5FA;        /* خلفية الصفحة */
    --mh-surface: #FFFFFF;
    --mh-line: #E2E2EE;
    --mh-text: #1C1B33;
    --mh-muted: #5E5D78;
    --mh-success: #1E7F52;
    --mh-danger: #C8372D;
    --mh-warning: #9A6A0E;
    --mh-info: #2563A8;
    --mh-radius-lg: 14px;
    --mh-radius: 10px;
    --mh-shadow: 0 1px 2px rgba(11, 10, 74, .06), 0 6px 20px -12px rgba(11, 10, 74, .28);
    --mh-font: "MH Cairo", "Segoe UI", Tahoma, "Noto Sans Arabic", Arial, sans-serif;
}

/* ---------- 3. الأساس ---------- */
html { -webkit-text-size-adjust: 100%; }
body,
body.primary-bg-color {
    background: var(--mh-paper);
    color: var(--mh-text);
    font-family: var(--mh-font);
    font-size: 15px;
    line-height: 1.75;
    font-feature-settings: "kern";
}
body, button, input, select, textarea, optgroup,
.btn, .form-control, .custom-select, .dropdown-menu, .popover, .tooltip, .modal,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.card-title, .navbar, .badge, .label, .table, .list-group-item {
    font-family: var(--mh-font);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--mh-ink);
    font-weight: 700;
    line-height: 1.4;
}
a { color: var(--mh-primary); }
a:hover, a:focus { color: var(--mh-primary-hover); }
.text-muted { color: var(--mh-muted) !important; }
.text-primary { color: var(--mh-primary) !important; }
.bg-primary { background-color: var(--mh-primary) !important; }
::selection { background: var(--mh-sun); color: var(--mh-primary); }
code, pre, kbd, samp { direction: ltr; unicode-bidi: isolate; }
.table td, .table th, .tile .stat, .invoice-container { font-variant-numeric: tabular-nums; }

/* ---------- 4. الهيدر ---------- */
/* الشريط العلوي كحلي — صف اللوجو أبيض عشان اللوجو الأزرق يبان — التنقل بأزرق البراند */
#header.header { background: var(--mh-surface); border: 0; box-shadow: 0 1px 0 var(--mh-line); }
#header .topbar {
    background: var(--mh-ink);
    color: #C9C8E6;
    font-size: 13px;
    padding: 6px 0;
}
#header .topbar .btn,
#header .topbar .input-group-text {
    background: transparent;
    border: 0;
    color: #C9C8E6;
    font-size: 13px;
}
#header .topbar .btn:hover, #header .topbar .btn:focus { color: #fff; }
#header .topbar .btn-active-client span { color: #fff; font-weight: 600; }
#header .topbar .btn-return-to-admin { background: var(--mh-sun); color: var(--mh-primary); border-radius: 999px; font-weight: 700; }

#header .navbar-light { background: var(--mh-surface); padding: 14px 0; }
#header .navbar-brand { color: var(--mh-primary); font-weight: 800; font-size: 22px; }
#header .navbar-brand .logo-img { max-height: 48px; width: auto; }
#header .navbar-light .toolbar .nav-link,
#header .navbar-light .toolbar .btn {
    color: var(--mh-primary);
    background: var(--mh-primary-soft);
    border: 1px solid transparent;
    border-radius: var(--mh-radius);
    padding: 8px 12px;
}
#header .navbar-light .toolbar .btn:hover { background: #DAD9F7; }
#header .cart-btn .badge { background: var(--mh-sun); color: var(--mh-primary); font-weight: 800; }
#header .navbar .search .form-control { border-radius: var(--mh-radius); }

/* شريط التنقل الرئيسي */
#header .main-navbar-wrapper {
    background: var(--mh-primary);
    padding: 0;
    border: 0;
}
#header .main-navbar-wrapper .navbar-nav > li > a,
#header .main-navbar-wrapper .navbar-nav .nav-link {
    color: #DAD9F7;
    font-weight: 600;
    font-size: 15px;
    padding: 14px 14px;
    position: relative;
    display: block;
}
#header .main-navbar-wrapper .navbar-nav > li > a:hover,
#header .main-navbar-wrapper .navbar-nav > li.show > a,
#header .main-navbar-wrapper .navbar-nav > li.active > a { color: #fff; background: transparent; }
/* العلامة المميزة: خط ذهبي تحت العنصر النشط */
@media (min-width: 1200px) {
    #header .main-navbar-wrapper .navbar-nav > li > a::after {
        content: "";
        position: absolute;
        inset-inline: 14px;
        bottom: 0;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: var(--mh-sun);
        transform: scaleX(0);
        transition: transform .2s ease;
    }
    #header .main-navbar-wrapper .navbar-nav > li > a:hover::after,
    #header .main-navbar-wrapper .navbar-nav > li.show > a::after,
    #header .main-navbar-wrapper .navbar-nav > li.active > a::after { transform: scaleX(1); }
}
@media (max-width: 1199.98px) {
    #header .main-navbar-wrapper .navbar-collapse { padding: 8px 0 14px; }
    #header .main-navbar-wrapper .navbar-nav > li > a { padding: 11px 6px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
    #header .main-navbar-wrapper .dropdown-menu { background: rgba(255, 255, 255, .04); border: 0; box-shadow: none; }
    #header .main-navbar-wrapper .dropdown-menu .dropdown-item { color: #DAD9F7; }
    #header .main-navbar-wrapper .dropdown-menu .dropdown-item:hover { background: rgba(255, 255, 255, .08); color: #fff; }
}
.dropdown-menu {
    border: 1px solid var(--mh-line);
    border-radius: var(--mh-radius);
    box-shadow: var(--mh-shadow);
    padding: 6px;
}
.dropdown-item { border-radius: 8px; padding: 8px 12px; font-weight: 500; }
.dropdown-item:hover, .dropdown-item:focus { background: var(--mh-primary-soft); color: var(--mh-primary-hover); }
.dropdown-item.active, .dropdown-item:active { background: var(--mh-primary); color: #fff; }

/* مسار الصفحة */
.master-breadcrumb { background: var(--mh-surface); border-bottom: 1px solid var(--mh-line); }
.master-breadcrumb .breadcrumb { background: transparent; margin: 0; padding: 12px 0; font-size: 14px; }
.breadcrumb-item.active { color: var(--mh-muted); }

/* ---------- 5. المحتوى والكروت ---------- */
#main-body { padding: 28px 0 48px; background: var(--mh-paper); }
.card {
    border: 1px solid var(--mh-line);
    border-radius: var(--mh-radius-lg);
    box-shadow: var(--mh-shadow);
    background: var(--mh-surface);
}
.card > .card-header:first-child { border-radius: var(--mh-radius-lg) var(--mh-radius-lg) 0 0; }
.card > .card-footer:last-child { border-radius: 0 0 var(--mh-radius-lg) var(--mh-radius-lg); }
.card-header {
    background: var(--mh-surface);
    border-bottom: 1px solid var(--mh-line);
    padding: 14px 18px;
}
.card-header .card-title, .card-title { color: var(--mh-ink); font-weight: 700; font-size: 16px; }
.card-footer { background: #F9F9FC; border-top: 1px solid var(--mh-line); }
.card-body { padding: 18px; }

/* القائمة الجانبية */
.sidebar .card-sidebar { overflow: hidden; }
.sidebar .card-sidebar .card-header { background: #F9F9FC; }
.sidebar .list-group-item {
    border-color: var(--mh-line);
    color: var(--mh-text);
    padding: 11px 18px;
    font-weight: 500;
    transition: background-color .15s ease;
}
.sidebar .list-group-item:hover { background: var(--mh-primary-soft); color: var(--mh-primary-hover); }
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover {
    background: var(--mh-primary-soft);
    color: var(--mh-primary-hover);
    border-color: var(--mh-line);
    font-weight: 700;
    box-shadow: inset -4px 0 0 var(--mh-primary);
}
html:not([dir="rtl"]) .sidebar .list-group-item.active { box-shadow: inset 4px 0 0 var(--mh-primary); }
.sidebar .list-group-item .badge,
.sidebar .sidebar-menu-item-badge .badge { background: var(--mh-paper); color: var(--mh-ink); font-weight: 700; }

/* ---------- 6. لوحة التحكم (المربعات) ---------- */
.tiles { border-radius: var(--mh-radius-lg); overflow: hidden; box-shadow: var(--mh-shadow); border: 1px solid var(--mh-line); background: var(--mh-surface); }
.tiles .row { margin: 0; }
.tiles .tile {
    display: block;
    background: var(--mh-surface);
    padding: 22px 22px 26px;
    color: var(--mh-text);
    text-decoration: none;
    position: relative;
    border-inline-end: 1px solid var(--mh-line);
    border-bottom: 1px solid var(--mh-line);
    transition: background-color .15s ease;
}
.tiles .tile:hover { background: #F9F9FC; text-decoration: none; }
.tiles .tile i { color: var(--mh-primary); font-size: 22px; opacity: .9; }
.tiles .tile .stat { font-size: 34px; font-weight: 800; color: var(--mh-ink); line-height: 1.2; margin-top: 8px; }
.tiles .tile .title { color: var(--mh-muted); font-size: 14px; font-weight: 600; }
.tiles .tile .highlight { height: 3px; position: absolute; bottom: 0; inset-inline: 0; }
.bg-color-green { background-color: var(--mh-success) !important; }
.bg-color-red { background-color: var(--mh-danger) !important; }
.bg-color-gold { background-color: var(--mh-sun) !important; }
.bg-color-blue { background-color: var(--mh-info) !important; }
.client-home-cards .card { margin-bottom: 22px; }

/* ---------- 7. الأزرار ---------- */
.btn {
    border-radius: var(--mh-radius);
    font-weight: 700;
    padding: 8px 18px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.btn-sm, .btn-group-sm > .btn { padding: 5px 12px; font-size: 13px; border-radius: 8px; }
.btn-lg, .btn-group-lg > .btn { padding: 12px 26px; font-size: 17px; }
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active {
    background: var(--mh-primary);
    border-color: var(--mh-primary);
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus { background: var(--mh-primary-hover); border-color: var(--mh-primary-hover); color: #fff; }
.btn-success { background: var(--mh-success); border-color: var(--mh-success); }
.btn-danger { background: var(--mh-danger); border-color: var(--mh-danger); }
.btn-info { background: var(--mh-info); border-color: var(--mh-info); }
.btn-default, .btn-light, .btn-outline-secondary {
    background: var(--mh-surface);
    border: 1px solid var(--mh-line);
    color: var(--mh-ink);
}
.btn-default:hover, .btn-light:hover, .btn-outline-secondary:hover { background: var(--mh-paper); border-color: #CFCFE3; color: var(--mh-ink); }
.btn-link { color: var(--mh-primary); font-weight: 600; }

/* ---------- 8. النماذج ---------- */
.form-control, .custom-select {
    border: 1px solid #D2D2E4;
    border-radius: var(--mh-radius);
    min-height: 44px;
    color: var(--mh-text);
    background-color: var(--mh-surface);
    font-size: 15px;
}
textarea.form-control { min-height: 110px; }
.form-control-sm, .custom-select-sm { min-height: 34px; font-size: 13px; }
.form-control:focus, .custom-select:focus {
    border-color: var(--mh-primary);
    box-shadow: 0 0 0 3px rgba(var(--mh-primary-rgb), .2);
}
.form-control::placeholder { color: #8F8EA8; }
label, .form-control-label { font-weight: 600; color: var(--mh-ink); }
.input-group-text { background: #F4F4FA; border-color: #D2D2E4; color: var(--mh-muted); }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--mh-primary); border-color: var(--mh-primary); }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 3px rgba(var(--mh-primary-rgb), .2); }
.form-check-input { accent-color: var(--mh-primary); }
.invalid-feedback, .text-danger { color: var(--mh-danger) !important; }

/* ---------- 9. الجداول والقوائم ---------- */
.table { color: var(--mh-text); }
.table thead th {
    border-bottom: 1px solid var(--mh-line);
    border-top: 0;
    color: var(--mh-muted);
    font-size: 13px;
    font-weight: 700;
    background: #F9F9FC;
}
.table td, .table th { border-top-color: var(--mh-line); vertical-align: middle; }
.table-hover tbody tr:hover, .table-list > tbody > tr:hover > td { background: #F7F7FD; }
.table-list { border-radius: var(--mh-radius-lg); overflow: hidden; }
.table-container, .dataTables_wrapper { background: var(--mh-surface); border-radius: var(--mh-radius-lg); }
.dataTables_wrapper .dataTables_filter input { border-radius: var(--mh-radius); }
.page-link { color: var(--mh-primary); border-color: var(--mh-line); }
.page-item.active .page-link { background: var(--mh-primary); border-color: var(--mh-primary); }

/* حالات الخدمات والفواتير والتذاكر */
.label, .badge { border-radius: 999px; font-weight: 700; padding: .3em .8em; font-size: 12px; }
.label.status { display: inline-block; min-width: 76px; text-align: center; }
.status-active, .status-paid, .status-completed, .status-answered, .status-accepted, .status-open.status-completed { background: #DDF2E7 !important; color: #145C3B !important; }
.status-pending, .status-unpaid, .status-customer-reply, .status-onhold, .status-pending-transfer, .status-payment-pending { background: #FFF1D6 !important; color: #7A5300 !important; }
.status-suspended, .status-overdue, .status-cancelled, .status-terminated, .status-fraud, .status-expired, .status-dead, .status-collections, .status-closed { background: #FBE3E1 !important; color: #8E2019 !important; }
.status-open, .status-inprogress, .status-in-progress, .status-refunded, .status-draft, .status-delivered { background: #E1ECF8 !important; color: #1B4B80 !important; }

/* ---------- 10. التنبيهات والنوافذ ---------- */
.alert { border-radius: var(--mh-radius); border: 1px solid transparent; }
.alert-success { background: #E6F4EC; border-color: #BFE3CE; color: #145C3B; }
.alert-danger { background: #FCEAE8; border-color: #F2C3BE; color: #8E2019; }
.alert-warning { background: #FFF5E0; border-color: #F4DCA6; color: #6E4B00; }
.alert-info { background: #E7F0FA; border-color: #C3D8F0; color: #1B4B80; }
.modal-content { border: 0; border-radius: var(--mh-radius-lg); box-shadow: 0 24px 60px -20px rgba(15, 42, 61, .45); }
.modal-header { border-bottom: 1px solid var(--mh-line); }
.modal-footer { border-top: 1px solid var(--mh-line); }
.popover { border-radius: var(--mh-radius); border-color: var(--mh-line); box-shadow: var(--mh-shadow); }
.nav-tabs .nav-link.active { color: var(--mh-primary); border-bottom-color: var(--mh-surface); font-weight: 700; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: var(--mh-primary); }
.progress-bar { background-color: var(--mh-primary); }

/* ---------- 11. صفحات الدخول والتسجيل ---------- */
.login-form .card, .card.mw-540 {
    border-radius: 18px;
    border-top: 4px solid var(--mh-primary);
}
.login-form .h3, .login-form h1, .login-form h6.h3 { color: var(--mh-ink); font-weight: 800; }
.input-group-merge .form-control { border-radius: var(--mh-radius); }
.btn-reveal-pw { border-color: #D2D2E4; }
.providerLinkingFeedback:empty { display: none; }

/* ---------- 12. الفوتر ---------- */
#footer.footer, footer.footer {
    background: var(--mh-ink);
    color: #B9B8D9;
    padding: 28px 0 22px;
    border-top: 3px solid var(--mh-sun);
}
#footer .nav-link, #footer a { color: #DAD9F7; }
#footer .nav-link:hover, #footer a:hover { color: #fff; }
#footer .copyright { color: #9C9BC4; font-size: 13px; margin-top: 10px; }
#footer .btn { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); color: #fff; }

/* ---------- 13. صفحات عامة ---------- */
.announcements .announcement, .kb-article-content, .knowledgebase-article { line-height: 1.9; }
.domain-checker-container, .home-domain-search {
    background: var(--mh-ink);
    color: #fff;
}
.domain-checker-container .input-group-box, .home-domain-search .input-group-wrapper { border-radius: var(--mh-radius-lg); }
.ticket-reply .user { color: var(--mh-ink); }
.ticket-reply.staff { background: var(--mh-primary-soft); border-color: #D2D1F4; }


/* ==========================================================================
   سلة الطلب والدفع (Standard Cart)
   المحدد المكرر #id#id مقصود: عشان ستايل السلة يغلب ملف standard_cart
   اللي بيتحمّل بعد الثيم، من غير !important
   ========================================================================== */
#order-standard_cart#order-standard_cart { font-family: var(--mh-font); color: var(--mh-text); }
#order-standard_cart#order-standard_cart .header-lined h1, #order-standard_cart#order-standard_cart .header-lined h2, #order-standard_cart#order-standard_cart h1, #order-standard_cart#order-standard_cart .font-size-36 { color: var(--mh-ink); font-weight: 800; }
#order-standard_cart#order-standard_cart .products .product {
    background: var(--mh-surface);
    border: 1px solid var(--mh-line);
    border-radius: var(--mh-radius-lg);
    box-shadow: var(--mh-shadow);
    overflow: hidden;
    padding: 0;
    margin-bottom: 22px;
}
#order-standard_cart#order-standard_cart .products .product header {
    background: var(--mh-surface);
    border-bottom: 1px solid var(--mh-line);
    padding: 16px 20px;
    margin: 0;
}
#order-standard_cart#order-standard_cart .products .product header span { color: var(--mh-ink); font-weight: 800; font-size: 18px; }
#order-standard_cart#order-standard_cart .products .product header .qty { color: var(--mh-muted); font-weight: 600; font-size: 13px; }
#order-standard_cart#order-standard_cart .products .product div.product-desc { padding: 16px 20px; color: var(--mh-text); font-size: 14px; }
#order-standard_cart#order-standard_cart .products .product div.product-desc ul { padding: 0; list-style: none; }
#order-standard_cart#order-standard_cart .products .product div.product-desc li { padding: 4px 0; border-bottom: 1px dashed var(--mh-line); }
#order-standard_cart#order-standard_cart .products .product div.product-desc li:last-child { border-bottom: 0; }
#order-standard_cart#order-standard_cart .products .product .feature-value { color: var(--mh-ink); font-weight: 800; }
#order-standard_cart#order-standard_cart .products .product footer { padding: 16px 20px; background: #F9F9FC; border-top: 1px solid var(--mh-line); }
#order-standard_cart#order-standard_cart .products .product .product-pricing { color: var(--mh-muted); }
#order-standard_cart#order-standard_cart .products .product .product-pricing .price { color: var(--mh-ink); font-size: 24px; font-weight: 800; display: block; }
#order-standard_cart#order-standard_cart .products .product .btn-order-now { background: var(--mh-primary); border-color: var(--mh-primary); color: #fff; border-radius: var(--mh-radius); width: 100%; }
#order-standard_cart#order-standard_cart .products .product .btn-order-now:hover { background: var(--mh-primary-hover); }

#order-standard_cart#order-standard_cart .sub-heading { border-top-color: var(--mh-line); }
#order-standard_cart#order-standard_cart .sub-heading span { background: var(--mh-paper); color: var(--mh-ink); font-weight: 700; }
#order-standard_cart#order-standard_cart .field-container, #order-standard_cart#order-standard_cart .product-info, #order-standard_cart#order-standard_cart .domain-selection-options .option, #order-standard_cart#order-standard_cart .addon-products .panel-addon, #order-standard_cart#order-standard_cart .addon-products .card-addon {
    background: var(--mh-surface);
    border: 1px solid var(--mh-line);
    border-radius: var(--mh-radius-lg);
}
#order-standard_cart#order-standard_cart .product-info { padding: 16px 20px; }
#order-standard_cart#order-standard_cart .product-info .product-title { color: var(--mh-ink); font-weight: 800; }
#order-standard_cart#order-standard_cart .domain-selection-options .option-selected { border-color: var(--mh-primary); background: var(--mh-primary-soft); }
#order-standard_cart#order-standard_cart .addon-products .panel-addon-selected, #order-standard_cart#order-standard_cart .addon-products .card-addon-selected { border-color: var(--mh-primary); box-shadow: 0 0 0 2px var(--mh-primary-soft); }
#order-standard_cart#order-standard_cart .addon-products .panel-add, #order-standard_cart#order-standard_cart .addon-products .card-add { background: var(--mh-primary); color: #fff; border-radius: 0 0 var(--mh-radius-lg) var(--mh-radius-lg); }

/* ملخص الطلب */
#order-standard_cart#order-standard_cart .order-summary {
    background: var(--mh-ink);
    border: 0;
    border-radius: var(--mh-radius-lg);
    overflow: hidden;
    box-shadow: var(--mh-shadow);
}
#order-standard_cart#order-standard_cart .order-summary h2 { color: #fff; font-weight: 800; font-size: 18px; padding: 14px 18px; margin: 0; }
#order-standard_cart#order-standard_cart .summary-container { background: var(--mh-surface); padding: 16px 18px; border-radius: 0; }
#order-standard_cart#order-standard_cart .order-summary .subtotal, #order-standard_cart#order-standard_cart .order-summary .bordered-totals { border-color: var(--mh-line); }
#order-standard_cart#order-standard_cart .order-summary .total-due-today .amt, #order-standard_cart#order-standard_cart .summary-container .total-due-today .amt { color: var(--mh-ink); font-size: 28px; font-weight: 800; }
#order-standard_cart#order-standard_cart .order-summary .total-due-today span:not(.amt), #order-standard_cart#order-standard_cart .summary-container .total-due-today span:not(.amt) { color: var(--mh-muted); }
#order-standard_cart#order-standard_cart .btn-checkout, #order-standard_cart#order-standard_cart #btnCompleteOrder, #order-standard_cart#order-standard_cart #btnCompleteProductConfig, #order-standard_cart#order-standard_cart .btn-continue, #order-standard_cart#order-standard_cart #checkout {
    background: var(--mh-primary);
    border-color: var(--mh-primary);
    color: #fff;
    border-radius: var(--mh-radius);
    font-weight: 800;
    font-size: 17px;
    padding: 12px 22px;
}
#order-standard_cart#order-standard_cart .btn-checkout:hover, #order-standard_cart#order-standard_cart #btnCompleteOrder:hover, #order-standard_cart#order-standard_cart #btnCompleteProductConfig:hover, #order-standard_cart#order-standard_cart #checkout:hover { background: var(--mh-primary-hover); border-color: var(--mh-primary-hover); }

/* عرض السلة */
#order-standard_cart#order-standard_cart .view-cart-items-header { background: var(--mh-ink); color: #fff; border-radius: var(--mh-radius-lg) var(--mh-radius-lg) 0 0; font-weight: 700; }
#order-standard_cart#order-standard_cart .view-cart-items { border: 1px solid var(--mh-line); border-top: 0; border-radius: 0 0 var(--mh-radius-lg) var(--mh-radius-lg); overflow: hidden; }
#order-standard_cart#order-standard_cart .view-cart-items .item { background: var(--mh-surface); border-bottom: 1px solid var(--mh-line); }
#order-standard_cart#order-standard_cart .view-cart-items .item:nth-child(even) { background: #F9F9FC; }
#order-standard_cart#order-standard_cart .view-cart-items .item-title { color: var(--mh-ink); font-weight: 700; }
#order-standard_cart#order-standard_cart .view-cart-items .item-group, #order-standard_cart#order-standard_cart .view-cart-items .item-domain { color: var(--mh-muted); }
#order-standard_cart#order-standard_cart .view-cart-items .item-price span:first-child { color: var(--mh-ink); font-weight: 800; }
#order-standard_cart#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active { color: var(--mh-primary); }
#order-standard_cart#order-standard_cart .view-cart-tabs .tab-content { background: var(--mh-surface); border-color: var(--mh-line); border-radius: 0 0 var(--mh-radius-lg) var(--mh-radius-lg); }
#order-standard_cart#order-standard_cart .empty-cart .btn { background: var(--mh-surface); border-color: var(--mh-line); color: var(--mh-danger); }

/* صفحة الدفع */
#order-standard_cart#order-standard_cart .prepend-icon .field { border-radius: var(--mh-radius); min-height: 44px; }
#order-standard_cart#order-standard_cart .prepend-icon .field-icon { color: var(--mh-muted); }
#order-standard_cart#order-standard_cart .account-select-container .account { border-radius: var(--mh-radius); border-color: var(--mh-line); }
#order-standard_cart#order-standard_cart .account-select-container .account.active { border-color: var(--mh-primary); background: var(--mh-primary-soft); }
#order-standard_cart#order-standard_cart .cc-input-container, #order-standard_cart#order-standard_cart #paymentGatewaysContainer { background: var(--mh-surface); border: 1px solid var(--mh-line); border-radius: var(--mh-radius-lg); padding: 14px 16px; }
#order-standard_cart#order-standard_cart #paymentGatewaysContainer label { margin-inline-end: 18px; font-weight: 600; }
#order-standard_cart#order-standard_cart .alert-info.text-center, #order-standard_cart#order-standard_cart .order-confirmation { border-radius: var(--mh-radius-lg); }

/* فحص الدومين */
#order-standard_cart#order-standard_cart .domain-checker-container { background: var(--mh-ink); border-radius: var(--mh-radius-lg); }
#order-standard_cart#order-standard_cart .domain-checker-bg { background: none; }
#order-standard_cart#order-standard_cart .domain-checker-container .input-group-box { background: rgba(255,255,255,.06); border-radius: var(--mh-radius-lg); }
#order-standard_cart#order-standard_cart .domain-checker-result-headline .domain-available, #order-standard_cart#order-standard_cart .domain-available { color: var(--mh-success); }
#order-standard_cart#order-standard_cart .domain-checker-result-headline .domain-unavailable, #order-standard_cart#order-standard_cart .domain-unavailable { color: var(--mh-danger); }
#order-standard_cart#order-standard_cart .suggested-domains .panel-heading, #order-standard_cart#order-standard_cart .suggested-domains .card-header { background: var(--mh-ink); color: #fff; }
#order-standard_cart#order-standard_cart .spotlight-tld { border-radius: var(--mh-radius); border-color: var(--mh-line); }

/* شريط السلة الجانبي */
#order-standard_cart#order-standard_cart .cart-sidebar .card, #order-standard_cart#order-standard_cart .cart-sidebar .panel { border-radius: var(--mh-radius-lg); }

@media (max-width: 991.98px) {
    #order-standard_cart#order-standard_cart .order-summary { margin-top: 18px; }
    #order-standard_cart#order-standard_cart .products .product .product-pricing .price { font-size: 22px; }
}

/* ---- RTL للسلة ---- */
html[dir="rtl"] #order-standard_cart#order-standard_cart { text-align: right; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .cart-sidebar { float: right; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .cart-body, html[dir="rtl"] #order-standard_cart#order-standard_cart .secondary-cart-body { float: left; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .text-right { text-align: left !important; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .float-right, html[dir="rtl"] #order-standard_cart#order-standard_cart .pull-right { float: left !important; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .float-left, html[dir="rtl"] #order-standard_cart#order-standard_cart .pull-left { float: right !important; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .prepend-icon .field-icon { left: auto; right: 0; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .prepend-icon .field { padding-left: 12px; padding-right: 38px; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .view-cart-items .item-price, html[dir="rtl"] #order-standard_cart#order-standard_cart .view-cart-items-header .text-right { text-align: left; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .view-cart-items .btn-remove-from-cart, html[dir="rtl"] #order-standard_cart#order-standard_cart .view-cart-items .btn-link { float: left; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .order-summary .summary-totals .float-right, html[dir="rtl"] #order-standard_cart#order-standard_cart .order-summary .pull-right { float: left !important; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .order-summary .summary-totals .float-left, html[dir="rtl"] #order-standard_cart#order-standard_cart .order-summary .pull-left { float: right !important; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .order-summary .total-due-today { text-align: left; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .products .product div.product-desc { text-align: right; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .products .product header .qty { float: left; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .products .product footer .product-pricing { text-align: right; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .field-container .form-check, html[dir="rtl"] #order-standard_cart#order-standard_cart .field-container .custom-control { text-align: right; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .domain-selection-options .option label, html[dir="rtl"] #order-standard_cart#order-standard_cart .addon-products .panel-addon label { text-align: right; }
html[dir="rtl"] #order-standard_cart#order-standard_cart input[type="text"][name*="domain"], html[dir="rtl"] #order-standard_cart#order-standard_cart #inputDomain, html[dir="rtl"] #order-standard_cart#order-standard_cart #inputTransferDomain, html[dir="rtl"] #order-standard_cart#order-standard_cart #owndomainsld, html[dir="rtl"] #order-standard_cart#order-standard_cart #registersld, html[dir="rtl"] #order-standard_cart#order-standard_cart #transfersld { direction: ltr; text-align: right; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .input-group-addon, html[dir="rtl"] #order-standard_cart#order-standard_cart .input-group-text { border-radius: 0; }
html[dir="rtl"] #order-standard_cart#order-standard_cart #paymentGatewaysContainer label, html[dir="rtl"] #order-standard_cart#order-standard_cart .radio-inline { margin-left: 18px; margin-right: 0; }
html[dir="rtl"] #order-standard_cart#order-standard_cart .sub-heading { text-align: center; }


/* ==========================================================================
   الصفحة الرئيسية
   ========================================================================== */
body:has(.mh-hero) .master-breadcrumb { display: none; }
body:has(.mh-hero) #main-body { padding-top: 8px; }

/* الواجهة: أزرق اللوجو ومربعاته */
.mh-hero {
    position: relative;
    overflow: hidden;
    background: var(--mh-primary);
    color: #fff;
    padding: 64px 0 72px;
    isolation: isolate;
}
.mh-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 5px;
    background: var(--mh-sun);
}
.mh-hero__pixel {
    position: absolute;
    z-index: -1;
    border-radius: 22%;
    background: rgba(255, 255, 255, .07);
}
.mh-hero__pixel--1 { width: 150px; height: 150px; inset-inline-end: 6%; top: 18%; }
.mh-hero__pixel--2 { width: 64px; height: 64px; inset-inline-end: 17%; top: 8%; background: rgba(255, 211, 90, .9); }
.mh-hero__pixel--3 { width: 96px; height: 96px; inset-inline-end: 15%; bottom: 12%; }
.mh-hero__pixel--4 { width: 40px; height: 40px; inset-inline-end: 3%; bottom: 26%; background: rgba(255, 255, 255, .14); }
.mh-hero__inner { max-width: 760px; }
.mh-hero__title {
    color: #fff;
    font-size: clamp(32px, 5vw, 54px);
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 12px;
}
.mh-hero__lead { color: #DAD9F7; font-size: 18px; max-width: 34em; margin: 0 0 28px; }

.mh-domain__box {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    border-radius: 16px;
    padding: 6px;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .45);
}
.mh-domain__www { color: var(--mh-muted); font-weight: 700; padding-inline-start: 12px; direction: ltr; unicode-bidi: isolate; }
#frmDomainHomepage .mh-domain__input {
    flex: 1;
    min-width: 0;
    border: 0;
    box-shadow: none;
    min-height: 52px;
    font-size: 18px;
    font-weight: 600;
    color: var(--mh-ink);
    text-align: left;
}
#frmDomainHomepage .mh-domain__input:placeholder-shown { direction: rtl; text-align: right; font-weight: 500; font-size: 16px; }
.mh-domain__actions { display: flex; gap: 6px; }
.btn-mh-sun { background: var(--mh-sun); border: 0; color: var(--mh-primary); font-weight: 800; }
.btn-mh-sun:hover, .btn-mh-sun:focus { background: var(--mh-sun-hover); color: var(--mh-primary); }
.btn-mh-ghost { background: var(--mh-primary-soft); border: 0; color: var(--mh-primary); font-weight: 700; }
.btn-mh-ghost:hover { background: #DAD9F7; color: var(--mh-primary); }
.mh-domain__actions .btn { min-height: 52px; padding: 0 24px; border-radius: 12px; font-size: 16px; }
.mh-hero .domainchecker-homepage-captcha { margin-top: 12px; color: #fff; }

.mh-tlds { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0 !important; }
.mh-tlds li {
    display: flex;
    align-items: baseline;
    gap: 8px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    padding: 4px 14px;
    font-size: 14px;
    color: #DAD9F7;
}
.mh-tlds li strong { color: var(--mh-sun); font-size: 15px; }
.mh-tlds__all { background: transparent !important; border-color: transparent !important; }
.mh-tlds__all a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }

/* الأقسام */
.mh-section { padding: 48px 0 8px; }
.mh-section__head { max-width: 640px; margin: 0 auto 28px; text-align: center; }
.mh-section__head h2 { font-size: clamp(24px, 3.2vw, 32px); font-weight: 800; margin: 0 0 8px; }
.mh-section__head p { color: var(--mh-muted); margin: 0; font-size: 16px; }

/* الخدمات */
.mh-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mh-service {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--mh-surface);
    border: 1px solid var(--mh-line);
    border-radius: var(--mh-radius-lg);
    padding: 22px;
    color: var(--mh-text);
    text-decoration: none !important;
    transition: border-color .15s ease, transform .15s ease;
}
.mh-service:hover { border-color: var(--mh-primary); color: var(--mh-text); transform: translateY(-2px); }
.mh-service strong { color: var(--mh-ink); font-size: 17px; }
.mh-service span:last-child { color: var(--mh-muted); font-size: 14px; line-height: 1.7; }
.mh-service__icon {
    width: 46px; height: 46px;
    display: grid; place-items: center;
    border-radius: 12px;
    background: var(--mh-primary-soft);
    color: var(--mh-primary);
    font-size: 19px;
    margin-bottom: 6px;
}

/* الخطط */
.mh-plans__controls { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin-bottom: 26px; }
.mh-tabs, .mh-cycle {
    display: inline-flex;
    background: var(--mh-surface);
    border: 1px solid var(--mh-line);
    border-radius: 999px;
    padding: 4px;
    gap: 2px;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}
.mh-tabs::-webkit-scrollbar { display: none; }
.mh-tab, .mh-cycle__btn {
    border: 0;
    background: transparent;
    color: var(--mh-muted);
    font-weight: 700;
    font-size: 15px;
    padding: 8px 18px;
    border-radius: 999px;
    white-space: nowrap;
    cursor: pointer;
}
.mh-tab[aria-selected="true"] { background: var(--mh-primary); color: #fff; }
.mh-cycle__btn[aria-pressed="true"] { background: var(--mh-sun); color: var(--mh-primary); }
.mh-plan-group__intro { text-align: center; color: var(--mh-muted); margin: -10px 0 20px; }
.mh-plan-group__intro strong { color: var(--mh-ink); }

.mh-plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; align-items: stretch; }
.mh-plan {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--mh-surface);
    border: 1px solid var(--mh-line);
    border-radius: 18px;
    padding: 26px 22px 22px;
}
.mh-plan--featured {
    border: 2px solid var(--mh-primary);
    box-shadow: 0 24px 48px -28px rgba(var(--mh-primary-rgb), .55);
}
.mh-plan__badge {
    position: absolute;
    top: -13px;
    inset-inline-start: 22px;
    background: var(--mh-sun);
    color: var(--mh-primary);
    font-size: 13px;
    font-weight: 800;
    padding: 3px 14px;
    border-radius: 999px;
}
.mh-plan__name { font-size: 19px; font-weight: 800; margin: 0 0 12px; color: var(--mh-ink); }
.mh-plan__price { margin-bottom: 18px; min-height: 52px; }
.mh-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.mh-price bdi, .mh-plan__price > .mh-price:only-child { font-size: 30px; font-weight: 900; color: var(--mh-primary); line-height: 1.2; }
.mh-price small, .mh-plan__price > small { color: var(--mh-muted); font-size: 14px; font-weight: 600; }
.mh-plans[data-cycle="monthly"] .mh-price--annually,
.mh-plans[data-cycle="annually"] .mh-price--monthly { display: none !important; }
.mh-plan__features { list-style: none; padding: 16px 0 0 !important; margin: 0 0 20px; border-top: 1px dashed var(--mh-line); flex: 1; }
.mh-plan__features li { display: flex; gap: 10px; align-items: flex-start; padding: 5px 0; font-size: 14.5px; }
.mh-plan__features i { color: var(--mh-success); margin-top: 6px; font-size: 13px; }
.mh-plan__cta { background: var(--mh-primary-soft); color: var(--mh-primary); border: 0; font-weight: 800; padding: 11px; margin-top: auto; }
.mh-plan__cta:hover { background: var(--mh-primary); color: #fff; }
.mh-plan--featured .mh-plan__cta { background: var(--mh-primary); color: #fff; }
.mh-plan--featured .mh-plan__cta:hover { background: var(--mh-primary-hover); }

.mh-swipe-hint { display: none; align-items: center; gap: 6px; color: var(--mh-muted); font-size: 13px; margin: -12px 0 4px; }
.mh-swipe-hint i { color: var(--mh-primary); }

/* ليه احنا */
.mh-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mh-why__item { background: var(--mh-surface); border-radius: var(--mh-radius-lg); padding: 22px; border: 1px solid var(--mh-line); }
.mh-why__item i { color: var(--mh-primary); font-size: 22px; margin-bottom: 10px; display: block; }
.mh-why__item strong { color: var(--mh-ink); font-size: 16px; display: block; margin-bottom: 4px; }
.mh-why__item p { color: var(--mh-muted); font-size: 14px; margin: 0; line-height: 1.8; }

/* المساعدة */
.mh-help { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.mh-help a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--mh-surface);
    border: 1px solid var(--mh-line);
    border-radius: 999px;
    padding: 10px 18px;
    color: var(--mh-ink);
    font-weight: 700;
    text-decoration: none;
}
.mh-help a i { color: var(--mh-primary); }
.mh-help a:hover { border-color: var(--mh-primary); color: var(--mh-primary); }

/* تواصل */
.mh-cta {
    margin: 48px 0 8px;
    background: var(--mh-ink);
    color: #fff;
    border-radius: 20px;
    padding: 30px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-inline-start: 6px solid var(--mh-sun);
}
.mh-cta h2 { color: #fff; font-size: 22px; font-weight: 800; margin: 0 0 4px; }
.mh-cta p { color: #C9C8E6; margin: 0; }
.mh-cta .btn { white-space: nowrap; }
.mh-cta .btn i { margin-inline-end: 6px; }

@media (max-width: 991.98px) {
    .mh-services { grid-template-columns: repeat(2, 1fr); }
    .mh-why__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767.98px) {
    .mh-hero { padding: 36px 0 44px; }
    .mh-hero__lead { font-size: 16px; margin-bottom: 20px; }
    .mh-hero__pixel { display: none; }
    .mh-domain__box { flex-wrap: wrap; padding: 8px; }
    .mh-domain__www { display: none; }
    #frmDomainHomepage .mh-domain__input { flex-basis: 100%; min-height: 48px; }
    .mh-domain__actions { flex-basis: 100%; }
    .mh-domain__actions .btn { flex: 1; min-height: 48px; }
    .mh-section { padding-top: 36px; }
    .mh-services { grid-template-columns: 1fr 1fr; gap: 10px; }
    .mh-service { padding: 16px; }
    .mh-service span:last-child { display: none; }
    .mh-service strong { font-size: 15px; }
    .mh-plans__controls { justify-content: flex-start; }
    /* الخطط: سحب أفقي على الموبايل والكارت اللي بعده باين */
    .mh-plan-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        margin: 0 -15px;
        padding: 16px 15px 12px;
        scrollbar-width: none;
    }
    .mh-plan-grid::-webkit-scrollbar { display: none; }
    .mh-plan { flex: 0 0 82%; scroll-snap-align: center; }
    .mh-plan-grid:has(.mh-plan + .mh-plan)::after { content: ""; flex: 0 0 1px; }
    .mh-swipe-hint { display: flex; }
    .mh-why__grid { grid-template-columns: 1fr; gap: 10px; }
    .mh-why__item { display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; padding: 16px; }
    .mh-why__item i { grid-row: span 2; margin: 4px 0 0; }
    .mh-help { justify-content: flex-start; }
    .mh-cta { flex-direction: column; align-items: stretch; text-align: center; padding: 24px 20px; }
    .mh-cta .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .mh-service:hover { transform: none; }
}


/* ==========================================================================
   باقي صفحات الموقع (بدون تعديل قوالب WHMCS — CSS بس، فالتحديثات بتوصل عادي)
   ========================================================================== */

/* فوتر الشركة */
#footer.footer { padding-bottom: 8px; }
body:has(.mh-footer) #footer .copyright { display: none; }
.mh-footer { background: var(--mh-ink); color: #B9B8D9; padding: 8px 0 0; font-size: 14px; }
.mh-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 28px; padding: 26px 0 30px; border-top: 1px solid rgba(255,255,255,.08); }
.mh-footer h2 { color: #fff; font-size: 16px; font-weight: 800; margin: 0 0 14px; }
.mh-footer ul { list-style: none; padding: 0 !important; margin: 0; }
.mh-footer li { margin-bottom: 8px; }
.mh-footer a { color: #DAD9F7; }
.mh-footer a:hover { color: var(--mh-sun); text-decoration: none; }
.mh-footer__about img { height: 34px; width: auto; margin-bottom: 12px; }
.mh-footer__about p { line-height: 1.9; margin: 0; max-width: 34em; }
.mh-footer__contact p { display: flex; gap: 8px; align-items: baseline; margin-bottom: 8px; }
.mh-footer__contact i { color: var(--mh-sun); width: 16px; }
.mh-footer__phones { flex-wrap: wrap; }
.mh-footer__phones a { font-weight: 700; margin-inline-end: 10px; }
.mh-footer__wa { background: var(--mh-sun); color: var(--mh-primary) !important; font-weight: 800; margin-top: 6px; }
.mh-footer__wa:hover { background: var(--mh-sun-hover); }
.mh-footer__bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 14px 0 18px; text-align: center; font-size: 13px; color: #9C9BC4; }
@media (max-width: 991.98px) { .mh-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575.98px) {
    .mh-footer__grid { grid-template-columns: 1fr 1fr; gap: 22px 14px; }
    .mh-footer__about, .mh-footer__contact { grid-column: 1 / -1; }
    .mh-footer__wa { display: block; }
}

/* عناوين الصفحات */
.primary-content > h1, .primary-content > .h1, .primary-content > h2:first-child,
.header-lined h1, .header-lined h2 { font-size: 24px; font-weight: 800; color: var(--mh-ink); margin-bottom: 18px; }

/* الدخول والتسجيل واستعادة كلمة السر */
.mw-540 { max-width: 540px; margin-inline: auto !important; }
.login-form .card-body, .card.mw-540 .card-body { padding: 36px 32px !important; }
.login-form .btn-primary, .card.mw-540 .btn-primary { width: 100%; min-height: 48px; font-size: 16px; }
.prepend-icon { position: relative; }
.prepend-icon .field-icon { position: absolute; top: 0; inset-inline-start: 0; width: 42px; height: 44px; display: grid; place-items: center; color: var(--mh-muted); z-index: 3; pointer-events: none; }
.prepend-icon .field { padding-inline-start: 42px !important; }
.password-strength-meter .progress { height: 6px; border-radius: 6px; background: var(--mh-line); }
.generate-password { border-radius: 8px; }
.sub-heading { text-align: center; border-top: 1px solid var(--mh-line); margin: 30px 0 18px; }
.sub-heading span { position: relative; top: -.85em; background: var(--mh-surface); padding: 0 14px; color: var(--mh-ink); font-weight: 800; }
.card .sub-heading span { background: var(--mh-surface); }

/* تفاصيل الخدمة */
.product-details .product-status { border-radius: var(--mh-radius-lg); padding: 22px; text-align: center; background: var(--mh-primary-soft); }
.product-details .product-icon .fa-stack .fa-circle { color: var(--mh-primary); }
.product-details .product-icon h3, .product-details .product-icon h4 { color: var(--mh-ink); font-weight: 800; margin-top: 10px; }
.product-details .product-status-text { margin-top: 12px; font-weight: 800; border-radius: 999px; padding: 4px; }
.product-status-active .product-status-text { background: #DDF2E7; color: #145C3B; }
.product-status-pending .product-status-text { background: #FFF1D6; color: #7A5300; }
.product-status-suspended .product-status-text, .product-status-terminated .product-status-text,
.product-status-cancelled .product-status-text, .product-status-fraud .product-status-text { background: #FBE3E1; color: #8E2019; }
.product-actions-wrapper .btn { margin-bottom: 8px; }
.product-details h4, .product-details .h4 { font-size: 14px; color: var(--mh-muted); margin: 0; }
.dial-usage { display: inline-block; text-align: center; }
.module-client-area { margin-top: 12px; }

/* التبويبات */
.nav-tabs { border-bottom: 1px solid var(--mh-line); gap: 4px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.nav-tabs::-webkit-scrollbar { display: none; }
.nav-tabs .nav-link { border: 0; border-bottom: 3px solid transparent; color: var(--mh-muted); font-weight: 700; white-space: nowrap; border-radius: 0; padding: 10px 14px; }
.nav-tabs .nav-link:hover { color: var(--mh-primary); border-bottom-color: var(--mh-line); }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--mh-primary); border-bottom-color: var(--mh-primary); background: transparent; }
.tab-content > .tab-pane { padding-top: 14px; }

/* التذاكر */
.view-ticket .card-header, .ticket-subject { font-weight: 800; }
.ticket-reply {
    background: var(--mh-surface);
    border: 1px solid var(--mh-line);
    border-radius: var(--mh-radius-lg);
    padding: 0;
    margin-bottom: 14px;
    overflow: hidden;
}
.ticket-reply .posted-by { background: #F9F9FC; border-bottom: 1px solid var(--mh-line); padding: 10px 16px; font-size: 13px; color: var(--mh-muted); }
.ticket-reply .posted-by-name { color: var(--mh-ink); font-weight: 800; font-size: 14px; }
.ticket-reply .message, .ticket-reply > .markdown-content { padding: 14px 16px; line-height: 1.9; }
.ticket-reply.staff { border-color: #D2D1F4; box-shadow: inset -4px 0 0 var(--mh-primary); }
html:not([dir="rtl"]) .ticket-reply.staff { box-shadow: inset 4px 0 0 var(--mh-primary); }
.ticket-reply.staff .posted-by { background: var(--mh-primary-soft); }
.requestor-badge { background: var(--mh-paper); color: var(--mh-ink); }
.requestor-type-operator { background: var(--mh-primary) !important; color: #fff !important; }
.attachment-group, .attachments { padding: 10px 16px; border-top: 1px dashed var(--mh-line); }
.rating .star, .rating-done .star { color: #CFCFE3; font-size: 22px; cursor: pointer; }
.rating .star.active, .rating-done .star.active, .rating .star:hover, .rating .star:hover ~ .star { color: var(--mh-sun); }
.markdown-content img { max-width: 100%; height: auto; }
.markdown-content pre, .markdown-content code { background: #F4F4FA; border-radius: 8px; }
.md-editor { border-radius: var(--mh-radius); border-color: #D2D2E4; overflow: hidden; }
.md-editor.active { border-color: var(--mh-primary); box-shadow: 0 0 0 3px rgba(var(--mh-primary-rgb), .2); }
.custom-file-label { border-radius: var(--mh-radius); border-color: #D2D2E4; min-height: 44px; line-height: 1.9; }

.requestor-badge { white-space: nowrap; display: inline-block; }
.view-ticket .card-title, .ticket-subject, .sidebar .card-body > strong:first-child { unicode-bidi: plaintext; }
@media (max-width: 767.98px) {
    .ticket-reply .posted-by .requestor-badge { float: none !important; margin-top: 4px; }
}

/* قاعدة المعرفة والأخبار */
.kb-search .form-control, .kb-search input { min-height: 52px; font-size: 16px; border-radius: 14px; }
.kb-category, .kb-article-item { display: block; color: var(--mh-text); }
.kb-category:hover, .kb-article-item:hover { color: var(--mh-primary); text-decoration: none; }
.kb-article-item i, .kb-category i { color: var(--mh-primary); }
.kb-article-content, .kb-article-details { line-height: 2; font-size: 16px; }
.kb-article-content img { max-width: 100%; height: auto; border-radius: 10px; }
.announcements .announcement { background: var(--mh-surface); border: 1px solid var(--mh-line); border-radius: var(--mh-radius-lg); padding: 20px 22px; margin-bottom: 16px; }
.announcements .announcement h1, .announcements .announcement h2 { font-size: 20px; }
.announcements .announcement h1 a, .announcements .announcement h2 a { color: var(--mh-ink); }
.announcements .announcement h1 a:hover, .announcements .announcement h2 a:hover { color: var(--mh-primary); }

/* أزرار الأيقونات (مساعدة / حسابك) */
.action-icon-btns a {
    display: block;
    background: var(--mh-surface);
    border: 1px solid var(--mh-line) !important;
    border-radius: var(--mh-radius-lg);
    padding: 18px 10px;
    text-align: center;
    color: var(--mh-ink) !important;
    font-weight: 700;
    margin-bottom: 14px;
    text-decoration: none !important;
    box-shadow: none !important;
}
.action-icon-btns a:hover { border-color: var(--mh-primary) !important; color: var(--mh-primary) !important; }
.action-icon-btns .ico-container { margin: 0 auto 8px; }
.action-icon-btns .ico-container i { color: var(--mh-primary) !important; font-size: 26px; }

/* حالة الشبكة والتنبيهات */
.network-issue-alert { border-radius: 0; }
.alert-link { color: inherit; text-decoration: underline; }

/* القائمة الجانبية على الموبايل (Select) */
.card-sidebar select.form-control, .sidebar select.custom-select { min-height: 46px; font-weight: 700; }

/* صفحات الخطأ والفارغة */
.error-container, .text-center.error { padding: 48px 12px; }
.error-container h1, .error .h1 { font-size: 64px; font-weight: 900; color: var(--mh-primary); }
.table-list .dataTables_empty, .dataTables_empty { padding: 30px 12px !important; color: var(--mh-muted); text-align: center !important; }

/* فورمات عامة داخل الكروت */
.card .form-group label { font-size: 14px; }
.field-help-text, .form-text { color: var(--mh-muted); font-size: 13px; }
.captchaimage img { border-radius: 8px; }
.btn-xs { padding: 3px 10px; font-size: 12px; border-radius: 7px; }
.modal-localisation .item-selector .item {
    border: 1px solid var(--mh-line); border-radius: var(--mh-radius); padding: 8px 10px; margin-bottom: 8px; display: block;
}
.modal-localisation .item-selector .item.active { border-color: var(--mh-primary); background: var(--mh-primary-soft); }


/* ==========================================================================
   قوايم الخدمات والدومينات والفواتير والتذاكر على الموبايل
   الجدول بيتحول لكروت بدل ما يوسّع الصفحة ويخليها تتحرك يمين وشمال
   ========================================================================== */
body { overflow-x: clip; }                       /* شبكة أمان: مفيش حاجة توسّع الصفحة */
.table-container, .dataTables_wrapper { max-width: 100%; }
.dataTables_wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dataTables_wrapper .dataTables_filter input { max-width: 100%; }

@media (max-width: 767.98px) {
    .dataTables_wrapper { overflow-x: visible; }
    .dataTables_wrapper table.table-list,
    .dataTables_wrapper table.table-list tbody { display: block; width: 100% !important; border: 0; }
    .dataTables_wrapper table.table-list thead { display: none; }
    .dataTables_wrapper table.table-list tbody tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 18px;
        background: var(--mh-surface);
        border: 1px solid var(--mh-line);
        border-radius: var(--mh-radius-lg);
        padding: 14px 16px;
        margin: 0 0 10px;
        cursor: pointer;
    }
    .dataTables_wrapper table.table-list tbody tr:hover > td { background: transparent; }
    .dataTables_wrapper table.table-list tbody td {
        display: block;
        width: auto !important;
        min-width: 0;
        border: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        font-size: 14px;
        color: var(--mh-muted);
    }
    /* أول خانة (اسم الخدمة / الدومين / رقم الفاتورة) بعرض الكارت */
    .dataTables_wrapper table.table-list tbody td { text-align: right !important; line-height: 1.5; }
    .dataTables_wrapper table.table-list tbody td br { display: none; }
    .dataTables_wrapper table.table-list tbody td small { margin-inline-start: 4px; }
    .dataTables_wrapper table.table-list tbody td:first-child { flex: 0 0 100%; color: var(--mh-ink); font-size: 15px; }
    .dataTables_wrapper table.table-list tbody td:first-child br { display: block; content: ""; margin-top: 2px; }
    .dataTables_wrapper table.table-list tbody td:first-child strong { font-weight: 800; }
    /* خانة الاختيار في صفحة الدومينات متاخدش سطر لوحدها */
    .dataTables_wrapper table.table-list tbody td:first-child:has(> input[type="checkbox"]) { flex-basis: auto; }
    /* الحالة دايماً في آخر الكارت ناحية الطرف */
    .dataTables_wrapper table.table-list tbody td:last-child { margin-inline-start: auto; }
    .dataTables_wrapper table.table-list tbody td.dataTables_empty { flex-basis: 100%; text-align: center !important; }
    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none !important; text-align: center !important; width: 100%; }
    .dataTables_wrapper .dataTables_filter label { display: block; width: 100%; }
    .dataTables_wrapper .dataTables_filter input { width: 100% !important; margin: 0 !important; }
    .dataTables_wrapper .dataTables_paginate .pagination { justify-content: center; flex-wrap: wrap; }
    .table-list > tbody > tr > td .label.status { min-width: 0; }
}

/* ---------- 14. الوصولية ---------- */
:focus-visible { outline: 3px solid var(--mh-primary); outline-offset: 2px; box-shadow: 0 0 0 6px var(--mh-sun); }
#header :focus-visible, #footer :focus-visible { outline-color: var(--mh-sun); box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ---------- 15. الموبايل ---------- */
@media (max-width: 767.98px) {
    body { font-size: 15px; }
    #main-body { padding: 18px 0 32px; }
    .card-body { padding: 14px; }
    .tiles .tile { padding: 16px 16px 20px; }
    .tiles .tile .stat { font-size: 28px; }
    .btn { padding: 9px 16px; }
    .table-responsive { -webkit-overflow-scrolling: touch; }
    .table-responsive .table td, .table-responsive .table th { white-space: nowrap; }
    #header .navbar-light { padding: 10px 0; }
    #header .navbar-light > .container { flex-wrap: nowrap; }
    #header .navbar-brand { margin: 0 !important; min-width: 0; flex: 0 1 auto; }
    #header .navbar-brand .logo-img { max-height: 34px; max-width: 100%; }
    #header .navbar-light .toolbar { flex-shrink: 0; }
    #header .navbar-light .toolbar .nav-item { margin-right: 8px !important; margin-left: 0 !important; }
    #header .navbar-light .toolbar .btn { padding: 7px 10px; }
    /* حجم لمس مريح */
    .sidebar .list-group-item { padding-top: 12px; padding-bottom: 12px; }
    .dropdown-item { padding-top: 11px; padding-bottom: 11px; }
}

/* ---------- 16. الطباعة ---------- */
@media print {
    #header, #footer, .master-breadcrumb, .sidebar { display: none !important; }
    body { background: #fff; }
    .card { box-shadow: none; }
}


/* ==========================================================================
   طبقة RTL — تُطبَّق فقط لما تكون لغة العميل عربية (html[dir=rtl])
   Bootstrap 4 في Twenty-One مكتوب LTR، فهنا بنعكس الاتجاهات بدقة
   ========================================================================== */
html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
html[dir="rtl"] .float-left { float: right !important; }
html[dir="rtl"] .float-right { float: left !important; }
html[dir="rtl"] .border-left { border-left: 0 !important; border-right: 1px solid #dee2e6 !important; }
html[dir="rtl"] .border-right { border-right: 0 !important; border-left: 1px solid #dee2e6 !important; }
html[dir="rtl"] .rounded-left { border-radius: 0 .25rem .25rem 0 !important; }
html[dir="rtl"] .rounded-right { border-radius: .25rem 0 0 .25rem !important; }

html[dir="rtl"] .ml-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-0 { margin-right: 0 !important; margin-left: 0 !important; }
html[dir="rtl"] .pl-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-0 { padding-right: 0 !important; padding-left: 0 !important; }
html[dir="rtl"] .ml-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .mr-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .pl-1 { padding-left: 0 !important; padding-right: .25rem !important; }
html[dir="rtl"] .pr-1 { padding-right: 0 !important; padding-left: .25rem !important; }
html[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .mr-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .pl-2 { padding-left: 0 !important; padding-right: .5rem !important; }
html[dir="rtl"] .pr-2 { padding-right: 0 !important; padding-left: .5rem !important; }
html[dir="rtl"] .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .pl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pr-3 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .ml-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .mr-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
html[dir="rtl"] .pl-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .pr-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
html[dir="rtl"] .ml-5 { margin-left: 0 !important; margin-right: 3rem !important; }
html[dir="rtl"] .mr-5 { margin-right: 0 !important; margin-left: 3rem !important; }
html[dir="rtl"] .pl-5 { padding-left: 0 !important; padding-right: 3rem !important; }
html[dir="rtl"] .pr-5 { padding-right: 0 !important; padding-left: 3rem !important; }
html[dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; }
html[dir="rtl"] .mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .px-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .mx-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
html[dir="rtl"] .px-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
html[dir="rtl"] .mx-2 { margin-left: .5rem !important; margin-right: .5rem !important; }
html[dir="rtl"] .px-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
html[dir="rtl"] .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
html[dir="rtl"] .px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
html[dir="rtl"] .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
html[dir="rtl"] .px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
html[dir="rtl"] .mx-auto { margin-left: auto !important; margin-right: auto !important; }
@media (min-width: 576px) {
html[dir="rtl"] .text-sm-left { text-align: right !important; }
html[dir="rtl"] .text-sm-right { text-align: left !important; }
html[dir="rtl"] .float-sm-left { float: right !important; }
html[dir="rtl"] .float-sm-right { float: left !important; }
html[dir="rtl"] .ml-sm-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
html[dir="rtl"] .pl-sm-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
html[dir="rtl"] .ml-sm-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .mr-sm-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .pl-sm-1 { padding-left: 0 !important; padding-right: .25rem !important; }
html[dir="rtl"] .pr-sm-1 { padding-right: 0 !important; padding-left: .25rem !important; }
html[dir="rtl"] .ml-sm-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .mr-sm-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .pl-sm-2 { padding-left: 0 !important; padding-right: .5rem !important; }
html[dir="rtl"] .pr-sm-2 { padding-right: 0 !important; padding-left: .5rem !important; }
html[dir="rtl"] .ml-sm-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .mr-sm-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .pl-sm-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pr-sm-3 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .ml-sm-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .mr-sm-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
html[dir="rtl"] .pl-sm-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .pr-sm-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
html[dir="rtl"] .ml-sm-5 { margin-left: 0 !important; margin-right: 3rem !important; }
html[dir="rtl"] .mr-sm-5 { margin-right: 0 !important; margin-left: 3rem !important; }
html[dir="rtl"] .pl-sm-5 { padding-left: 0 !important; padding-right: 3rem !important; }
html[dir="rtl"] .pr-sm-5 { padding-right: 0 !important; padding-left: 3rem !important; }
html[dir="rtl"] .ml-sm-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-sm-auto { margin-right: 0 !important; margin-left: auto !important; }
html[dir="rtl"] .mx-sm-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .px-sm-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .mx-sm-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
html[dir="rtl"] .px-sm-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
html[dir="rtl"] .mx-sm-2 { margin-left: .5rem !important; margin-right: .5rem !important; }
html[dir="rtl"] .px-sm-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
html[dir="rtl"] .mx-sm-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
html[dir="rtl"] .px-sm-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
html[dir="rtl"] .mx-sm-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .px-sm-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .mx-sm-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
html[dir="rtl"] .px-sm-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
html[dir="rtl"] .mx-sm-auto { margin-left: auto !important; margin-right: auto !important; }
}
@media (min-width: 768px) {
html[dir="rtl"] .text-md-left { text-align: right !important; }
html[dir="rtl"] .text-md-right { text-align: left !important; }
html[dir="rtl"] .float-md-left { float: right !important; }
html[dir="rtl"] .float-md-right { float: left !important; }
html[dir="rtl"] .ml-md-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
html[dir="rtl"] .pl-md-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
html[dir="rtl"] .ml-md-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .mr-md-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .pl-md-1 { padding-left: 0 !important; padding-right: .25rem !important; }
html[dir="rtl"] .pr-md-1 { padding-right: 0 !important; padding-left: .25rem !important; }
html[dir="rtl"] .ml-md-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .mr-md-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .pl-md-2 { padding-left: 0 !important; padding-right: .5rem !important; }
html[dir="rtl"] .pr-md-2 { padding-right: 0 !important; padding-left: .5rem !important; }
html[dir="rtl"] .ml-md-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .mr-md-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .pl-md-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pr-md-3 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .ml-md-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .mr-md-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
html[dir="rtl"] .pl-md-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .pr-md-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
html[dir="rtl"] .ml-md-5 { margin-left: 0 !important; margin-right: 3rem !important; }
html[dir="rtl"] .mr-md-5 { margin-right: 0 !important; margin-left: 3rem !important; }
html[dir="rtl"] .pl-md-5 { padding-left: 0 !important; padding-right: 3rem !important; }
html[dir="rtl"] .pr-md-5 { padding-right: 0 !important; padding-left: 3rem !important; }
html[dir="rtl"] .ml-md-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-md-auto { margin-right: 0 !important; margin-left: auto !important; }
html[dir="rtl"] .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .px-md-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .mx-md-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
html[dir="rtl"] .px-md-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
html[dir="rtl"] .mx-md-2 { margin-left: .5rem !important; margin-right: .5rem !important; }
html[dir="rtl"] .px-md-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
html[dir="rtl"] .mx-md-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
html[dir="rtl"] .px-md-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
html[dir="rtl"] .mx-md-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .px-md-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .mx-md-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
html[dir="rtl"] .px-md-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
html[dir="rtl"] .mx-md-auto { margin-left: auto !important; margin-right: auto !important; }
}
@media (min-width: 992px) {
html[dir="rtl"] .text-lg-left { text-align: right !important; }
html[dir="rtl"] .text-lg-right { text-align: left !important; }
html[dir="rtl"] .float-lg-left { float: right !important; }
html[dir="rtl"] .float-lg-right { float: left !important; }
html[dir="rtl"] .ml-lg-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
html[dir="rtl"] .pl-lg-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
html[dir="rtl"] .ml-lg-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .mr-lg-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .pl-lg-1 { padding-left: 0 !important; padding-right: .25rem !important; }
html[dir="rtl"] .pr-lg-1 { padding-right: 0 !important; padding-left: .25rem !important; }
html[dir="rtl"] .ml-lg-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .mr-lg-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .pl-lg-2 { padding-left: 0 !important; padding-right: .5rem !important; }
html[dir="rtl"] .pr-lg-2 { padding-right: 0 !important; padding-left: .5rem !important; }
html[dir="rtl"] .ml-lg-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .mr-lg-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .pl-lg-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pr-lg-3 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .ml-lg-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .mr-lg-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
html[dir="rtl"] .pl-lg-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .pr-lg-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
html[dir="rtl"] .ml-lg-5 { margin-left: 0 !important; margin-right: 3rem !important; }
html[dir="rtl"] .mr-lg-5 { margin-right: 0 !important; margin-left: 3rem !important; }
html[dir="rtl"] .pl-lg-5 { padding-left: 0 !important; padding-right: 3rem !important; }
html[dir="rtl"] .pr-lg-5 { padding-right: 0 !important; padding-left: 3rem !important; }
html[dir="rtl"] .ml-lg-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-lg-auto { margin-right: 0 !important; margin-left: auto !important; }
html[dir="rtl"] .mx-lg-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .px-lg-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .mx-lg-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
html[dir="rtl"] .px-lg-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
html[dir="rtl"] .mx-lg-2 { margin-left: .5rem !important; margin-right: .5rem !important; }
html[dir="rtl"] .px-lg-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
html[dir="rtl"] .mx-lg-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
html[dir="rtl"] .px-lg-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
html[dir="rtl"] .mx-lg-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .px-lg-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .mx-lg-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
html[dir="rtl"] .px-lg-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
html[dir="rtl"] .mx-lg-auto { margin-left: auto !important; margin-right: auto !important; }
}
@media (min-width: 1200px) {
html[dir="rtl"] .text-xl-left { text-align: right !important; }
html[dir="rtl"] .text-xl-right { text-align: left !important; }
html[dir="rtl"] .float-xl-left { float: right !important; }
html[dir="rtl"] .float-xl-right { float: left !important; }
html[dir="rtl"] .ml-xl-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
html[dir="rtl"] .pl-xl-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
html[dir="rtl"] .ml-xl-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .mr-xl-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .pl-xl-1 { padding-left: 0 !important; padding-right: .25rem !important; }
html[dir="rtl"] .pr-xl-1 { padding-right: 0 !important; padding-left: .25rem !important; }
html[dir="rtl"] .ml-xl-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .mr-xl-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .pl-xl-2 { padding-left: 0 !important; padding-right: .5rem !important; }
html[dir="rtl"] .pr-xl-2 { padding-right: 0 !important; padding-left: .5rem !important; }
html[dir="rtl"] .ml-xl-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .mr-xl-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .pl-xl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pr-xl-3 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .ml-xl-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .mr-xl-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
html[dir="rtl"] .pl-xl-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .pr-xl-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
html[dir="rtl"] .ml-xl-5 { margin-left: 0 !important; margin-right: 3rem !important; }
html[dir="rtl"] .mr-xl-5 { margin-right: 0 !important; margin-left: 3rem !important; }
html[dir="rtl"] .pl-xl-5 { padding-left: 0 !important; padding-right: 3rem !important; }
html[dir="rtl"] .pr-xl-5 { padding-right: 0 !important; padding-left: 3rem !important; }
html[dir="rtl"] .ml-xl-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-xl-auto { margin-right: 0 !important; margin-left: auto !important; }
html[dir="rtl"] .mx-xl-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .px-xl-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .mx-xl-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
html[dir="rtl"] .px-xl-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
html[dir="rtl"] .mx-xl-2 { margin-left: .5rem !important; margin-right: .5rem !important; }
html[dir="rtl"] .px-xl-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
html[dir="rtl"] .mx-xl-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
html[dir="rtl"] .px-xl-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
html[dir="rtl"] .mx-xl-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .px-xl-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .mx-xl-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
html[dir="rtl"] .px-xl-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
html[dir="rtl"] .mx-xl-auto { margin-left: auto !important; margin-right: auto !important; }
}
html[dir="rtl"] .offset-0 { margin-left: 0; margin-right: 0; }
html[dir="rtl"] .offset-1 { margin-left: 0; margin-right: 8.333333%; }
html[dir="rtl"] .offset-2 { margin-left: 0; margin-right: 16.666667%; }
html[dir="rtl"] .offset-3 { margin-left: 0; margin-right: 25.0%; }
html[dir="rtl"] .offset-4 { margin-left: 0; margin-right: 33.333333%; }
html[dir="rtl"] .offset-5 { margin-left: 0; margin-right: 41.666667%; }
html[dir="rtl"] .offset-6 { margin-left: 0; margin-right: 50.0%; }
html[dir="rtl"] .offset-7 { margin-left: 0; margin-right: 58.333333%; }
html[dir="rtl"] .offset-8 { margin-left: 0; margin-right: 66.666667%; }
html[dir="rtl"] .offset-9 { margin-left: 0; margin-right: 75.0%; }
html[dir="rtl"] .offset-10 { margin-left: 0; margin-right: 83.333333%; }
html[dir="rtl"] .offset-11 { margin-left: 0; margin-right: 91.666667%; }
@media (min-width: 576px) {
html[dir="rtl"] .offset-sm-0 { margin-left: 0; margin-right: 0; }
html[dir="rtl"] .offset-sm-1 { margin-left: 0; margin-right: 8.333333%; }
html[dir="rtl"] .offset-sm-2 { margin-left: 0; margin-right: 16.666667%; }
html[dir="rtl"] .offset-sm-3 { margin-left: 0; margin-right: 25.0%; }
html[dir="rtl"] .offset-sm-4 { margin-left: 0; margin-right: 33.333333%; }
html[dir="rtl"] .offset-sm-5 { margin-left: 0; margin-right: 41.666667%; }
html[dir="rtl"] .offset-sm-6 { margin-left: 0; margin-right: 50.0%; }
html[dir="rtl"] .offset-sm-7 { margin-left: 0; margin-right: 58.333333%; }
html[dir="rtl"] .offset-sm-8 { margin-left: 0; margin-right: 66.666667%; }
html[dir="rtl"] .offset-sm-9 { margin-left: 0; margin-right: 75.0%; }
html[dir="rtl"] .offset-sm-10 { margin-left: 0; margin-right: 83.333333%; }
html[dir="rtl"] .offset-sm-11 { margin-left: 0; margin-right: 91.666667%; }
}
@media (min-width: 768px) {
html[dir="rtl"] .offset-md-0 { margin-left: 0; margin-right: 0; }
html[dir="rtl"] .offset-md-1 { margin-left: 0; margin-right: 8.333333%; }
html[dir="rtl"] .offset-md-2 { margin-left: 0; margin-right: 16.666667%; }
html[dir="rtl"] .offset-md-3 { margin-left: 0; margin-right: 25.0%; }
html[dir="rtl"] .offset-md-4 { margin-left: 0; margin-right: 33.333333%; }
html[dir="rtl"] .offset-md-5 { margin-left: 0; margin-right: 41.666667%; }
html[dir="rtl"] .offset-md-6 { margin-left: 0; margin-right: 50.0%; }
html[dir="rtl"] .offset-md-7 { margin-left: 0; margin-right: 58.333333%; }
html[dir="rtl"] .offset-md-8 { margin-left: 0; margin-right: 66.666667%; }
html[dir="rtl"] .offset-md-9 { margin-left: 0; margin-right: 75.0%; }
html[dir="rtl"] .offset-md-10 { margin-left: 0; margin-right: 83.333333%; }
html[dir="rtl"] .offset-md-11 { margin-left: 0; margin-right: 91.666667%; }
}
@media (min-width: 992px) {
html[dir="rtl"] .offset-lg-0 { margin-left: 0; margin-right: 0; }
html[dir="rtl"] .offset-lg-1 { margin-left: 0; margin-right: 8.333333%; }
html[dir="rtl"] .offset-lg-2 { margin-left: 0; margin-right: 16.666667%; }
html[dir="rtl"] .offset-lg-3 { margin-left: 0; margin-right: 25.0%; }
html[dir="rtl"] .offset-lg-4 { margin-left: 0; margin-right: 33.333333%; }
html[dir="rtl"] .offset-lg-5 { margin-left: 0; margin-right: 41.666667%; }
html[dir="rtl"] .offset-lg-6 { margin-left: 0; margin-right: 50.0%; }
html[dir="rtl"] .offset-lg-7 { margin-left: 0; margin-right: 58.333333%; }
html[dir="rtl"] .offset-lg-8 { margin-left: 0; margin-right: 66.666667%; }
html[dir="rtl"] .offset-lg-9 { margin-left: 0; margin-right: 75.0%; }
html[dir="rtl"] .offset-lg-10 { margin-left: 0; margin-right: 83.333333%; }
html[dir="rtl"] .offset-lg-11 { margin-left: 0; margin-right: 91.666667%; }
}
@media (min-width: 1200px) {
html[dir="rtl"] .offset-xl-0 { margin-left: 0; margin-right: 0; }
html[dir="rtl"] .offset-xl-1 { margin-left: 0; margin-right: 8.333333%; }
html[dir="rtl"] .offset-xl-2 { margin-left: 0; margin-right: 16.666667%; }
html[dir="rtl"] .offset-xl-3 { margin-left: 0; margin-right: 25.0%; }
html[dir="rtl"] .offset-xl-4 { margin-left: 0; margin-right: 33.333333%; }
html[dir="rtl"] .offset-xl-5 { margin-left: 0; margin-right: 41.666667%; }
html[dir="rtl"] .offset-xl-6 { margin-left: 0; margin-right: 50.0%; }
html[dir="rtl"] .offset-xl-7 { margin-left: 0; margin-right: 58.333333%; }
html[dir="rtl"] .offset-xl-8 { margin-left: 0; margin-right: 66.666667%; }
html[dir="rtl"] .offset-xl-9 { margin-left: 0; margin-right: 75.0%; }
html[dir="rtl"] .offset-xl-10 { margin-left: 0; margin-right: 83.333333%; }
html[dir="rtl"] .offset-xl-11 { margin-left: 0; margin-right: 91.666667%; }
}

/* ---- مكونات Bootstrap ---- */
html[dir="rtl"] .dropdown-menu { text-align: right; right: 0; left: auto; }
html[dir="rtl"] .dropdown-menu-right { right: auto; left: 0; }
html[dir="rtl"] .dropdown-menu-left { left: auto; right: 0; }
html[dir="rtl"] .dropdown-toggle::after { margin-left: 0; margin-right: .3em; }
html[dir="rtl"] .dropdown-item i, html[dir="rtl"] .list-group-item > i:first-child, html[dir="rtl"] .btn > i:first-child { margin-left: .35em; margin-right: 0; }

html[dir="rtl"] .input-group > .form-control:not(:last-child),
html[dir="rtl"] .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend > .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 var(--mh-radius) var(--mh-radius) 0;
}
html[dir="rtl"] .input-group > .form-control:not(:first-child),
html[dir="rtl"] .input-group > .custom-select:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: var(--mh-radius) 0 0 var(--mh-radius);
}
html[dir="rtl"] .input-group > .form-control:not(:first-child):not(:last-child),
html[dir="rtl"] .input-group > .custom-select:not(:first-child):not(:last-child) { border-radius: 0; }
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend > .btn { border-radius: 0 var(--mh-radius) var(--mh-radius) 0; }
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append > .btn { border-radius: var(--mh-radius) 0 0 var(--mh-radius); }
html[dir="rtl"] .input-group-prepend { margin-right: 0; margin-left: -1px; }
html[dir="rtl"] .input-group-append { margin-left: 0; margin-right: -1px; }
html[dir="rtl"] .input-group > .form-control + .form-control,
html[dir="rtl"] .input-group > .form-control + .custom-select { margin-left: 0; margin-right: -1px; }

html[dir="rtl"] .btn-group > .btn:not(:first-child),
html[dir="rtl"] .btn-group > .btn-group:not(:first-child) { margin-left: 0; margin-right: -1px; }
html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn { border-radius: 0 var(--mh-radius) var(--mh-radius) 0; }
html[dir="rtl"] .btn-group > .btn:not(:first-child),
html[dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn { border-radius: var(--mh-radius) 0 0 var(--mh-radius); }
html[dir="rtl"] .btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
html[dir="rtl"] .btn-group-sm > .btn:only-child, html[dir="rtl"] .btn-group > .btn:only-child { border-radius: var(--mh-radius); }

html[dir="rtl"] .custom-select { padding: .375rem .75rem .375rem 1.75rem; background-position: left .75rem center; }
html[dir="rtl"] .custom-control { padding-left: 0; padding-right: 1.5rem; }
html[dir="rtl"] .custom-control-label::before,
html[dir="rtl"] .custom-control-label::after { left: auto; right: -1.5rem; }
html[dir="rtl"] .custom-switch { padding-left: 0; padding-right: 2.25rem; }
html[dir="rtl"] .custom-switch .custom-control-label::before { left: auto; right: -2.25rem; }
html[dir="rtl"] .custom-switch .custom-control-label::after { left: auto; right: calc(-2.25rem + 2px); }
html[dir="rtl"] .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(-.75rem); }
html[dir="rtl"] .custom-control-inline { margin-right: 0; margin-left: 1rem; }
html[dir="rtl"] .form-check { padding-left: 0; padding-right: 1.25rem; }
html[dir="rtl"] .form-check-input { margin-left: 0; margin-right: -1.25rem; }
html[dir="rtl"] .form-check-inline { margin-right: 0; margin-left: .75rem; }
html[dir="rtl"] .form-check-inline .form-check-input { margin-right: 0; margin-left: .3125rem; }
html[dir="rtl"] .custom-file-label::after { right: auto; left: 0; border-left: 0; border-right: inherit; border-radius: var(--mh-radius) 0 0 var(--mh-radius); }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item { padding-left: 0; padding-right: .5rem; }
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { padding-right: 0; padding-left: .5rem; float: right; }

html[dir="rtl"] .pagination { padding-right: 0; }
html[dir="rtl"] .page-item:first-child .page-link { margin-left: 0; border-radius: 0 var(--mh-radius) var(--mh-radius) 0; }
html[dir="rtl"] .page-item:last-child .page-link { border-radius: var(--mh-radius) 0 0 var(--mh-radius); }
html[dir="rtl"] .page-link { margin-left: 0; margin-right: -1px; }

html[dir="rtl"] .alert-dismissible { padding-right: 1.25rem; padding-left: 4rem; }
html[dir="rtl"] .alert-dismissible .close { right: auto; left: 0; }
html[dir="rtl"] .modal-header .close { margin: -1rem auto -1rem -1rem; }
html[dir="rtl"] .modal-footer > :not(:first-child) { margin-left: 0; margin-right: .25rem; }
html[dir="rtl"] .modal-footer > :not(:last-child) { margin-right: 0; margin-left: .25rem; }
html[dir="rtl"] .close { float: left; }
html[dir="rtl"] .list-group, html[dir="rtl"] ul, html[dir="rtl"] ol { padding-right: 0; }
html[dir="rtl"] .list-unstyled, html[dir="rtl"] .list-inline { padding-right: 0; }
html[dir="rtl"] ul:not(.list-unstyled):not(.list-inline):not(.navbar-nav):not(.nav):not(.pagination):not(.list-group):not(.dropdown-menu):not(.client-alerts) { padding-right: 1.4rem; padding-left: 0; }
html[dir="rtl"] ol { padding-right: 1.4rem; padding-left: 0; }
html[dir="rtl"] .list-inline-item:not(:last-child) { margin-right: 0; margin-left: .5rem; }
html[dir="rtl"] .navbar-nav { padding-right: 0; }
html[dir="rtl"] .navbar-brand { margin-right: 0; margin-left: 1rem; }
html[dir="rtl"] .nav { padding-right: 0; }
html[dir="rtl"] .table th, html[dir="rtl"] .table td { text-align: right; }
html[dir="rtl"] .table th.text-center, html[dir="rtl"] .table td.text-center { text-align: center; }
html[dir="rtl"] .table .text-right, html[dir="rtl"] .table th.text-right, html[dir="rtl"] .table td.text-right { text-align: left !important; }
html[dir="rtl"] .card-header .card-minimise { float: left !important; }
html[dir="rtl"] .badge.float-right { float: left !important; }

/* الأيقونات الاتجاهية تنقلب مع الاتجاه */
html[dir="rtl"] .fa-chevron-right, html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-angle-right, html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-angle-double-right, html[dir="rtl"] .fa-angle-double-left,
html[dir="rtl"] .fa-arrow-right, html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-long-arrow-right, html[dir="rtl"] .fa-long-arrow-left,
html[dir="rtl"] .fa-long-arrow-alt-right, html[dir="rtl"] .fa-long-arrow-alt-left,
html[dir="rtl"] .fa-caret-right, html[dir="rtl"] .fa-caret-left,
html[dir="rtl"] .fa-arrow-circle-right, html[dir="rtl"] .fa-arrow-circle-left,
html[dir="rtl"] .fa-sign-out, html[dir="rtl"] .fa-sign-out-alt,
html[dir="rtl"] .fa-sign-in, html[dir="rtl"] .fa-sign-in-alt,
html[dir="rtl"] .fa-reply, html[dir="rtl"] .fa-share { transform: scaleX(-1); }

/* بيانات لازم تفضل LTR: إيميل، دومين، روابط، أرقام تليفون، IP، كلمات سر */
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="password"], html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[name*="domain"], html[dir="rtl"] input[name*="email"],
html[dir="rtl"] input[name^="ns"], html[dir="rtl"] input[name*="nameserver"],
html[dir="rtl"] input[name="ccnumber"], html[dir="rtl"] input[name="cccvv"],
html[dir="rtl"] input[name="ccexpirydate"] {
    direction: ltr;
    text-align: right;
}
html[dir="rtl"] input[type="email"]:placeholder-shown, html[dir="rtl"] input[type="url"]:placeholder-shown,
html[dir="rtl"] input[type="tel"]:placeholder-shown, html[dir="rtl"] input[name*="domain"]:placeholder-shown { direction: rtl; }
html[dir="rtl"] .intl-tel-input, html[dir="rtl"] .iti { direction: ltr; }
html[dir="rtl"] .intl-tel-input input, html[dir="rtl"] .iti input { text-align: left; }
html[dir="rtl"] .iti__country-list, html[dir="rtl"] .intl-tel-input .country-list { text-align: left; }

/* ---- أجزاء Twenty-One ---- */
html[dir="rtl"] #header .topbar .input-group.active-client { flex-direction: row; }
html[dir="rtl"] #header .navbar .toolbar .nav-item { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] #accountNotificationsContent .client-alerts, html[dir="rtl"] .client-alerts { padding-right: 0; text-align: right; }
html[dir="rtl"] .client-alerts li a i { float: right; margin-left: 8px; margin-right: 0; }
html[dir="rtl"] .client-alerts li a .message { margin-left: 0; margin-right: 26px; }
html[dir="rtl"] .sidebar .list-group-item i, html[dir="rtl"] .card-sidebar .card-title i { margin-left: 6px; margin-right: 0; }
html[dir="rtl"] .sidebar .list-group-item .sidebar-menu-item-badge,
html[dir="rtl"] .sidebar .list-group-item .badge { float: left; }
html[dir="rtl"] .primary-content .card-title .float-right { float: left !important; }
html[dir="rtl"] .footer .nav { padding-right: 0; }
html[dir="rtl"] .modal-localisation .item-selector .item { text-align: right; }
html[dir="rtl"] #fullpage-overlay .msg { direction: rtl; }
html[dir="rtl"] .md-editor .md-header .btn-group { float: right; }
html[dir="rtl"] .md-editor .md-header .btn-group + .btn-group { margin-right: 5px; margin-left: 0; }
html[dir="rtl"] .md-editor .md-footer { text-align: right; }

/* DataTables (قوايم الخدمات والفواتير والتذاكر) */
html[dir="rtl"] .dataTables_wrapper .dataTables_filter { text-align: left; float: left; }
html[dir="rtl"] .dataTables_wrapper .dataTables_filter input { margin-left: 0; margin-right: .5em; }
html[dir="rtl"] .dataTables_wrapper .dataTables_length { float: right; text-align: right; }
html[dir="rtl"] .dataTables_wrapper .dataTables_info { float: right; text-align: right; }
html[dir="rtl"] .dataTables_wrapper .dataTables_paginate { float: left; text-align: left; }
html[dir="rtl"] table.dataTable thead > tr > th.sorting,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_asc,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_desc { padding-right: .75rem; padding-left: 30px; }
html[dir="rtl"] table.dataTable thead .sorting::before, html[dir="rtl"] table.dataTable thead .sorting::after,
html[dir="rtl"] table.dataTable thead .sorting_asc::before, html[dir="rtl"] table.dataTable thead .sorting_asc::after,
html[dir="rtl"] table.dataTable thead .sorting_desc::before, html[dir="rtl"] table.dataTable thead .sorting_desc::after { right: auto; left: 1em; }
html[dir="rtl"] .table-list > tbody > tr > td, html[dir="rtl"] .table-list > thead > tr > th { text-align: right; }
html[dir="rtl"] .table-list > thead > tr > th.text-center, html[dir="rtl"] .table-list > tbody > tr > td.text-center { text-align: center; }
html[dir="rtl"] .table-list .ssl-info, html[dir="rtl"] .table-list img { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .table-list td.text-nowrap .fa-fw { margin-left: 4px; }

/* الأرقام والمبالغ داخل نص عربي */
html[dir="rtl"] .table td, html[dir="rtl"] .stat, html[dir="rtl"] .price { unicode-bidi: plaintext; }

@media (max-width: 767.98px) {
    html[dir="rtl"] #header .navbar .toolbar .nav-item { margin-right: 8px !important; margin-left: 0 !important; }
}

@media (max-width: 767.98px) {
    html[dir="rtl"] .dataTables_wrapper .dataTables_filter, html[dir="rtl"] .dataTables_wrapper .dataTables_length,
    html[dir="rtl"] .dataTables_wrapper .dataTables_info, html[dir="rtl"] .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; }
    html[dir="rtl"] .dataTables_wrapper table.table-list tbody td { text-align: right; }
}

/* ==========================================================================
   منيو الموبايل (أقل من 1200px)
   - Bootstrap بيشيل padding الـ container جوه الـ navbar، فالنص كان لازق في طرف الشاشة
   - Twenty-One حاطط pr-4 على الروابط، وطبقة RTL كانت بتقلبها — هنا بنثبت المسافات
   ========================================================================== */
#header .main-navbar-wrapper .navbar-nav > li > a { padding-left: 14px !important; padding-right: 14px !important; }

@media (max-width: 1199.98px) {
    #header .main-navbar-wrapper > .container { padding-left: 16px !important; padding-right: 16px !important; }
    #header .main-navbar-wrapper .navbar-collapse { padding: 12px 0 16px; }
    #header .main-navbar-wrapper .navbar-nav { width: 100%; margin: 0 !important; }
    #header .main-navbar-wrapper .navbar-nav > li { width: 100%; }
    #header .main-navbar-wrapper .navbar-nav > li > a {
        display: flex !important;
        align-items: center;
        gap: 8px;
        min-height: 48px;
        padding: 10px 12px !important;
        margin: 2px 0;
        border: 0 !important;
        border-radius: 10px;
        font-size: 16px;
        color: #fff !important;
    }
    #header .main-navbar-wrapper .navbar-nav > li > a:hover,
    #header .main-navbar-wrapper .navbar-nav > li.show > a { background: rgba(255, 255, 255, .1) !important; }
    #header .main-navbar-wrapper .navbar-nav > li.active > a,
    #header .main-navbar-wrapper .navbar-nav > li > a[aria-current="page"] { background: rgba(255, 255, 255, .12) !important; box-shadow: inset -4px 0 0 var(--mh-sun); }
    html:not([dir="rtl"]) #header .main-navbar-wrapper .navbar-nav > li.active > a { box-shadow: inset 4px 0 0 var(--mh-sun); }
    /* السهم في آخر السطر */
    #header .main-navbar-wrapper .navbar-nav > li > a.dropdown-toggle::after { margin-inline-start: auto !important; margin-left: 0; margin-right: 0; transition: transform .2s ease; }
    html[dir="rtl"] #header .main-navbar-wrapper .navbar-nav > li > a.dropdown-toggle::after { margin-right: auto !important; margin-left: 0 !important; }
    #header .main-navbar-wrapper .navbar-nav > li.show > a.dropdown-toggle::after { transform: rotate(180deg); }
    /* القوائم الفرعية */
    #header .main-navbar-wrapper .navbar-nav .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none;
        width: 100%;
        margin: 2px 0 6px;
        padding: 4px;
        background: rgba(0, 0, 0, .18) !important;
        border: 0;
        border-radius: 10px;
        box-shadow: none;
    }
    #header .main-navbar-wrapper .navbar-nav .dropdown-menu li.dropdown-item { padding: 0; background: transparent; }
    #header .main-navbar-wrapper .navbar-nav .dropdown-menu a.dropdown-item,
    #header .main-navbar-wrapper .navbar-nav .dropdown-menu > a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 8px 14px !important;
        color: #DAD9F7 !important;
        border-radius: 8px;
        white-space: normal;
        text-align: start;
    }
    #header .main-navbar-wrapper .navbar-nav .dropdown-menu a.dropdown-item:hover { background: rgba(255, 255, 255, .1); color: #fff !important; }
    #header .main-navbar-wrapper .dropdown-divider { border-color: rgba(255, 255, 255, .12); }
    /* المجموعة التانية (حساب العميل) مفصولة بخط */
    #header .main-navbar-wrapper .navbar-nav + .navbar-nav { border-top: 1px solid rgba(255, 255, 255, .14); margin-top: 8px !important; padding-top: 8px; }
    #header .main-navbar-wrapper .navbar-nav .badge { background: var(--mh-sun); color: var(--mh-primary); }

    /* البحث جوه المنيو: خانة واحدة بيضا مهما كان ترتيب الزرار */
    #header .main-navbar-wrapper form { width: 100%; margin: 0 0 10px; }
    #header .main-navbar-wrapper form .input-group {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        border: 0;
    }
    #header .main-navbar-wrapper form .input-group > *,
    #header .main-navbar-wrapper form .input-group .btn,
    #header .main-navbar-wrapper form .input-group .input-group-text,
    #header .main-navbar-wrapper form .input-group .form-control {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        background: transparent !important;
    }
    #header .main-navbar-wrapper form .input-group .form-control { flex: 1 1 auto; min-width: 0; min-height: 46px; padding: 0 12px; color: var(--mh-ink); }
    #header .main-navbar-wrapper form .input-group .btn,
    #header .main-navbar-wrapper form .input-group .input-group-text { color: var(--mh-primary) !important; min-width: 46px; min-height: 46px; justify-content: center; }
    #header .main-navbar-wrapper form .input-group:focus-within { box-shadow: 0 0 0 3px var(--mh-sun); }
}

/* ==========================================================================
   علم اللغة العربية: WHMCS بيستخدم كود "ar" للعربي، ومكتبة الأعلام بتفهمه
   على إنه الأرجنتين. هنا بنعرض علم مصر بدله (في الفوتر ونافذة اللغة والعملة)
   ========================================================================== */
.iti-flag.ar {
    width: 20px !important;
    height: 14px !important;
    background: url("../img/flag-eg.svg") center / cover no-repeat !important;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
}

/* ==========================================================================
   فوتر الموبايل: بيانات التواصل في النص + مساحة لعلامة reCAPTCHA
   ========================================================================== */
@media (max-width: 575.98px) {
    .mh-footer__contact { text-align: center; }
    .mh-footer__contact p { justify-content: center; }
    .mh-footer__phones { gap: 10px; }
    .mh-footer__phones > i { display: none; }
    .mh-footer__phones a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0 !important;
        padding: 6px 14px;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 999px;
        font-size: 15px;
    }
    .mh-footer__phones a::before { content: "\f095"; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 6 Pro"; font-weight: 900; color: var(--mh-sun); font-size: 12px; transform: scaleX(-1); }
}
/* علامة reCAPTCHA ثابتة تحت على الجنب: نسيب لها مساحة في آخر الصفحة عشان متغطيش زرار الواتساب */
body:has(.grecaptcha-badge) .mh-footer__bottom { padding-bottom: 84px; }
@media (min-width: 992px) {
    body:has(.grecaptcha-badge) .mh-footer__bottom { padding-bottom: 18px; padding-inline-end: 90px; }
}
.mh-footer__contact .mh-footer__wa i { color: var(--mh-primary); width: auto; margin-inline-end: 6px; font-size: 18px; vertical-align: -2px; }