/* توسيط محتوى شارات الأسعار أو البادجات */
.gbpr-badge-fixed {
    text-align: center !important;
}

/* تحديد ارتفاع اللوجو في الهيدر وصفحة التسجيل */
.brand-logo>a>img, .brand-logo-signup>a>img {
    height: 40px;
}

/* زر الرجوع لأعلى الصفحة – ضبط المكان ليتوافق مع RTL */
#toTop {
   left: 30px;
    right: auto;
    bottom: 25px;
}

/* تصحيح موضع علم اللغة العربية في مكتبة intl-tel-input */
.iti-flag.ar {
    background-position: -312px 0;
}

/* إخفاء المؤثر الزخرفي قبل روابط القائمة الرئيسية */
.main-menu .nav-item .nav-link:before {
    display: none !important
}
/* إجبار نص امتدادات الدومينات على الظهور كسطر مستقل */
.tld-box .col span.font-weight-light {
    display: block !important;
}

/* إلغاء الخط الزخرفي أسفل عناوين الفوتر */
.footer-block .block-title:after {
display: none !important
}

/* تثبيت حجم واتجاه سهم القوائم الفرعية */
.main-menu .coodiv-toggle-arrow i {
    font-size: 15px;
    transform: none !important;
}

/* إخفاء بعض عناصر القوائم من نموذج الطلب */
.order-form-menu-scroller a[menuitemname="خطط الاستضافة"],
.order-form-menu-scroller a[menuitemname="خطط السيرفرات الخاصة"],
.order-form-menu-scroller a[menuitemname="خطط سيرفرات  VPS"] {
	display: none !important
}

/* منع أزرار التنقل من النزول لسطر جديد */
.nav-scroller-subpages .nav .panel-footer .btn {
    white-space: nowrap;
}


/* تغيير نص زر الإضافة بعد التفعيل */
.checked-button-animation:after{content:"اضافة"}

/* ضبط علم افتراضي (fallback) في مكتبة الهاتف */
.iti-flag.001 {
    height: 11px;
    background-position: -5241px 0;
}

/* ===============================
   Header Icons & Language (Global)
================================ */

.header-btn-whmcs {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-direction: row !important; /* يمنع انعكاس العناصر في RTL */
}

/* تثبيت ترتيب عناصر الهيدر */
.header-lang { order: 1; }           /* اللغة */
.header-currency { order: 2; }       /* العملة */
.shoping-cart-btn-header { order: 3; } /* السلة */
.notifications-dropdown { order: 4; }  /* الاشعارات */
.header-btn { order: 5; }            /* تسجيل الدخول */

/* أيقونات الحساب – الإشعارات – السلة */
.header-btn-whmcs i,
.header-btn-whmcs svg {
    font-size: 20px;
    line-height: 1;
}

/* السلة */
.shoping-cart-btn-header {
    position: relative;
    display: flex;
    align-items: center;
}

.shoping-cart-number {
    top: -6px;
    right: -6px;
}

