/*
Theme Name: Mihrab Academy Pro
Theme URI: https://example.com/mihrab-academy-pro
Author: Malik Masood
Author URI: https://example.com
Description: A WordPress conversion of the Mihrab Islamic Center & Mosque HTML template with courses, instructors, Quran audio, prayer times, Redux options, and WooCommerce-ready enrollment.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mihrab-academy
Tags: education, blog, custom-logo, custom-menu, featured-images, translation-ready
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
}

.screen-reader-text:focus {
	background: #fff;
	clip: auto !important;
	clip-path: none;
	display: block;
	height: auto;
	left: 1rem;
	padding: .75rem 1rem;
	top: 1rem;
	width: auto;
	z-index: 100000;
}

img {
	height: auto;
	max-width: 100%;
}

.custom-logo {
	max-height: 74px;
	width: auto;
}

.main_banner {
	align-items: center;
	background-size: cover;
	display: flex;
	min-height: 330px;
}

.services::before {
	background-image: url(assets/img/bg/overlay.webp) !important;
}

.main_banner h2,
.main_banner .banner-content h1 {
	color: #fff;
}

.main_banner p,
.main_banner p a {
	color: #fff;
}

.mihrab-content-area {
	padding: 100px 0;
}

.mihrab-empty-state {
	background: #fff;
	border-radius: 16px;
	padding: 42px;
	text-align: center;
}

.mihrab-pagination {
	margin-top: 42px;
	text-align: center;
}

.mihrab-pagination .page-numbers {
	align-items: center;
	background: #fff;
	border-radius: 999px;
	color: var(--title, #132c20);
	display: inline-flex;
	font-weight: 700;
	height: 44px;
	justify-content: center;
	margin: 0 4px;
	min-width: 44px;
	padding: 0 14px;
}

.mihrab-pagination .current,
.mihrab-pagination .page-numbers:hover {
	background: var(--green, #1d8e5a);
	color: #fff;
}

.course-image img,
.single-scholar .scholar_img > img,
.blog_image img {
	object-fit: cover;
	width: 100%;
}

.course-image img {
	aspect-ratio: 1.32 / 1;
}

.single-scholar .scholar_img > img {
	aspect-ratio: 1 / 1.08;
}

.mihrab-quran-track-list {
	display: grid;
	gap: 14px;
	margin-top: 20px;
}

.mihrab-quran-track-list button {
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
	padding: 10px 16px;
}

.mihrab-quran-track-list button:hover,
.mihrab-quran-track-list button.is-active {
	background: var(--yellow, #f6c744);
	color: var(--title, #132c20);
}

.course-details-meta {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 24px 0;
}

.course-details-meta span,
.mihrab-auth-form {
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 14px 42px rgba(18, 44, 32, .08);
}

.course-details-meta span {
	color: var(--title, #132c20);
	font-weight: 700;
	padding: 14px 16px;
}

.mihrab-auth-form {
	margin: 0 auto;
	max-width: 560px;
	padding: clamp(24px, 4vw, 44px);
}

.mihrab-auth-form input[type="text"],
.mihrab-auth-form input[type="email"],
.mihrab-auth-form input[type="password"] {
	border: 1px solid #e8eee9;
	border-radius: 999px;
	height: 56px;
	padding: 0 18px;
	width: 100%;
}

.mihrab-auth-form p {
	margin-bottom: 16px;
}

.mihrab-blog-details {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 16px 48px rgba(18, 44, 32, .08);
	padding: clamp(24px, 4vw, 44px);
}

.mihrab-blog-details .post-thumbnail img {
	border-radius: 12px;
	margin-bottom: 30px;
	width: 100%;
}

.woocommerce .shopping-cart table.shop_table,
.woocommerce .cart-collaterals,
.woocommerce .checkout-form,
.woocommerce-checkout-review-order {
	background: #fff;
	border: 0;
	border-radius: 12px;
	box-shadow: 0 16px 48px rgba(18, 44, 32, .08);
}

.woocommerce .shopping-cart table.shop_table {
	margin: 0;
}

.woocommerce .shopping-cart table.shop_table th,
.woocommerce .shopping-cart table.shop_table td {
	border-color: #eef4ef;
	vertical-align: middle;
}

.woocommerce .quantity .qty {
	border: 1px solid #e8eee9;
	border-radius: 999px;
	height: 44px;
	text-align: center;
	width: 76px;
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
	background: var(--green, #1d8e5a);
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
	padding: 14px 26px;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--yellow, #f6c744);
	color: var(--title, #132c20);
}

@media (max-width: 767px) {
	.course-details-meta {
		grid-template-columns: 1fr;
	}
}