/* ===== Modernisasi tampilan Masjid Al Fatah — tema UM Indonesia 2026-08-27 ===== */

/* --- Hero --- */
.banner-container{
	background: linear-gradient(135deg, rgba(0,40,90,.82) 0%, rgba(0,61,128,.68) 45%, rgba(255,140,1,.38) 100%) !important;
	display:flex; align-items:center; justify-content:center;
}
.inner-banner-thumb h1.page1{
	padding:0 20px !important;
}
.inner-banner-thumb h1.page1 > div:first-child{
	font-family:'Poppins', 'Segoe UI', sans-serif !important;
	font-weight:800 !important;
	font-size:clamp(28px,5vw,52px) !important;
	letter-spacing:.3px;
	text-shadow:0 3px 18px rgba(0,0,0,.35) !important;
}
.btn-mpm{
	background:linear-gradient(120deg,#FF8C01 0%,#ff7a1f 100%) !important;
	box-shadow:0 12px 30px rgba(255,140,1,.4) !important;
	font-family:'Poppins','Segoe UI',sans-serif !important;
	letter-spacing:.2px;
	transition:transform .2s, box-shadow .2s !important;
}
a:hover .btn-mpm{
	background:linear-gradient(120deg,#ff9a2e 0%,#FF8C01 100%) !important;
	box-shadow:0 16px 36px rgba(255,140,1,.55) !important;
	transform:translateY(-3px);
}

/* --- Blog cards --- */
article.post{
	background:#fff !important;
	border-radius:16px !important;
	box-shadow:0 6px 22px rgba(10,47,87,.08) !important;
	padding:18px !important;
	margin-bottom:22px !important;
	display:flex; gap:20px; align-items:flex-start;
	transition:transform .2s, box-shadow .2s;
	border:none !important;
}
article.post:hover{
	transform:translateY(-3px);
	box-shadow:0 14px 32px rgba(10,47,87,.14) !important;
}
article.post img{
	border-radius:12px !important;
	object-fit:cover;
	width:220px !important; height:150px !important;
	flex-shrink:0;
}
article.post .entry-header a{
	color:#0a2f57 !important;
	font-family:'Poppins','Segoe UI',sans-serif !important;
	font-weight:700 !important;
}
article.post .entry-header a:hover{ color:#FF8C01 !important; }
article.post .entry-summary{ color:#4b5768 !important; }
@media(max-width:640px){
	article.post{ flex-direction:column; }
	article.post img{ width:100% !important; height:190px !important; }
}

/* --- Sidebar widgets --- */
#sidebar .widget{
	background:#fff !important;
	border-radius:16px !important;
	box-shadow:0 6px 22px rgba(10,47,87,.07) !important;
	padding:22px !important;
	margin-bottom:22px !important;
	border:none !important;
}
#sidebar .widget h2, #sidebar .widget h2.wp-block-heading{
	font-family:'Poppins','Segoe UI',sans-serif !important;
	font-weight:700 !important;
	color:#0a2f57 !important;
	font-size:17px !important;
	position:relative;
	padding-bottom:12px;
	margin-bottom:16px !important;
}
#sidebar .widget h2::after{
	content:''; position:absolute; left:0; bottom:0;
	width:38px; height:3px; border-radius:3px;
	background:linear-gradient(90deg,#0055B1,#FF8C01);
}
#sidebar .wp-block-latest-posts__list li{ margin-bottom:10px !important; }
#sidebar .wp-block-latest-posts__post-title{
	color:#0a2f57 !important; font-weight:500;
}
#sidebar .wp-block-latest-posts__post-title:hover{ color:#FF8C01 !important; }
#sidebar .wp-block-tag-cloud a.tag-cloud-link{
	display:inline-block; background:#EEF3FA !important; color:#0055B1 !important;
	padding:5px 12px !important; border-radius:20px !important; margin:3px 4px 3px 0 !important;
	font-size:12.5px !important; text-decoration:none; transition:all .15s;
}
#sidebar .wp-block-tag-cloud a.tag-cloud-link:hover{
	background:#0055B1 !important; color:#fff !important;
}
#sidebar .wp-block-archives li, #sidebar ul li{
	border-bottom:1px solid #EEF1F6 !important;
	padding:7px 0 !important;
}
#sidebar .wp-block-group__inner-container > ul > li:last-child{ border-bottom:none !important; }

/* prayer-time widget frame (content is a cross-origin iframe, can only style the wrapper) */
#block-12{
	padding-top:0 !important;
	overflow:hidden;
}
#block-12::before{
	content:'Jadwal Sholat Hari Ini';
	display:block;
	font-family:'Poppins','Segoe UI',sans-serif;
	font-weight:700; color:#fff; font-size:14px;
	background:linear-gradient(120deg,#0055B1,#003d80);
	margin:-22px -22px 14px -22px;
	padding:14px 22px;
	border-radius:16px 16px 0 0;
}

/* --- Pagination --- */
.pagination .nav-links{
	display:flex; gap:8px; flex-wrap:wrap;
}
.pagination .nav-links a, .pagination .nav-links span{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:38px; height:38px; padding:0 12px;
	border-radius:10px !important;
	background:#fff !important; color:#0a2f57 !important;
	font-weight:600 !important; border:1px solid #E1E8F1 !important;
	transition:all .15s;
}
.pagination .nav-links a:hover{
	background:#0055B1 !important; color:#fff !important; border-color:#0055B1 !important;
}
.pagination .nav-links span.current{
	background:linear-gradient(120deg,#0055B1,#003d80) !important;
	color:#fff !important; border:none !important;
}