/*
 * WordPress-only additions. The design itself comes from site.css (the original site's compiled stylesheet)
 * and local.css (animations and states); nothing here changes how the public pages look.
 */

/* Keep the fixed navigation below the admin bar for logged-in users. */
body.admin-bar nav.fixed { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar nav.fixed { top: 46px; }
}

/* Validation / sending errors of the contact forms (shown after a failed submission). */
.mirae-alert {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Readable content on generic pages (page.php) — the original site has no such pages. */
.mirae-prose > * + * { margin-top: 1rem; }
.mirae-prose h2 { font-size: 1.5rem; font-weight: 700; color: #0f172a; margin-top: 2rem; }
.mirae-prose h3 { font-size: 1.25rem; font-weight: 700; color: #0f172a; margin-top: 1.5rem; }
.mirae-prose ul { list-style: disc; padding-left: 1.5rem; }
.mirae-prose ol { list-style: decimal; padding-left: 1.5rem; }
.mirae-prose a { color: #023179; text-decoration: underline; }
.mirae-pagination .nav-links { display: flex; gap: .5rem; justify-content: center; }
.mirae-pagination .page-numbers { padding: .5rem .9rem; border-radius: .75rem; color: #475569; }
.mirae-pagination .page-numbers.current { background: linear-gradient(135deg, #023179 0%, #2f63cf 100%); color: #fff; }
.mubashir-wordmark { display: flex; flex-direction: column; color: #023179; width: 220px; line-height: 1.2; }
.mubashir-wordmark-name { font-size: 17px; font-weight: 900; letter-spacing: -.4px; }
.mubashir-wordmark-service { font-size: 14px; font-weight: 700; letter-spacing: 2.2px; margin-top: 2px; }
.mubashir-wordmark-legal { font-size: 10px; font-weight: 600; letter-spacing: 1px; margin-top: 4px; }
footer .mubashir-wordmark { color: #fff; }
.mubashir-hero-name { font-size: clamp(2.25rem, 4.4vw, 4.25rem); font-weight: 900; line-height: 1.1; letter-spacing: -.03em; }
.mubashir-hero-service { font-size: clamp(1.75rem, 3.6vw, 3.5rem); font-weight: 900; line-height: 1.15; margin-top: .4rem; }
.mubashir-hero-legal { font-size: clamp(.875rem, 1.5vw, 1.125rem); font-weight: 700; letter-spacing: .12em; margin-top: 1rem; }
@media (max-width: 1023px) {
  .mubashir-wordmark { width: 210px; }
  .mubashir-wordmark-name { font-size: 16px; }
  .mubashir-wordmark-service { font-size: 12px; }
  .mubashir-wordmark-legal { font-size: 9px; }
}