/* ==========================================================================
   Rehnumayi: deep blue and gold, to match the logo, on top of the shared styles.
   ========================================================================== */
body.rm {
  --brand: #1b4f7e; --brand-dark: #0f2f4d; --brand-soft: #eef4fa; --line: #d8e3ef;
  --gold: #c9a45c; --gold-light: #e8d29f; --gold-soft: #fbf6ea;
  background: #f5f8fc;
}
body.rm h1, body.rm h2, body.rm .rm-name, body.rm .masjid h3, body.rm .janaza-card h3 {
  font-family: "Marcellus", Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: .2px;
}
body.rm .eyebrow { color: var(--gold); letter-spacing: 1.5px; }

/* header */
body.rm header.site .brand { gap: 10px; }
body.rm .rm-logo { width: 44px; height: 44px; flex: none; border-radius: 10px; }
body.rm .rm-name { display: flex; flex-direction: column; font-size: 23px; color: var(--brand-dark); line-height: 1.1; }
body.rm .rm-name small { font-family: inherit; font-size: 12px; color: var(--gold); letter-spacing: .4px; }
body.rm nav.links a { --c-bg: var(--brand-soft); --c-fg: var(--brand); }
body.rm .btn.alt { background: var(--brand); border-color: var(--brand); color: #fff; }
body.rm .btn.alt:hover { background: var(--brand-dark); }
body.rm .btn.ghost { color: var(--brand); border-color: var(--brand); }
body.rm .install-strip { background: linear-gradient(90deg, var(--brand-soft), var(--gold-soft)); }
body.rm .install-strip .btn { background: var(--brand); border-color: var(--brand); }
.install-strip.pulse { animation: isPulse 1.2s ease 3; }
@keyframes isPulse { 50% { box-shadow: inset 0 0 0 3px var(--gold, #c9a45c); } }

/* hero and ticker */
body.rm .hero.green { background: radial-gradient(circle at 85% 20%, rgba(201,164,92,.28), transparent 45%), linear-gradient(135deg, #0f2f4d, #1b4f7e 65%, #24609a); }
body.rm .hero.green p { color: #dbe7f3; }
body.rm .hero.green h1 { color: var(--gold-light); }
body.rm .hero.green .tag { background: rgba(201,164,92,.18); color: var(--gold-light); }
body.rm .ticker.green { background: var(--gold-soft); border-color: var(--gold-light); }
body.rm .ticker.green .ticker-label { background: var(--brand); color: var(--gold-light); }
body.rm .ticker.green .t-tag { background: var(--gold); color: #fff; }

/* prayer times */
body.rm .seg { background: var(--brand-soft); border-color: var(--line); }
body.rm .seg button { color: var(--brand); }
body.rm .seg button[aria-pressed="true"] { background: var(--brand); color: #fff; }
body.rm .prayer span { color: var(--brand-dark); }
body.rm .prayer.next { border-color: var(--gold); background: var(--gold-soft); }
body.rm .prayer.next small { color: #a07c35; }

/* masjids, janaza */
body.rm .masjid { border-top-color: var(--gold); }
body.rm .masjid h3 { color: var(--brand-dark); }
body.rm .jumma-times div { background: var(--brand-soft); }
body.rm .jumma-times b { color: var(--brand); }
body.rm .janaza-card h4 { color: var(--brand); }
body.rm .jc.main { background: var(--gold-soft); border-color: var(--gold-light); }

/* chat */
body.rm .bb-head { background: linear-gradient(135deg, #0f2f4d, #1b4f7e); }
body.rm .bb-head b { font-family: "Marcellus", Georgia, serif; font-weight: 400; color: var(--gold-light); font-size: 17px; }
body.rm .bb-msg.user { background: var(--brand); }
body.rm #bb-send { background: var(--brand); }
body.rm .bb-chip { border-color: var(--brand); color: var(--brand); }
body.rm .bb-avatar { background: linear-gradient(160deg, #f6efe0, #e8d29f) !important; }
body.rm .bb-avatar .robot { width: 38px; height: 34px; }
body.rm #bb-launcher .lbl { background: var(--brand); }

/* bottom bar */
body.rm .mnav a.on, body.rm .mnav a:hover, body.rm .mnav button:hover { color: var(--brand); }

@media (max-width: 520px) { body.rm .rm-name { font-size: 20px; } }