/* اللغة + العملة */
.header-lang {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

/* علم اللغة */
.header-lang img {
    display: inline-block;
    vertical-align: middle;
}

/* رمز العملة */
.header-lang span.font-weight-bold {
    line-height: 1;
}

/* ===============================
   Mobile Adjustments
================================ */

@media (max-width: 768px) {

    /* تقليل المسافات */
    .header-btn-whmcs {
        gap: 10px;
    }

    .header-btn-whmcs i {
        font-size: 18px;
    }

    /* إخفاء اسم اللغة فقط */
    .header-lang span.ml-1 {
        display: none;
    }

    /* الفاصل | */
    .header-lang span.mx-1 {
        display: inline-block;
        margin: 0 4px;
        opacity: 0.6;
        font-weight: bold;
    }

    /* رمز العملة */
    .header-lang span.font-weight-bold {
        display: inline-block;
        font-size: 16px;
    }

    /* تكبير العلم */
    .header-lang img {
        width: 24px !important;
    }
}

/* ===============================
   Hide Search Everywhere
================================ */

.search-btn-header,
.emyui-searchbar-header {
    display: none !important;
}


/* ===============================
   Fix Currency Modal Layout (Mobile)
================================ */

@media (max-width: 768px) {

  /* عنوان اختر العملة يكون فوق */
  #modalChooseCurrency h5,
  #modalChooseCurrency .modal-title,
  #modalChooseCurrency .choose-currency-title,
  #modalChooseCurrency .currency-title {
      display: block !important;
      width: 100% !important;
      margin: 0 0 14px 0 !important;
      text-align: right !important;
      font-weight: 700;
      clear: both !important;
  }

  /* فك أي flex يسبب ظهور العنوان جنب العملة */
  #modalChooseCurrency .row,
  #modalChooseCurrency .d-flex,
  #modalChooseCurrency .currency-row,
  #modalChooseCurrency .modal-body > div {
      display: block !important;
  }

  /* عناصر العملة تكون تحت العنوان */
  #modalChooseCurrency .currency-item,
  #modalChooseCurrency .list-group-item,
  #modalChooseCurrency .currency-list a,
  #modalChooseCurrency button {
      display: block !important;
      width: 100% !important;
      margin-top: 6px;
  }

}

/* ===== FIX ADS MOBILE STACK ===== */
@media (max-width: 768px){

    /* الكونتينر الرئيسي للإعلان */
    div[style*="background:#fec109"] > div {
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    /* النص العلوي */
    div[style*="background:#fec109"] > div > div:nth-child(1){
        order:1;
        text-align:center !important;
        margin-bottom:14px;
        width:100%;
    }

    /* السعر */
    div[style*="background:#fec109"] > div > div:nth-child(2){
        order:2;
        text-align:center !important;
        font-size:32px !important;
        font-weight:900;
        margin-bottom:18px;
        white-space:normal !important;
    }

    /* الزر */
    div[style*="background:#fec109"] > div > div:nth-child(3){
        order:3;
        width:100%;
        text-align:center !important;
    }

    div[style*="background:#fec109"] a{
        width:100%;
        max-width:260px;
        display:inline-block;
        padding:16px 0;
    }
}

/* ===== Annual price visibility ===== */
.annual-price {
    color: #16a34a;
    font-weight: 600;
    opacity: 1;
}

/* RTL / LTR safe alignment */
html[dir="rtl"] .annual-price,
html[dir="ltr"] .annual-price {
    text-align: center;
}

.pricing-card {
    transition: .35s ease;
}

.pricing-card:hover {
    transform: translateY(-8px);
}

.pricing-card.featured {
    transform: scale(1.05);
}

.pricing-card ul li {
    color: #555;
}

@media (max-width: 768px) {
    .pricing-card.featured {
        transform: none;
    }
}

/* Space between Pricing and Features section */
.pricing-section-spacing {
    margin-bottom: 80px;
}

@media (max-width: 768px) {
    .pricing-section-spacing {
        margin-bottom: 50px;
    }
}

.feature-card {
    transition: .35s ease;
}

.feature-card:hover {
    transform: translateY(-6px);
}

/* ===== FINAL CTA ENHANCEMENT ===== */
.cta-enhanced {
    position: relative;
    overflow: hidden;
}

.cta-enhanced::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255,255,255,0.25), transparent 60%);
    pointer-events: none;
}

.cta-enhanced h2 {
    letter-spacing: -0.5px;
}

