/* Hisnul Muslim page: justify Telugu text on desktop */
@media (min-width: 768px) {
	.hm-tr, .hm-mn, .hm-pre, .hm-fn,
													  .page-id-1221 .entry-content > p:not(.has-text-align-center):not(.has-text-align-right):not(.hm-toc):not(.hm-src) {
		text-align: justify;
	}
}

/* Hisnul Muslim page: play-button-only audio beside dua number */
.hm-head .wp-block-audio {
	margin: 0 !important;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
	flex: 0 0 40px;
}

.hm-head .wp-block-audio audio {
	width: 300px;
	min-width: 300px;
	height: 40px;
}

.hm-head audio::-webkit-media-controls-panel {
	padding: 0;
	background: #e8f3ef;
}

/* Hisnul Muslim page: footnote jump targets */
.hm-dua [id^="fn-"], .hm-dua [id^="fnref-"] {
	scroll-margin-top: 90px;
}

.hm-dua a[id^="fn"] {
	text-decoration: none;
}

.hm-dua a[id^="fn"]:target {
	background: #fff3b0;
	border-radius: 3px;
}

.hm-head .wp-block-audio {
	padding: 0 !important;
	clip-path: circle(20px at 20px 20px);
}

.hm-head audio::-webkit-media-controls-current-time-display, .hm-head audio::-webkit-media-controls-time-remaining-display {
	display: none;
}

/* Hisnul Muslim page: dua number self-link */
.hm-num a {
	color: inherit !important;
	text-decoration: none;
}

.hm-num a:hover {
	text-decoration: underline;
}

.hm-dua {
	scroll-margin-top: 80px;
}

/* Hisnul Muslim: spacing between ayah lines and between Arabic and transliteration */
.hm-ar br {
	display: block;
	content: "";
	margin-top: 8px;
}

.hm-dua .hm-ar {
	margin-bottom: 0 !important;
}

.hm-dua .hm-tr {
	margin-top: 14px !important;
}

/* Hisnul Muslim: header band (dua number + audio) */
.hm-dua .wp-block-group.hm-head {
	background: #0a6b4f;
	margin: -18px -20px 0 !important;
	max-width: none !important;
	width: auto !important;
	padding: 8px 20px;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
}

.hm-dua .hm-head .hm-num, .hm-dua .hm-head .hm-num a {
	color: #ffffff !important;
}

/* Hisnul Muslim: single round play button (no inner hover ring) */
.hm-head audio {
	height: 40px !important;
	display: block;
}

.hm-head audio::-webkit-media-controls-enclosure {
	background: #ffffff !important;
	border-radius: 0 !important;
}

.hm-head audio::-webkit-media-controls-panel {
	background: #ffffff !important;
}

.hm-head .wp-block-audio {
	clip-path: circle(15px at 18.5px 20px) !important;
}

.hm-dua .hm-head .hm-num {
	font-size: 18px !important;
}

.hm-dua .hm-head .hm-num a, .hm-dua .hm-head .hm-num a:hover {
	text-decoration: underline dotted !important;
	text-underline-offset: 5px;
}

/* Hisnul Muslim page: fixed width (full-width template, no sidebar) */
.page-id-1221 #primary article.page,
.page-id-172 #primary article.page,
.page-id-884 #primary article.page {
	max-width: 860px;
	margin-left: auto !important;
	margin-right: auto !important;
}


/* Hisnul Muslim page: chapter PDF pill in heading */
.page-id-1221 h2[id^="ch-"] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.page-id-1221 h2[id^="ch-"] a[href$=".pdf"] {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 12px 4px 10px;
	border: 1px solid #0a6b4f;
	border-radius: 999px;
	background: #eef6f2;
	color: #0a6b4f !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .5px;
	text-decoration: none !important;
	border-bottom: 1px solid #0a6b4f !important;
	transition: background .2s, color .2s;
}
.page-id-1221 h2[id^="ch-"] a[href$=".pdf"]::before {
	content: "";
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center/contain no-repeat;
}
.page-id-1221 h2[id^="ch-"] a[href$=".pdf"]:hover {
	background: #0a6b4f;
	color: #fff !important;
}


/* Hisnul Muslim page: chapter title after dua number */
.hm-dua .hm-head .hm-num .hm-cht {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #cfe8dd !important;
	background: transparent !important;
	margin-left: 4px;
	letter-spacing: 0;
}
.hm-dua .hm-head .hm-num {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.4;
}

