/* Arabic overrides for Thamara Index */

html[lang="ar"] body .thamara-index-page,
body.rtl .thamara-index-page {
    direction: rtl;
    text-align: right;
}

.sidenav .widget_nav_menu ul li{
  text-align: right !important;
  padding-right: 10px !important;
}

@media only screen and (max-width: 991px) {
    #mobile_menu .submenu-button{
        top: 13px;
        right: auto !important;
        left: 10px !important;
    }
	#mobile_menu .support{
	   margin-right: 0rem !important;
	}
	.support .sub-menu{
	  left: 0rem !important;
	}
}


/* Example layout flips; adjust as needed */
.thamara-index-page .hero-content,
.thamara-index-page .features-section .security-container,
.thamara-index-page .testimonials-section .testimonial-card {
    direction: rtl;
}

.plan-features li[data-tooltip]::after, .hidden-features li[data-tooltip]::after{
    text-align: right!important;
}

.vps-faq-answer .privacy-features-list li::before{
   left: auto;
   right: 0;
}
.vps-faq-answer .privacy-features-list li{
   padding-right: 1.5rem;
}

#globalStickyPopup.sticky-popup.minimized .popup-cta{
	margin-left: 0rem !important;
	margin-right: 5rem !important;
}

#globalStickyPopup .close-popup, #globalStickyPopup .expand-popup{
    left: 10px !important;
	right: auto !important;
}

.pricing-card.popular .features-toggle{
	margin-bottom: 0px !important;
}
.text-promo{
	direction: rtl !important;
}

/* Swap icon margins for RTL */
.thamara-index-page .icon-left { margin-left: 0; margin-right: .5rem; }
.thamara-index-page .icon-right { margin-right: 0; margin-left: .5rem; }

/* Buttons and navigation */
.thamara-index-page .btn svg { transform: scaleX(-1); }

/* Breadcrumbs / slider indicators if used on this page */
.thamara-index-page .slider-indicators { direction: rtl; }

/* Pricing cards alignment */
.thamara-index-page .pricing-card .feature-item { padding-right: 24px; padding-left: 0; }
.thamara-index-page .pricing-card .feature-item::before { right: 0; left: auto; }

/* Ensure number/currency blocks keep natural LTR flow if needed */
.price, .price .amount { direction: ltr; display: inline-block; }

.plan-features ul, .hidden-features ul{
	margin-left: auto !important;
}

.plan-features li, .hidden-features li{
	padding-right: 0px !important;
}

.performance-content .security-feature, .easy-to-use-content .security-feature, .security-content-3-backup .security-feature{
    padding-left: 0 !important;
    padding-right: 40px !important;
}
.performance-content .security-feature::before, .easy-to-use-content .security-feature::before, .security-content-3-backup .security-feature::before{
    left: auto !important;
    right: 0 !important;
}



.price {
	text-align: right !important;
    font-size: 1.5rem;
    font-weight: 700;
    align-items: center;
    justify-content: end;
    flex-direction: row-reverse;
	gap: 5px;
}




