/* ==========================================================================
   Burmese branch page (Phra Khanong) — Myanmar webfont + script-specific spacing
   + a self-contained services grid.

   Everything is scoped under #sk-branch.sk-branch-mm so it NEVER touches the
   Thai/English branch pages (which share branch.css but not this file).
   Loaded only on the "Skytrain Branch (Myanmar)" template — see functions.php.
   ========================================================================== */

/* Myanmar script for all body copy on this page. Noto Sans Myanmar first, then
   Noto Sans Thai (so the Thai street address still renders), then system. */
#sk-branch.sk-branch-mm,
#sk-branch.sk-branch-mm h1,
#sk-branch.sk-branch-mm h2,
#sk-branch.sk-branch-mm h3,
#sk-branch.sk-branch-mm p,
#sk-branch.sk-branch-mm a,
#sk-branch.sk-branch-mm b,
#sk-branch.sk-branch-mm span,
#sk-branch.sk-branch-mm li,
#sk-branch.sk-branch-mm summary,
#sk-branch.sk-branch-mm div{
	font-family:'Noto Sans Myanmar','Noto Sans Thai',system-ui,sans-serif !important;
}

/* Burmese stacks marks above/below the baseline, so it needs more line height
   than Thai/Latin or the glyphs collide. */
#sk-branch.sk-branch-mm{ line-height:1.9; }
#sk-branch.sk-branch-mm .skb-h1{ line-height:1.6; }
#sk-branch.sk-branch-mm .skb-h1-name{ display:block; margin-top:.15em; }
#sk-branch.sk-branch-mm h2,
#sk-branch.sk-branch-mm h3,
#sk-branch.sk-branch-mm .skb-book-title{ line-height:1.55; }
#sk-branch.sk-branch-mm .skb-sub,
#sk-branch.sk-branch-mm .sk-head-sub,
#sk-branch.sk-branch-mm .skb-faq-item p,
#sk-branch.sk-branch-mm .skb-step p{ line-height:1.95; }
#sk-branch.sk-branch-mm .skb-facts li{ line-height:1.7; }

/* The "Latin sub-label" under each service keeps a Latin font for legibility. */
#sk-branch.sk-branch-mm .skbmm-svc span{
	font-family:system-ui,-apple-system,"Segoe UI",sans-serif !important;
}

/* ---- Services grid (self-contained; does NOT depend on services.css) ---- */
#sk-branch.sk-branch-mm .skbmm-svc-grid{
	display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
#sk-branch.sk-branch-mm .skbmm-svc{
	background:#fff; border:1px solid #E3EEF2; border-radius:15px;
	padding:20px 16px; text-align:center;
	box-shadow:0 6px 18px rgba(11,58,71,.05);
	display:flex; flex-direction:column; align-items:center; gap:8px;
}
#sk-branch.sk-branch-mm .skbmm-svc .ic{
	width:44px; height:44px; border-radius:12px;
	background:#E2F3F7; color:#0C9FBF; display:grid; place-items:center;
}
#sk-branch.sk-branch-mm .skbmm-svc .ic svg{ width:24px; height:24px; }
#sk-branch.sk-branch-mm .skbmm-svc b{ font-size:1.02rem; color:#0B3A47; font-weight:600; }
#sk-branch.sk-branch-mm .skbmm-svc span{ font-size:.8rem; color:#7C97A0; letter-spacing:.02em; }

@media (max-width:860px){
	#sk-branch.sk-branch-mm .skbmm-svc-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:420px){
	#sk-branch.sk-branch-mm .skbmm-svc-grid{ grid-template-columns:1fr 1fr; }
}