/* Hide theme's default duplicate entry title on single Surah pages */
body.single-quran_surah .page-header,
body.single-quran_surah h1.entry-title,
body.single-quran_surah .entry-header {
	display: none !important;
}

/* Main Reader Wrapper */
.websenix-qp-reader-wrapper {
	max-width: 960px !important;
	margin: 30px auto !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	color: #1e293b !important;
}

.websenix-qp-reader-wrapper * {
	box-sizing: border-box !important;
}

/* Hero Card */
.websenix-qp-reader-wrapper .websenix-qp-hero-card {
	background: linear-gradient(135deg, #022c26 0%, #044e46 50%, #05b6a4 100%) !important;
	color: #ffffff !important;
	border-radius: 16px !important;
	padding: 32px !important;
	box-shadow: 0 10px 25px -5px rgba(5, 182, 164, 0.3) !important;
	margin-bottom: 24px !important;
	border: none !important;
}

.websenix-qp-reader-wrapper .websenix-qp-hero-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
}

.websenix-qp-reader-wrapper .websenix-qp-type-badge {
	background: rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 4px 12px !important;
	border-radius: 9999px !important;
	letter-spacing: 1px !important;
	display: inline-block !important;
}

.websenix-qp-reader-wrapper .websenix-qp-hero-title {
	font-size: 28px !important;
	font-weight: 800 !important;
	margin: 10px 0 6px 0 !important;
	color: #ffffff !important;
	line-height: 1.3 !important;
}

.websenix-qp-reader-wrapper .websenix-qp-hero-title .arabic-font {
	font-family: 'Amiri', serif !important;
	color: #fde047 !important;
	font-weight: 700 !important;
}

.websenix-qp-reader-wrapper .websenix-qp-hero-sub {
	margin: 0 !important;
	font-size: 14px !important;
	color: #e2e8f0 !important;
}

.websenix-qp-reader-wrapper .websenix-qp-jump-wrap select {
	background: #ffffff !important;
	color: #0f172a !important;
	border: 1px solid #cbd5e1 !important;
	padding: 8px 14px !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	height: auto !important;
	line-height: 1.4 !important;
	outline: none !important;
	max-width: 100% !important;
}

/* Toolbar Controls */
.websenix-qp-reader-wrapper .websenix-qp-toolbar {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	padding: 14px 20px !important;
	border-radius: 12px !important;
	margin-bottom: 30px !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.websenix-qp-reader-wrapper .websenix-qp-font-controls {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #475569 !important;
}

.websenix-qp-reader-wrapper button.qp-btn-font,
.websenix-qp-reader-wrapper .qp-btn-font {
	background: #f1f5f9 !important;
	color: #0f172a !important;
	border: 1px solid #cbd5e1 !important;
	padding: 6px 14px !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	cursor: pointer !important;
	box-shadow: none !important;
	line-height: 1 !important;
	height: auto !important;
	min-height: 32px !important;
	text-decoration: none !important;
}

.websenix-qp-reader-wrapper button.qp-btn-font:hover {
	background: #e2e8f0 !important;
	color: #0f172a !important;
}

.websenix-qp-reader-wrapper .websenix-qp-view-toggle {
	display: flex !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
}

.websenix-qp-reader-wrapper button.qp-view-btn,
.websenix-qp-reader-wrapper .qp-view-btn {
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	color: #475569 !important;
	padding: 6px 14px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	box-shadow: none !important;
	line-height: 1 !important;
	height: auto !important;
	min-height: 34px !important;
	text-decoration: none !important;
}

.websenix-qp-reader-wrapper button.qp-view-btn.active,
.websenix-qp-reader-wrapper .qp-view-btn.active {
	background: #05b6a4 !important;
	color: #ffffff !important;
	border-color: #05b6a4 !important;
	box-shadow: 0 2px 8px rgba(5, 182, 164, 0.35) !important;
}

.websenix-qp-reader-wrapper button.qp-view-btn:hover:not(.active) {
	background: #f8fafc !important;
	border-color: #05b6a4 !important;
	color: #05b6a4 !important;
}

/* Bismillah */
.websenix-qp-reader-wrapper .websenix-qp-bismillah {
	font-family: 'Amiri', 'Scheherazade New', serif !important;
	font-size: 36px !important;
	text-align: center !important;
	color: #0f172a !important;
	margin: 20px 0 40px 0 !important;
	direction: rtl !important;
	line-height: 1.8 !important;
}

/* Ayah Cards */
.websenix-qp-reader-wrapper .websenix-qp-ayah-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;
	padding: 24px !important;
	margin-bottom: 20px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
	transition: all 0.2s ease !important;
}

