/* Hallmark · macrostructure: studied-DNA (source: akademidarulilmi.com, struktur & UI sahaja) · genre: modern-minimal
 * theme: PMNI "ADI-style" — putih #ffffff / kelabu #f0f4f7, hijau tua #064e20, hijau terang #3da44e, emas #c9971f
 * display Alexandria 700 + body Poppins. Kandungan & aset 100% PMNI.
 */
/*
Theme Name: PMNI Al-Isyraq
Description: Tema blok custom PMNI, gaya UI ikut rujukan klien (akademidarulilmi.com), kandungan asli PMNI.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pmni
Tags: full-site-editing, block-patterns, block-styles, wide-blocks, accessibility-ready, style-variations
*/

.wp-site-blocks > * + * {
	margin-block-start: 0;
}

html,
body {
	overflow-x: clip;
}

h1, h2, h3, h4 {
	overflow-wrap: anywhere;
	min-width: 0;
}

/* ── Navigasi header putih ───────────────────────────────────── */
header .wp-block-navigation a,
.wp-block-navigation .wp-block-pages-list__item a {
	color: #14251a;
	text-decoration: none;
	font-weight: 500;
}
.wp-block-navigation a:hover,
.wp-block-navigation .wp-block-pages-list__item a:hover {
	color: #3da44e;
}
.wp-block-navigation a:focus-visible {
	outline: 2px solid #3da44e;
	outline-offset: 3px;
}
.pmni-header {
	box-shadow: 0 2px 12px rgba(6, 78, 32, 0.08);
	position: relative;
	z-index: 10;
}

/* Bar atas info (2 tingkat macam rujukan; hilang di mobile) */
.pmni-topbar-items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.8rem;
	font-size: 0.78rem;
	align-items: center;
	justify-content: center;
	max-width: var(--wp--style--global--wide-size, 1400px);
	margin-inline: auto;
	text-align: center;
}
.pmni-topbar-item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: #ffffff;
	text-decoration: none;
}
.pmni-topbar-item svg {
	width: 14px;
	height: 14px;
	color: #e9c463;
	flex: 0 0 auto;
}
a.pmni-topbar-item:hover {
	color: #e9c463;
}
@media (max-width: 781px) {
	.pmni-topbar {
		display: none;
	}
}

/* Nav utama UPPERCASE gaya rujukan */
.pmni-nav .wp-block-navigation-item__content,
.pmni-nav .wp-block-pages-list__item a {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.01em;
}
/* Jaga nav kekal satu baris pada desktop.
   WP membungkus <ul> dalam div responsif, jadi selektor anak terus (>) tidak
   mengena; guna keturunan. */
@media (min-width: 782px) {
	.pmni-nav ul.wp-block-navigation__container {
		flex-wrap: nowrap;
		gap: 1.15rem;
	}
	.pmni-nav ul.wp-block-navigation__container > li > .wp-block-navigation-item__content {
		white-space: nowrap;
	}
	/* skrin desktop sempit: kecilkan teks nav sedikit supaya logo besar kekal muat */
	@media (max-width: 1150px) {
		.pmni-nav ul.wp-block-navigation__container {
			gap: 0.85rem;
		}
		.pmni-nav ul.wp-block-navigation__container > li > .wp-block-navigation-item__content {
			font-size: 0.78rem;
		}
	}
}

/* Logo panjang (lockup rasmi) dalam header */
.pmni-logo-panjang {
	display: block;
	flex: 0 0 auto;
	line-height: 0;
}
.pmni-logo-panjang img {
	width: clamp(220px, 26vw, 340px);
	height: auto;
	max-width: 100%;
	display: block;
}
@media (max-width: 900px) {
	.pmni-logo-panjang img {
		width: 240px;
	}
}
@media (max-width: 480px) {
	.pmni-logo-panjang img {
		width: 200px;
	}
}

/* Dropdown submenu (desktop): kad putih, teks gelap.
   WP menerapkan overlayBackgroundColor pada submenu desktop juga, menghasilkan
   teks gelap atas hijau gelap (1.17:1). Override dengan specificity yang cukup
   supaya kontras kekal 13:1 (WCAG AA lulus). */
