/* ============================================================
   RTL / Arabic Overrides  —  محراب
   Loaded AFTER style-rtl.css & responsive-rtl.css
   ============================================================ */

/* ---------- Arabic Fonts ---------- */
body {
	font-family: 'Tajawal', 'Lexend', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-logo,
.section-heading h2,
.ftitle,
.slider-content h1,
.banner-content h1,
.btn,
.green_btn,
.yellow_btn,
.header-button a,
button,
input,
select,
textarea {
	font-family: 'Tajawal', 'Lexend', sans-serif;
}

/* ---------- General RTL text alignment fixes ---------- */
body { direction: rtl; text-align: right; }

/* Header top info lists flow right-to-left */
.header-top ul li { padding-left: 0 !important; padding-right: 15px !important; }
.header-top ul li:first-child { padding-right: 0 !important; }
.header-top ul li:last-child { padding-left: 0 !important; }
.header-top .social_icons a { margin-right: 0; margin-left: 8px; }

/* Bismillah centered in header top */
.bis_himage {
	right: auto;
	left: 49%;
	transform: translate(-50%, -50%);
}

/* ---------- Offcanvas (mobile sidebar) ---------- */
.offcanvas__info.info-open { transform: translateX(0) !important; -webkit-transform: translateX(0) !important; }

/* ---------- MeanMenu (mobile dropdown) ---------- */
.mean-container .mean-bar { float: none; }
.mean-container a.meanmenu-reveal { left: auto !important; right: 0 !important; }
.mean-container .mean-nav { float: none; text-align: right; direction: rtl; }
.mean-container .mean-nav ul li a { text-align: right; direction: rtl; }
.mean-container .mean-nav ul li a.mean-expand { right: auto; left: 0; text-align: left; }

/* ---------- Nice Select dropdowns ---------- */
.nice-select { text-align: right !important; }
.nice-select .list { text-align: right; direction: rtl; }
.nice-select:after { right: auto; left: 15px; }
.nice-select .option { text-align: right; }

/* ---------- Audio player ---------- */
.player .time-row,
.player .controls { direction: ltr; }
.surah, .player h2 { direction: rtl; }

/* ---------- Prayer table ---------- */
.prayer-table li span { direction: rtl; }
.prayer-table li { direction: rtl; }

/* ---------- Forms ---------- */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {
	direction: rtl;
	text-align: right;
}
input::placeholder, textarea::placeholder { text-align: right; }

/* ---------- Swiper RTL safety ---------- */
.swiper { direction: rtl; }
.swiper-wrapper { direction: rtl; }
.home-slider-active .swiper-slide,
.testimonials-slider .swiper-slide { direction: rtl; }

/* ---------- Blog / course meta separators ---------- */
.blog_meta, .course_meta { direction: rtl; }

/* ---------- Scroll progress circle ---------- */
.progress-wrap svg.progress-circle path { stroke-dashoffset: inherit; }

/* ============================================================
   Mobile horizontal-overflow fixes (< 500px white gap)
   ============================================================ */

/* Vertically center header columns (logo / menu / actions) */
.main-header .row {
	align-items: center;
}

/* Safety net: never allow horizontal scroll on the page */
html, body {
	overflow-x: clip;
	width: 100%;
	max-width: 100%;
}

/* Decorative minaret icon sits outside the viewport (right: -100px)
   and stretches the page on small screens — hide it on mobile */
@media only screen and (max-width: 991px) {
	.miner_icon {
		display: none;
	}
}

/* Bootstrap .g-5 uses 3rem negative margins on .row, which pushes the
   row 24px beyond the container on narrow screens */
@media only screen and (max-width: 575.98px) {
	.row.g-5 {
		margin-right: 0;
		margin-left: 0;
	}
	.row.g-5 > [class*="col"] {
		padding-right: 12px;
		padding-left: 12px;
	}
}