.websenix-qp-reader-wrapper .websenix-qp-ayah-card.playing-active {
	border-color: #05b6a4 !important;
	background: #e6f8f6 !important;
	box-shadow: 0 4px 14px rgba(5, 182, 164, 0.2) !important;
}

.websenix-qp-reader-wrapper .websenix-qp-ayah-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 16px !important;
}

.websenix-qp-reader-wrapper .websenix-qp-ayah-num {
	background: #f1f5f9 !important;
	color: #334155 !important;
	font-weight: 700 !important;
	font-size: 12px !important;
	padding: 4px 12px !important;
	border-radius: 9999px !important;
	border: 1px solid #e2e8f0 !important;
}

.websenix-qp-reader-wrapper button.websenix-qp-play-ayah-btn,
.websenix-qp-reader-wrapper .websenix-qp-play-ayah-btn {
	background: #e6f8f6 !important;
	color: #047569 !important;
	border: 1px solid #99e6dd !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	padding: 0 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: none !important;
	line-height: 1 !important;
}

.websenix-qp-reader-wrapper button.websenix-qp-play-ayah-btn:hover {
	background: #05b6a4 !important;
	color: #ffffff !important;
	border-color: #05b6a4 !important;
}

.websenix-qp-reader-wrapper .websenix-qp-arabic-text {
	font-family: 'Amiri', 'Scheherazade New', serif !important;
	font-size: 32px !important;
	line-height: 2.2 !important;
	color: #0f172a !important;
	direction: rtl !important;
	text-align: right !important;
	margin-bottom: 16px !important;
	word-break: break-word !important;
}

.websenix-qp-reader-wrapper .websenix-qp-ayah-symbol {
	color: #05b6a4 !important;
	font-size: 28px !important;
	margin-right: 6px !important;
}

.websenix-qp-reader-wrapper .websenix-qp-translation {
	font-size: 15px !important;
	line-height: 1.6 !important;
	margin-top: 10px !important;
	padding-top: 10px !important;
	border-top: 1px dashed #e2e8f0 !important;
}

.websenix-qp-reader-wrapper .websenix-qp-translation.urdu-text {
	direction: rtl !important;
	text-align: right !important;
	font-family: 'Jameel Noori Nastaleeq', 'Urdu Typesetting', serif !important;
	font-size: 17px !important;
	color: #1e293b !important;
}

.websenix-qp-reader-wrapper .websenix-qp-translation.english-text {
	color: #475569 !important;
}

/* Audio Player Sticky Bar */
.websenix-qp-audio-bar {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	background: #022c26 !important;
	color: #ffffff !important;
	padding: 10px 24px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3) !important;
	z-index: 999990 !important;
	border-top: 1px solid #05b6a4 !important;
}

.websenix-qp-audio-bar .websenix-qp-player-info {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #e2e8f0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
}