@media (min-width: 782px) {
	.pmni-nav .wp-block-navigation__submenu-container,
	.pmni-nav .wp-block-navigation-submenu .wp-block-navigation__submenu-container,
	.pmni-nav .has-background .wp-block-navigation__submenu-container {
		background-color: #ffffff !important;
		color: #14251a !important;
		border: none;
		border-top: 3px solid #3da44e;
		border-radius: 0 0 8px 8px;
		box-shadow: 0 12px 30px rgba(6, 78, 32, 0.18);
		padding: 0.35rem 0;
		min-width: 15.5rem;
	}
	.pmni-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
	.pmni-nav .wp-block-navigation__submenu-container a {
		color: #14251a !important;
		text-transform: none;
		font-weight: 500;
		font-size: 0.88rem;
		padding: 0.6rem 1.1rem;
		width: 100%;
	}
	.pmni-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
	.pmni-nav .wp-block-navigation__submenu-container a:hover {
		background-color: #eaf6ec;
		color: #043516 !important;
	}
}

/* Menu mobile: overlay hijau gelap, teks putih (9.9:1) */
@media (max-width: 781px) {
	.pmni-nav .wp-block-navigation__submenu-container {
		background-color: transparent !important;
		border: none;
		box-shadow: none;
	}
	.pmni-nav .wp-block-navigation__responsive-container.is-menu-open a,
	.pmni-nav .wp-block-navigation__submenu-container a {
		color: #ffffff !important;
	}
}

.pmni-nav .wp-block-navigation__submenu-icon {
	color: #3da44e;
}

/* Focus ring nampak jelas pada semua item menu (WCAG 2.4.7 + 2.4.11) */
.pmni-nav a:focus-visible,
.pmni-nav button:focus-visible {
	outline: 3px solid #3da44e;
	outline-offset: 2px;
	border-radius: 3px;
}
@media (max-width: 781px) {
	.pmni-nav a:focus-visible,
	.pmni-nav button:focus-visible {
		outline-color: #e9c463;
	}
}

/* ── Hero gradient animasi + wave (gaya rujukan) ─────────────── */
.pmni-hero {
	position: relative;
	/* Semua hentian gradient dikekalkan gelap (luminance < 0.09) supaya teks emas
	   dan putih di atasnya sentiasa lulus WCAG AA, tidak kira kedudukan animasi. */
	background: linear-gradient(130deg, #043516, #0a6b2e, #0d5c4a, #064e20);
	background-size: 300% 300%;
	animation: pmni-gradient 14s ease infinite;
	overflow: hidden;
	isolation: isolate;
}
/* Foto majlis pengajian sebagai lapisan latar, ditenggelamkan gradient supaya
   ia hanya kelihatan samar dan teks kekal lulus kontras AA. */
.pmni-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: url("../../uploads/2026/08/hero-majlis-pengajian.jpg");
	background-size: cover;
	background-position: center 18%;
	opacity: 0.32;
}
.pmni-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	/* Alpha minimum 0.78 supaya walaupun di atas piksel foto paling cerah,
	   teks putih kekal >= 4.5:1 (diuji: 4.88:1 pada hujung paling terang). */
	background: linear-gradient(100deg, rgba(4, 53, 22, 0.95) 0%, rgba(6, 78, 32, 0.88) 45%, rgba(13, 92, 74, 0.78) 100%);
}
.pmni-hero > * {
	position: relative;
}
@keyframes pmni-gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
/* Wave mesti melintang penuh lebar halaman. Layout "constrained" WordPress
   mengenakan max-width + margin auto pada setiap anak, yang mengecilkan SVG ini
   kepada lebar kandungan; kita batalkan kedua-duanya. */