/* 1. Apply Cairo only on the frontend (not in wp-admin) */
body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6,
body:not(.wp-admin) .h1,
body:not(.wp-admin) .h2,
body:not(.wp-admin) .h3,
body:not(.wp-admin) .h4,
body:not(.wp-admin) .h5,
body:not(.wp-admin) .h6,
body:not(.wp-admin) p {
    font-family: 'Cairo', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

*{
	font-family: 'Cairo', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* 2. Highlight span – also only on frontend */
body:not(.wp-admin) span.highlight {
    font-family: 'Cairo', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* 3. Protect Font Awesome icons from being overridden */
body:not(.wp-admin) .fa,
body:not(.wp-admin) .fas,
body:not(.wp-admin) .far,
body:not(.wp-admin) .fal,
body:not(.wp-admin) .fab,
body:not(.wp-admin) .fa-solid,
body:not(.wp-admin) .fa-regular,
body:not(.wp-admin) .fa-light,
body:not(.wp-admin) .fa-thin,
body:not(.wp-admin) .fa-duotone,
body:not(.wp-admin) .fa-brands {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
    font-weight: 900; /* adjust if your icons look too bold/thin */
}

/* 4. Protect WordPress admin icons (dashicons), just in case */
.dashicons,
.dashicons-before:before {
    font-family: "Dashicons" !important;
}


.landing-page-template .final-cta-heading{
	line-height: 5rem !important;
}

.features{
	margin-top: 30px !important;
}


.hero-content .cta-buttons .btn-cta{
	justify-content: center !important;
}

/* Period spans with numbers should maintain LTR for proper number+text display */
.price .period {
    direction: rtl;
    display: inline-block;
    unicode-bidi: embed;
}

@media (max-width: 768px) {
    .hero-content .cta-buttons .btn-cta {
        font-size: 0.9em !important;
        justify-content: center !important;
    }
}


/* Home */
.learn-more i{
	margin-right: 8px !important;
	margin-left: 0px !important;
}

.pricing-card > p{
	text-align: right !important;
}

.price-tag{
	flex-direction: row-reverse !important;
}

.support .sub-menu{
	left: -10rem;
}

.plugins-illustration img{
   width: 360px !important;
}

#reactheme-header .menu-area .navbar ul>li.mega>ul{
	max-width: 1200px !important;
}

@media (max-width: 768px) {
	.security-content h2, .security-content p {
		text-align: right;
	}
}
@media (max-width: 480px) {
	.security-feature-content h3, .security-feature-content p{
		text-align: right !important;
	}
}
.feature-box{
	flex-direction: row-reverse !important;
}

.mega-dis{
	text-align: right !important;
}
.faq-image img{
	margin-left: auto !important;
    margin-right: 8rem !important;
}

.support{
	margin-right: 8rem !important;
}

.tip-card{
	text-align: right !important;
}
.tip-5.register-card .register-content{
	text-align: right;
    margin-right: 2rem;
}

.privacy-text{
	text-align: right !important;
}

.privacy-content.row-reverse{
	flex-direction: row-reverse
}

.privacy-text p{
	max-width: 655px !important;
}

.tier-info{
	flex-direction: row-reverse !important;
}

.tier-2, .tier-4{
	margin-left: auto !important;
    margin-right: -6rem !important;
}

@media (max-width: 991px) {
    .faq-image img {
        margin-right: 0px !important;
    }
	.tier-2, .tier-4{
		margin-left: auto !important;
    	margin-right: 0rem !important;
	}
}


.hero-comparison{
	transform: translateX(0%) !important;
}

.hero-left .hero-features .feature-item{
	justify-content: left !important;
    flex-direction: row-reverse !important;
}

.hero-left{
	max-width: 480px;
}

.mega-dis{
	right: 25% !important;
	left: auto !important;
}


.bonus-content{
	direction: ltr !important;
	margin-top: 4rem !important;
}

.security-feature-content h3{
	font-weight: 800 !important;
}


.plan-features li i.fa-check, .hidden-features li i.fa-check{
	margin-right: 0 !important;
	margin-left: 10px !important;
}

.cta-actions{
	align-items: center !important;
}

.wordpress-hero.hero-promo .badge.promo-badge-lifetime{
	right: 20px !important;
	left: auto !important;
}

.woocommerce-hero.hero-promo .badge.promo-badge-lifetime{
	right: 20px !important;
	left: auto !important;
}

.woocommerce-hero.hero-promo .features{
	justify-content: start !important;
}

.original-price{
	direction: ltr;
}


.affiliate-page .hero-section{
	padding: 12% 0 0 0 ;
}

@media (max-width: 768px) {
    .hero-section {
        padding: 40% 0 0rem 0 !important;
    }
}

.cta-button::after{
	content: "" !important;
}

.menu-area .navbar ul li .sub-menu{
	text-align: right !important;
}

.menu-area .navbar ul li .sub-menu .suport-item{
	text-align: right !important;
}

.menu-area .navbar ul li ul.sub-menu li a::after{
	left: auto !important;
	right: 20px !important;
}

/* Fix sub-menu hover visibility for Arabic on thamara-index page */
html[lang="ar"] .thamara-index-page .menu-area .navbar ul li:hover > .sub-menu,
html[lang="ar"] .thamara-index-page .menu-area .navbar ul li.menu-item-has-children:hover > .sub-menu,
html[lang="ar"] .thamara-index-page .menu-area .navbar ul li.has-dropdown:hover > .sub-menu,
html[lang="ar"] .thamara-index-page .menu-area .navbar ul li:hover > ul.sub-menu {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 1000 !important;
}

/* Also ensure sub-menu is visible when parent has hover state */
html[lang="ar"] .thamara-index-page .menu-area .navbar ul li.menu-item-has-children:hover .sub-menu,
html[lang="ar"] .thamara-index-page .menu-area .navbar ul li.has-dropdown:hover .sub-menu {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 1000 !important;
}

/* Fix for custom header menu (if used) */
html[lang="ar"] .thamara-index-page .nav-menu > li.has-dropdown:hover > .dropdown-menu,
html[lang="ar"] .thamara-index-page .nav-menu > li.menu-item-has-children:hover > .dropdown-menu,
html[lang="ar"] .thamara-index-page .nav-menu > li:hover > .dropdown-menu {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	z-index: 1000 !important;
}


.woocommerce-hero.hero-promo .container{
	margin-top: 2rem !important;
}


.menu-area .navbar ul>li.mega>ul.sub-menu .flex-mega li{
	margin-right: 0px !important;
}

.plan-features li .info-icon, .hidden-features li .info-icon{
	right: auto !important;
	left: -25px !important;
}


.step-number{
	top: 90px !important;
	right: -20px !important;
	left: auto !important;
	margin-bottom: 2rem !important;
}

@media (max-width: 768px) {
	.step-number{
	    top: -115px !important;
	}
	
	.commission-structure .commission-content{
	  margin-right: 0rem !important;
	}
}

#globalStickyPopup .popup-cta .cta-button{
	align-items: center !important;
}

.cta-button::after{
	transform: rotate(180deg) !important;
}

.hero-promo .btn-pulse::after{
	transform: rotate(180deg) !important;
	
}

.menu-area .navbar ul>li.menu-item-has-children>a:before{
	right: auto !important;
	left: -15px !important;
}

.learn-more i{
	transform: rotate(180deg) !important;
}

.woocommerce-hero.hero-promo .btn-hero-primary::after{
	content: "←" !important;
}

.wordpress-hero.hero-promo .btn-hero-primary::after{
	content: "←" !important;
}

.btn-hero-primary::after{
	content: "←" !important;
}

.btn-bonus{
	flex-direction: row-reverse !important;
}

.btn-bonus i{
	transform: rotate(180deg) !important;
}

.affiliate-page .hero-section .hero-content h1{
	margin-bottom: 1.5rem !important;
}

.commission-structure .commission-content{
	margin-right: 5rem;
}


.domain-search-wrapper{
	direction: ltr !important;
}

.domain-search-title{
	text-align: right !important;
}

.domain-search-subtitle{
	text-align: right !important;
}