.hm-dua .hm-head .hm-num .hm-cht a, .hm-dua .hm-head .hm-num .hm-cht a:hover {
	color: #cfe8dd !important;
	text-underline-offset: 3px;
}
.hm-dua .hm-head .hm-num .hm-cht a:hover {
	color: #fff !important;
}


/* Hisnul Muslim page: dua sequence pill in header */
.hm-dua .hm-head .hm-num .hm-seq {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	margin-left: 8px;
	border-radius: 999px;
	background: #fff !important;
	color: #0a6b4f !important;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1;
	vertical-align: middle;
	box-shadow: 0 0 0 2px rgba(255,255,255,.25);
	font-variant-numeric: tabular-nums;
}


/* Hisnul Muslim page: chapter pills wrap below title on phones */
@media (max-width: 600px) {
	.page-id-1221 h2[id^="ch-"] {
		flex-wrap: wrap;
		gap: 8px;
	}
	.page-id-1221 h2[id^="ch-"] .hm-chact {
		flex-basis: 100%;
		flex-wrap: wrap;
	}
}


/* Hisnul Muslim page: keep the normal header banner (featured image is only for link previews) */
.page-id-1221 .header-image {
	background-image: url("https://s0.wp.com/wp-content/themes/pub/lovecraft/images/header.jpg") !important;
	height: 350px !important;
	max-height: 350px;
	overflow: hidden;
}
.page-id-1221 .header-image img.wp-post-image {
	display: none !important;
}


/* ===== Quran Dua (QD) pages – same look as Hisnul Muslim, qd- classes ===== */
.qd-head .wp-block-audio { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; flex: 0 0 40px; margin: 0px !important; }
.qd-head .wp-block-audio audio { width: 300px; min-width: 300px; height: 40px; }
.qd-head audio::-webkit-media-controls-panel { padding: 0px; background: rgb(232, 243, 239); }
.qd-dua [id^="fn-"], .qd-dua [id^="fnref-"] { scroll-margin-top: 90px; }
.qd-dua a[id^="fn"] { text-decoration: none; }
.qd-dua a[id^="fn"]:target { background: rgb(255, 243, 176); border-radius: 3px; }
.qd-head .wp-block-audio { clip-path: circle(20px at 20px 20px); padding: 0px !important; }
.qd-head audio::-webkit-media-controls-current-time-display, .qd-head audio::-webkit-media-controls-time-remaining-display { display: none; }
.qd-num a { text-decoration: none; color: inherit !important; }
.qd-num a:hover { text-decoration: underline; }
.qd-dua { scroll-margin-top: 80px; }
.qd-ar br { display: block; content: ""; margin-top: 8px; }
.qd-dua .qd-ar { margin-bottom: 0px !important; }
.qd-dua .qd-tr { margin-top: 14px !important; }
.qd-dua .wp-block-group.qd-head { background: rgb(10, 107, 79); padding: 8px 20px; border-radius: 10px 10px 0px 0px; border-bottom: 0px; margin: -18px -20px 0px !important; max-width: none !important; width: auto !important; }
.qd-dua .qd-head .qd-num, .qd-dua .qd-head .qd-num a { color: rgb(255, 255, 255) !important; }
.qd-head audio { height: 40px !important; display: block; }
.qd-head audio::-webkit-media-controls-enclosure { background: rgb(255, 255, 255) !important; border-radius: 0px !important; }
.qd-head audio::-webkit-media-controls-panel { background: rgb(255, 255, 255) !important; }
.qd-head .wp-block-audio { clip-path: circle(15px at 18.5px 20px) !important; }
.qd-dua .qd-head .qd-num { font-size: 18px !important; }
.qd-dua .qd-head .qd-num a, .qd-dua .qd-head .qd-num a:hover { text-underline-offset: 5px; text-decoration: underline dotted !important; }
.qd-dua .qd-head .qd-num .qd-cht { margin-left: 4px; letter-spacing: 0px; font-size: 12px !important; font-weight: 400 !important; color: rgb(207, 232, 221) !important; background: transparent !important; }
.qd-dua .qd-head .qd-num { flex: 1 1 auto; min-width: 0px; line-height: 1.4; }
.qd-dua .qd-head .qd-num .qd-cht a, .qd-dua .qd-head .qd-num .qd-cht a:hover { color: rgb(207, 232, 221) !important; text-underline-offset: 3px; }
.qd-dua .qd-head .qd-num .qd-cht a:hover { color: rgb(255, 255, 255) !important; }
.qd-dua .qd-head .qd-num .qd-seq { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0px 7px; margin-left: 8px; border-radius: 999px; font-weight: 700; line-height: 1; vertical-align: middle; box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 2px; font-variant-numeric: tabular-nums; background: rgb(255, 255, 255) !important; color: rgb(10, 107, 79) !important; font-size: 13px !important; }
@media (min-width: 768px) {
  .qd-tr, .qd-mn, .qd-pre, .qd-fn { text-align: justify; }
}