.cta-enhanced .btn {
    transition: all .3s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

.cta-enhanced .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

@media (max-width: 576px) {
    .cta-enhanced {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.bg-primary-gradient {
    background: linear-gradient(135deg, #2563eb, #1e40af);
}

.cta-section {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Buttons only - Gold */
.btn-primary,
.btn-light {
    background-color: #fec109 !important;
    border-color: #fec109 !important;
    color: #000 !important;
}

.btn-primary:hover,
.btn-light:hover {
    background-color: #e0ab08 !important;
    border-color: #e0ab08 !important;
    color: #000 !important;
}

/* ===== FIX ICON COLORS (KEEP BUTTONS GOLD) ===== */
i.text-primary {
    color: var(--primary-color, #2563eb) !important;
}

.btn i {
    color: #000 !important;
}

.cta-section i {
    color: #fff !important;
}

/* ===== GLOBAL RTL / LTR RESPONSIVE FIX ===== */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .d-flex {
    flex-direction: row-reverse;
}

html[dir="rtl"] .pricing-card .d-flex,
html[dir="rtl"] .hero-content ul li,
html[dir="rtl"] .trust-grid .trust-item {
    flex-direction: row;
}

html[dir="rtl"] i.mr-2,
html[dir="rtl"] i.mr-3,
html[dir="rtl"] i.mr-4,
html[dir="rtl"] i.mr-6 {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

html[dir="rtl"] .btn {
    text-align: center;
}

html[dir="rtl"] ul,
html[dir="rtl"] li {
    text-align: right;
}

html[dir="ltr"] ul,
html[dir="ltr"] li {
    text-align: left;
}

html[dir="rtl"] .accordion-trigger {
    text-align: right;
}

html[dir="rtl"] .ddos-first-features li {
    justify-content: space-between;
    text-align: right;
}

.section-title-center {
    text-align: center !important;
}

.feature-card {
    text-align: center;
}

/* Center section titles only */
.section-title-center h2,
.section-title-center p {
    text-align: center !important;
}

html {
    scroll-behavior: smooth;
}

/* ================= MOBILE OPTIMIZATION ================= */
@media (max-width: 576px) {
    .hero-content {
        text-align: center !important;
    }

    .hero-content ul li {
        padding: 12px 14px;
        font-size: 14px;
    }

    .hero-content ul li i {
        margin-right: 10px !important;
    }

    .trust-grid .trust-item {
        padding: 18px 12px;
    }

    .trust-grid .trust-item h6 {
        font-size: 14px;
    }

    .trust-grid .trust-item p {
        font-size: 12px;
    }

    .badge {
        margin-bottom: 6px;
        font-size: 12px;
    }

    .pricing-card {
        padding: 20px 15px !important;
    }

    .pricing-card h4 {
        font-size: 18px;
    }

    .pricing-card .price span {
        font-size: 22px;
    }

    .pricing-card ul li {
        font-size: 14px;
    }

    .pricing-card .btn {
        width: 100%;
    }

    .pricing-card.featured {
        transform: none !important;
    }

    .coodiv-text-11 {
        font-size: 13px;
        line-height: 1.6;
    }

    .social-box {
        padding: 22px 14px;
    }

    .social-number {
        font-size: 30px;
    }

    .social-label {
        font-size: 13px;
    }

    .feature-card {
        text-align: center;
        padding: 22px 18px;
    }

    .feature-card h5 {
        font-size: 16px;
    }

    .feature-card p {
        font-size: 14px;
    }

    #accordionExample .accordion-trigger {
        font-size: 15px;
    }

    #accordionExample .card-body {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        font-size: 14px;
        line-height: 1.7;
    }

    .cta-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cta-enhanced h2 {
        font-size: 22px;
    }

    .cta-enhanced p {
        font-size: 15px;
    }

    .cta-enhanced .btn {
        width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .cta-section .coodiv-text-11 {
        font-size: 12px;
    }
}
/* ================= END MOBILE OPTIMIZATION ================= */

.nav-scroller-subpages {
    display: none !important;
}

.breadcrumb {
    display: none !important;
}

.hosting-plans-section {
    display: none !important;
}

.sidebar.sidebar-secondary {
    display: none !important;
}

.trust-grid .trust-item {
    display: block;
    background: #ffffff !important;
    padding: 22px 15px !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,.06) !important;
    transition: .3s ease;
    height: 100%;
}

.trust-grid .trust-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 45px rgba(0,0,0,.1);
}