.pmni-hero .pmni-wave {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	width: 100%;
	max-width: none;
	margin: 0;
	height: clamp(42px, 5vw, 78px);
	display: block;
}
/* Mobile: garis lurus, tiada wave */
@media (max-width: 781px) {
	.pmni-hero .pmni-wave {
		display: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.pmni-hero { animation: none; }
}

/* ── Strip icon-box (4 kad pautan pantas) ────────────────────── */
.pmni-iconbox {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 6px 24px rgba(6, 78, 32, 0.1);
	text-align: center;
	transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
	min-width: 0;
}
.pmni-iconbox:hover {
	transform: translateY(-4px);
}
.pmni-iconbox .pmni-iconbox-glyph {
	width: 58px;
	height: 58px;
	margin: 0 auto 0.6rem;
	border-radius: 50%;
	background: #eaf6ec;
	color: #064e20;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pmni-iconbox a {
	text-decoration: none;
}

/* ── Ticker berita ───────────────────────────────────────────── */
.pmni-ticker {
	background: #064e20;
	color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
}
.pmni-ticker-label {
	background: #c9971f;
	color: #043516;
	font-weight: 700;
	padding: 0.5rem 1rem;
	flex: 0 0 auto;
	font-size: 0.85rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
/* Tetingkap berasingan supaya teks bergerak tidak melintasi label */
.pmni-ticker-window {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	padding: 0.5rem 0;
}
.pmni-ticker-track {
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%;
	animation: pmni-ticker 34s linear infinite;
	font-size: 0.92rem;
}
@keyframes pmni-ticker {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}
.pmni-ticker-window:hover .pmni-ticker-track {
	animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
	.pmni-ticker-track {
		animation: none;
		padding-left: 1rem;
		white-space: normal;
	}
}

/* ── Kad umum gaya rujukan (shadow lembut, radius 10px) ──────── */
.pmni-post,
.pmni-person,
.pmni-callout {
	background: #ffffff;
	border: none;
	border-radius: 10px;
	box-shadow: 0 6px 24px rgba(6, 78, 32, 0.08);
	min-width: 0;
}
.pmni-callout {
	border-left: 3px solid #c9971f;
	border-radius: 0 10px 10px 0;
	padding: 1.4rem 1.6rem;
}
.pmni-post {
	transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pmni-post:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(6, 78, 32, 0.14);
}
.pmni-post-date {
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #5f6b63;
}
.pmni-person-role {
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	/* teks kecil: guna hijau lebih gelap supaya lulus 4.5:1 atas kad putih */
	color: #237a35;
	font-weight: 600;
}
.pmni-lead {
	font-size: 1.12rem;
	line-height: 1.75;
	color: #37463c;
}
.pmni-visi {
	border-top: 3px solid #3da44e;
}

/* ── Kaunter (angka besar hijau terang) ──────────────────────── */
.pmni-stats .wp-block-column {
	border-left: 1px solid rgba(255, 255, 255, 0.18);
	min-width: 0;
}
.pmni-stats .wp-block-column:first-child {
	border-left: none;
}
@media (max-width: 781px) {
	.pmni-stats.wp-block-columns {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 1.5rem 0;
	}
	.pmni-stats .wp-block-column:nth-child(odd) {
		border-left: none;
	}
}

/* ── Baris bernombor ─────────────────────────────────────────── */
.pmni-tahap {
	border-top: 1px solid rgba(20, 37, 26, 0.12);
}
.pmni-tahap:has(+ .wp-block-buttons) {
	border-bottom: 1px solid rgba(20, 37, 26, 0.12);
}
.pmni-tahap .pmni-tahap-num {
	font-family: 'Alexandria', sans-serif;
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 700;
	line-height: 1;
	color: #3da44e;
}

/* ── Kad feed Facebook ───────────────────────────────────────────
   Widget Facebook tidak boleh digayakan dari luar (silang-domain), jadi kita
   bingkai ia: kepala jenama sendiri, badan widget dipotong kemas, kaki pautan. */
.pmni-fb-card {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 8px 28px rgba(6, 78, 32, 0.12);
	overflow: hidden;
	border: 1px solid rgba(20, 37, 26, 0.08);
	/* Widget Facebook tidak melebihi 500px; padankan kad supaya tiada jurang kelabu. */
	max-width: 520px;
	margin-inline: auto;
}
.pmni-fb-card__head {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding: 0.85rem 1rem;
	background: #064e20;
	color: #ffffff;
}
.pmni-fb-card__mark {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
}
.pmni-fb-card__mark svg {
	width: 22px;
	height: 22px;
}
.pmni-fb-card__meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.25;
}
.pmni-fb-card__meta strong {
	font-size: 0.92rem;
	font-weight: 600;
}
.pmni-fb-card__meta span {
	font-size: 0.76rem;
	color: #c3dcc9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pmni-fb-card__cta {
	margin-left: auto;
	flex: 0 0 auto;
	background: #e9c463;
	color: #043516;
	font-size: 0.8rem;
	font-weight: 600;
	padding: 0.4rem 0.9rem;
	border-radius: 999px;
	text-decoration: none;
	transition: background 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pmni-fb-card__cta:hover {
	background: #f5d98b;
	color: #043516;
}
.pmni-fb-card__cta:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 2px;
}
/* Widget FB ada lebar tetap; kita paksa ia isi kad dan potong jidar putihnya. */
.pmni-fb-card__frame {
	position: relative;
	height: 600px;
	overflow: hidden;
	background: #ffffff;
}
/* Widget membawa kepala sendiri (avatar + nama) yang bertindih dengan kepala kad
   kita; kita alihkan iframe ke atas untuk memotongnya, dan tambah tinggi yang
   sama supaya bahagian bawah tetap terisi. */
.pmni-fb-card__frame iframe {
	position: absolute;
	top: -82px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 700px;
	border: 0;
	display: block;
}
.pmni-fb-card__foot {
	display: block;
	padding: 0.8rem 1rem;
	text-align: center;
	font-size: 0.86rem;
	font-weight: 600;
	color: #237a35;
	text-decoration: none;
	border-top: 1px solid rgba(20, 37, 26, 0.08);
	background: #ffffff;
}
.pmni-fb-card__foot:hover {
	background: #eaf6ec;
	color: #043516;
}
.pmni-fb-card__foot:focus-visible {
	outline: 3px solid #3da44e;
	outline-offset: -3px;
}
@media (max-width: 781px) {
	.pmni-fb-card__frame {
		height: 540px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.pmni-fb-card__cta {
		transition: none;
	}
}

/* ── Kad Sorotan (Pengajian & Infaq) ─────────────────────────── */
.pmni-sorotan {
	display: block;
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 8px 28px rgba(6, 78, 32, 0.12);
	border: 1px solid rgba(20, 37, 26, 0.08);
	height: 100%;
	transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pmni-sorotan:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 38px rgba(6, 78, 32, 0.2);
}
.pmni-sorotan:focus-visible {
	outline: 3px solid #237a35;
	outline-offset: 3px;
}
.pmni-sorotan__img {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #0d3d1c;
}
.pmni-sorotan__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pmni-sorotan:hover .pmni-sorotan__img img {
	transform: scale(1.04);
}
.pmni-sorotan__body {
	display: block;
	padding: 1.3rem 1.4rem 1.5rem;
}
.pmni-sorotan__eyebrow {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #237a35;
	margin-bottom: 0.35rem;
}
.pmni-sorotan__body strong {
	display: block;
	font-family: 'Alexandria', sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	color: #064e20;
	line-height: 1.3;
}
.pmni-sorotan__desc {
	display: block;
	margin-top: 0.6rem;
	font-size: 0.94rem;
	line-height: 1.65;
	color: #37463c;
}
.pmni-sorotan__cta {
	display: inline-block;
	margin-top: 0.9rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: #237a35;
}
.pmni-sorotan:hover .pmni-sorotan__cta {
	color: #043516;
	text-decoration: underline;
	text-underline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
	.pmni-sorotan,
	.pmni-sorotan__img img {
		transition: none;
	}
	.pmni-sorotan:hover,
	.pmni-sorotan:hover .pmni-sorotan__img img {
		transform: none;
	}
}

/* ── Butang navigasi dengan logo jenama ──────────────────────── */
.pmni-nav-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.25rem;
}
.pmni-navbtn {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.7rem 1.15rem;
	border-radius: 6px;
	font-size: 0.95rem;
	font-weight: 600;
	text-decoration: none;
	background: #ffffff;
	color: #14251a;
	border: 1px solid rgba(20, 37, 26, 0.16);
	box-shadow: 0 3px 10px rgba(6, 78, 32, 0.08);
	transition: transform 180ms cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pmni-navbtn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(6, 78, 32, 0.16);
	color: #064e20;
}
.pmni-navbtn:focus-visible {
	outline: 3px solid #237a35;
	outline-offset: 2px;
}
.pmni-navbtn__icon {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
}
.pmni-navbtn__icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* ── Blok infaq online (butang belum aktif dalam versi contoh) ── */
.pmni-infaq-online {
	background: #f0f4f7;
	border: 1px dashed rgba(35, 122, 53, 0.45);
	border-radius: 10px;
	padding: 1.4rem 1.6rem;
}
.pmni-btn-disabled .wp-block-button__link {
	background: #9fb3a5;
	color: #ffffff;
	cursor: not-allowed;
	pointer-events: none;
}

/* ── Poster pengambilan ──────────────────────────────────────── */
.pmni-poster img {
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(6, 78, 32, 0.14);
	width: 100%;
	height: auto;
	display: block;
}
.pmni-poster figcaption {
	text-align: center;
	font-size: 0.85rem;
	color: #5f6b63;
	margin-top: 0.7rem;
}

/* ── Kad QR DuitNow ──────────────────────────────────────────── */
.pmni-qr {
	background: #ffffff;
	border-radius: 12px;
	padding: 1.5rem 1.5rem 1.1rem;
	max-width: 280px;
	margin-inline: auto;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.pmni-qr img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	display: block;
}
.pmni-qr-caption {
	margin-top: 0.75rem;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5f6b63;
}

/* ── Link footer gelap ───────────────────────────────────────── */
.pmni-footer a:not(.wp-block-social-link-anchor) {
	color: #ffffff;
	text-decoration-color: rgba(233, 196, 99, 0.5);
	text-underline-offset: 3px;
}
.pmni-footer a:not(.wp-block-social-link-anchor):hover {
	color: #e9c463;
}
.pmni-footer a:focus-visible {
	outline: 2px solid #e9c463;
	outline-offset: 3px;
}
/* Social links dengan label: ikon kiri, teks kanan, tiada tindihan.
   WP meletakkan label secara absolute dalam sesetengah gaya, jadi kita
   paksa aliran flex biasa. */
.pmni-footer-links .wp-block-social-link {
	width: 100%;
}
.pmni-footer-links .wp-block-social-link-anchor {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	width: 100%;
	padding: 0.15rem 0;
}
.pmni-footer-links .wp-block-social-link-anchor svg {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
}
.pmni-footer-links .wp-block-social-link-label {
	position: static !important;
	clip: auto !important;
	clip-path: none !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	white-space: normal;
	color: #ffffff;
	font-size: 0.88rem;
	line-height: 1.4;
	word-break: break-word;
}
.pmni-footer-links .wp-block-social-link-anchor:hover .wp-block-social-link-label {
	color: #e9c463;
}

/* ── Butang WhatsApp terapung (semua page) ───────────────────── */
.pmni-float-wa {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 90;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #25d366;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
	transition: transform 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pmni-float-wa:hover {
	transform: scale(1.08);
}
.pmni-float-wa svg {
	width: 29px;
	height: 29px;
	fill: #ffffff;
	display: block;
}
.pmni-float-wa:focus-visible {
	outline: 3px solid #064e20;
	outline-offset: 3px;
}

/* ── Banner tajuk page dalaman (kotak biasa, tiada wave) ─────── */
.pmni-page-banner h1 {
	margin: 0;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 781px) {
	.wp-block-columns {
		gap: 1.25rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.pmni-post, .pmni-iconbox, .pmni-float-wa {
		transition: none;
	}
	.pmni-post:hover, .pmni-iconbox:hover, .pmni-float-wa:hover {
		transform: none;
	}
}