/* ===== Ibn Baz Dua (IB) pages – same look as Hisnul Muslim, ib- classes ===== */
.ib-head .wp-block-audio { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; flex: 0 0 40px; margin: 0px !important; }
.ib-head .wp-block-audio audio { width: 300px; min-width: 300px; height: 40px; }
.ib-head audio::-webkit-media-controls-panel { padding: 0px; background: rgb(232, 243, 239); }
.ib-dua [id^="fn-"], .ib-dua [id^="fnref-"] { scroll-margin-top: 90px; }
.ib-dua a[id^="fn"] { text-decoration: none; }
.ib-dua a[id^="fn"]:target { background: rgb(255, 243, 176); border-radius: 3px; }
.ib-head .wp-block-audio { clip-path: circle(20px at 20px 20px); padding: 0px !important; }
.ib-head audio::-webkit-media-controls-current-time-display, .ib-head audio::-webkit-media-controls-time-remaining-display { display: none; }
.ib-num a { text-decoration: none; color: inherit !important; }
.ib-num a:hover { text-decoration: underline; }
.ib-dua { scroll-margin-top: 80px; }
.ib-ar br { display: block; content: ""; margin-top: 8px; }
.ib-dua .ib-ar { margin-bottom: 0px !important; }
.ib-dua .ib-tr { margin-top: 14px !important; }
.ib-dua .wp-block-group.ib-head { background: rgb(10, 107, 79); padding: 8px 20px; border-radius: 10px 10px 0px 0px; border-bottom: 0px; margin: -18px -20px 0px !important; max-width: none !important; width: auto !important; }
.ib-dua .ib-head .ib-num, .ib-dua .ib-head .ib-num a { color: rgb(255, 255, 255) !important; }
.ib-head audio { height: 40px !important; display: block; }
.ib-head audio::-webkit-media-controls-enclosure { background: rgb(255, 255, 255) !important; border-radius: 0px !important; }
.ib-head audio::-webkit-media-controls-panel { background: rgb(255, 255, 255) !important; }
.ib-head .wp-block-audio { clip-path: circle(15px at 18.5px 20px) !important; }
.ib-dua .ib-head .ib-num { font-size: 18px !important; }
.ib-dua .ib-head .ib-num a, .ib-dua .ib-head .ib-num a:hover { text-underline-offset: 5px; text-decoration: underline dotted !important; }
.ib-dua .ib-head .ib-num .ib-cht { margin-left: 4px; letter-spacing: 0px; font-size: 12px !important; font-weight: 400 !important; color: rgb(207, 232, 221) !important; background: transparent !important; }
.ib-dua .ib-head .ib-num { flex: 1 1 auto; min-width: 0px; line-height: 1.4; }
.ib-dua .ib-head .ib-num .ib-cht a, .ib-dua .ib-head .ib-num .ib-cht a:hover { color: rgb(207, 232, 221) !important; text-underline-offset: 3px; }
.ib-dua .ib-head .ib-num .ib-cht a:hover { color: rgb(255, 255, 255) !important; }
.ib-dua .ib-head .ib-num .ib-seq { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0px 7px; margin-left: 8px; border-radius: 999px; font-weight: 700; line-height: 1; vertical-align: middle; box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 2px; font-variant-numeric: tabular-nums; background: rgb(255, 255, 255) !important; color: rgb(10, 107, 79) !important; font-size: 13px !important; }
@media (min-width: 768px) {
  .ib-tr, .ib-mn, .ib-pre, .ib-fn { text-align: justify; }
}