/* ===================== নামাজের সময়সূচি প্লাগইন স্টাইল ===================== */
.ntw-widget, .ntw-page {
	font-family: 'Noto Sans Bengali', 'Segoe UI', sans-serif;
	color: #111;
	max-width: 900px;
	margin: 20px auto;
	box-sizing: border-box;
}
.ntw-widget *, .ntw-page * { box-sizing: border-box; }

/* ---------- ছোট উইজেট ---------- */
.ntw-widget {
	border: 1px solid #d7ece2;
	border-radius: 14px;
	padding: 18px 20px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}
.ntw-widget-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 6px;
}
.ntw-widget-title { display:flex; align-items:center; gap:8px; font-size:19px; font-weight:700; }
.ntw-widget-location { font-size:13px; color:#16a34a; font-weight:600; }
.ntw-widget-date { font-size:13px; color:#666; margin-bottom:14px; }
.ntw-widget-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.ntw-widget-footer { text-align:center; margin-top:16px; }
.ntw-widget-footer a { color:#16a34a; font-weight:600; text-decoration:none; font-size:14px; }
.ntw-widget-footer a:hover { text-decoration:underline; }

/* ---------- সাধারণ কার্ড ---------- */
.ntw-icon { color:#16a34a; }
.ntw-prayer-card { background:#f0faf6; border:1px solid #dcf0e6; border-radius:12px; padding:14px 16px; }
.ntw-prayer-card .ntw-p-label { font-size:13px; color:#555; display:flex; align-items:center; gap:6px; margin-bottom:6px; }
.ntw-prayer-card .ntw-p-time { font-size:18px; font-weight:700; color:#111; }

/* ---------- ফুল পেজ ---------- */
.ntw-back a { color:#16a34a; text-decoration:none; font-size:14px; font-weight:600; }
.ntw-back { margin-bottom: 14px; }
.ntw-header { text-align:center; margin-bottom:20px; }
.ntw-header h1 { font-size:26px; font-weight:800; margin:0 0 6px; }
.ntw-subtitle { font-size:14px; color:#555; }
.ntw-date { font-size:13px; color:#888; margin-top:2px; }
.ntw-share { display:flex; justify-content:center; gap:14px; margin-top:10px; }
.ntw-share a { font-size:18px; text-decoration:none; }

.ntw-card {
	border: 1px solid #d7ece2;
	border-radius: 14px;
	padding: 18px 20px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	margin-bottom: 16px;
}
.ntw-card-title { display:flex; align-items:center; gap:8px; font-size:16px; font-weight:700; margin-bottom:14px; }
.ntw-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }

.ntw-two-col { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.ntw-purple { background:#f7f6fe; border-color:#e2e0f7; }
.ntw-purple .ntw-card-title { color:#4f46e5; }
.ntw-amber { background:#fdf8ec; border-color:#f7e9c9; }
.ntw-amber .ntw-card-title { color:#b45309; }

.ntw-row {
	display:flex; justify-content:space-between; align-items:center;
	padding:8px 0; border-bottom:1px solid rgba(0,0,0,0.06); font-size:14px;
}
.ntw-row span:last-child { font-weight:700; }

.ntw-qibla { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.ntw-qibla-deg { font-size:24px; font-weight:800; }
.ntw-qibla-label { font-size:13px; color:#666; }

.ntw-info { background:#f0faf6; }
.ntw-info-text { font-size:13px; color:#444; line-height:1.7; }

.ntw-table-wrap { overflow-x:auto; }
.ntw-table { width:100%; border-collapse:collapse; font-size:13px; min-width:600px; }
.ntw-table th { text-align:left; color:#666; border-bottom:2px solid #eee; padding:8px 6px; }
.ntw-table td { padding:7px 6px; }
.ntw-table tr.ntw-today { background:#d9f2e6; font-weight:700; }
.ntw-table tr.ntw-alt { background:#fafafa; }
.ntw-loading { padding:14px; text-align:center; color:#999; }

.ntw-city-heading { font-weight:700; color:#16a34a; margin:14px 0 8px; font-size:14px; }
.ntw-city-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.ntw-city-grid a {
	display:block; text-align:center; padding:8px 6px; border-radius:8px;
	font-size:13px; text-decoration:none; background:#f0faf6; color:#333;
}
.ntw-city-grid a.ntw-active { background:#bdeed4; color:#0f5132; font-weight:700; }

.ntw-error { text-align:center; color:#b91c1c; font-size:13px; margin-top:10px; }

/* ---------- মোবাইল রেসপন্সিভ ---------- */
@media (max-width: 600px) {
	.ntw-widget-grid, .ntw-grid { grid-template-columns: repeat(2, 1fr); }
	.ntw-two-col { grid-template-columns: 1fr; }
	.ntw-city-grid { grid-template-columns: repeat(2, 1fr); }
}