.websenix-qp-audio-bar .websenix-qp-player-controls {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.websenix-qp-audio-bar button.qp-player-btn,
.websenix-qp-audio-bar .qp-player-btn {
	background: rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
	border: none !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.websenix-qp-audio-bar button.qp-player-btn.play-main,
.websenix-qp-audio-bar .qp-player-btn.play-main {
	background: #05b6a4 !important;
	width: 44px !important;
	height: 44px !important;
	box-shadow: 0 0 12px rgba(5, 182, 164, 0.5) !important;
}

.websenix-qp-audio-bar .websenix-qp-player-reciter select {
	background: #044e46 !important;
	color: #ffffff !important;
	border: 1px solid #05b6a4 !important;
	padding: 6px 12px !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	outline: none !important;
	cursor: pointer !important;
}

.websenix-qp-audio-bar .websenix-qp-player-reciter select option {
	background: #022c26 !important;
	color: #ffffff !important;
	padding: 8px !important;
}

/* Elevate WhatsApp Floating Plugin Icon on Desktop */
.qlwapp__container,
.qlwapp__container--bottom-right,
div[class*="qlwapp"],
a.qlwapp__button {
	bottom: 5px !important;
	right: 20px !important;
	z-index: 999999 !important;
}

/* Floating Lead Gen Tutor CTA Banner */
.websenix-qp-floating-cta {
	position: fixed !important;
	bottom: 85px !important;
	right: 20px !important;
	left: auto !important;
	background: #ffffff !important;
	border: 2px solid #05b6a4 !important;
	border-radius: 16px !important;
	box-shadow: 0 12px 35px rgba(5, 182, 164, 0.28) !important;
	padding: 16px 20px !important;
	z-index: 999980 !important;
	max-width: 420px !important;
}

.websenix-qp-floating-cta .websenix-qp-cta-content {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	position: relative !important;
}

.websenix-qp-floating-cta .websenix-qp-cta-icon {
	background: #e6f8f6 !important;
	width: 52px !important;
	height: 52px !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.websenix-qp-floating-cta .websenix-qp-cta-text {
	display: flex !important;
	flex-direction: column !important;
	font-size: 12px !important;
	color: #475569 !important;
	line-height: 1.4 !important;
}

.websenix-qp-floating-cta .websenix-qp-cta-text strong {
	color: #0f172a !important;
	font-size: 14px !important;
	margin-bottom: 2px !important;
}

.websenix-qp-floating-cta a.websenix-qp-cta-btn {
	background: #05b6a4 !important;
	color: #ffffff !important;
	padding: 8px 16px !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	display: inline-block !important;
	box-shadow: 0 4px 12px rgba(5, 182, 164, 0.3) !important;
	transition: background 0.2s ease !important;
}

.websenix-qp-floating-cta a.websenix-qp-cta-btn:hover {
	background: #049688 !important;
	color: #ffffff !important;
}

.websenix-qp-floating-cta button.websenix-qp-cta-close {
	position: absolute !important;
	top: -12px !important;
	right: -12px !important;
	background: #64748b !important;
	color: #ffffff !important;
	border: none !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	font-size: 14px !important;
	line-height: 1 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* MOBILE RESPONSIVE MEDIA QUERIES (< 768px) */
@media (max-width: 768px) {
	.websenix-qp-reader-wrapper {
		margin: 15px auto !important;
		padding: 0 10px !important;
	}

	.websenix-qp-reader-wrapper .websenix-qp-hero-card {
		padding: 20px !important;
	}

	.websenix-qp-reader-wrapper .websenix-qp-hero-header {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.websenix-qp-reader-wrapper .websenix-qp-hero-title {
		font-size: 22px !important;
	}

	.websenix-qp-reader-wrapper .websenix-qp-toolbar {
		flex-direction: column !important;
		align-items: flex-start !important;
		padding: 12px !important;
	}

	.websenix-qp-reader-wrapper .websenix-qp-arabic-text {
		font-size: 26px !important;
	}

	/* Mobile Audio Bar */
	.websenix-qp-audio-bar {
		padding: 8px 12px !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	.websenix-qp-audio-bar .websenix-qp-player-info {
		font-size: 11px !important;
		gap: 8px !important;
		width: 100% !important;
		justify-content: space-between !important;
	}

	.websenix-qp-audio-bar .websenix-qp-player-reciter select {
		font-size: 11px !important;
		padding: 4px 8px !important;
	}

	.websenix-qp-audio-bar .websenix-qp-player-controls {
		width: 100% !important;
		justify-content: center !important;
		margin-top: 2px !important;
	}

	.websenix-qp-audio-bar .websenix-qp-player-space {
		display: none !important;
	}

	/* Mobile Floating Tutor CTA */
	.websenix-qp-floating-cta {
		bottom: 110px !important;
		left: 10px !important;
		right: 10px !important;
		max-width: calc(100% - 20px) !important;
		padding: 12px !important;
	}

	.websenix-qp-floating-cta .websenix-qp-cta-content {
		flex-wrap: wrap !important;
	}

	.websenix-qp-floating-cta .websenix-qp-cta-icon {
		width: 40px !important;
		height: 40px !important;
	}

	.websenix-qp-floating-cta .websenix-qp-cta-text {
		font-size: 11px !important;
		width: calc(100% - 60px) !important;
	}

	.websenix-qp-floating-cta a.websenix-qp-cta-btn {
		width: 100% !important;
		text-align: center !important;
		margin-top: 6px !important;
	}
}

/* ── Archive & Badge Overrides ────────────────────────────────────────── */
.websenix-qp-archive-wrapper .websenix-qp-badge,
.websenix-qp-surah-card-meta .websenix-qp-badge,
span.websenix-qp-badge {
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 4px 10px !important;
	border-radius: 12px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: auto !important;
	min-height: 22px !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

.websenix-qp-badge.meccan {
	background-color: #fef9c3 !important;
	color: #854d0e !important;
	border: 1px solid #fef08a !important;
}

.websenix-qp-badge.medinan {
	background-color: #dcfce7 !important;
	color: #166534 !important;
	border: 1px solid #bbf7d0 !important;
}

.websenix-qp-image-viewer {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
}