/* =====================================================================
   City Pride School, Moshi — the Moshi look
   ---------------------------------------------------------------------
   The shared City Pride theme (style.css + nigdi-theme.css) is kept as is
   so updates from the Pradhikaran site can be dropped in. This file, loaded
   last, re-skins it to match cityprideschoolmoshi.org. Values were read
   from that site's own pages (cms-custom.css):

     sky blue   #139fd6  hero clouds, menu panel, footer
     light sky  #6cc6e9  sub-menus
     crimson    #c6265b  awards band, affiliation line
     orange     #ff6b00  news and patrons bands
     amber      #feb21e  current menu item, highlights
     indigo     #273aad  headings (Pridi)
     body copy  Poppins 15px, near-black
   ===================================================================== */

:root {
  --moshi-sky:#139fd6;
  --moshi-sky-mid:#3eb8e8;
  --moshi-sky-light:#6cc6e9;
  --moshi-sky-deep:#0d7fae;

  /* Re-point the theme's accent family (the Pradhikaran build made it brown). */
  --cps-teal:var(--moshi-sky);
  --grass:var(--moshi-sky);  --grass-dark:var(--moshi-sky-deep); --grass-soft:#e2f4fb;
  --mint:var(--moshi-sky);   --mint-dark:var(--moshi-sky-deep);  --mint-soft:#e2f4fb;
}

/* ------------------------------------------------------------ header */
.brand-lockup { display:flex; align-items:center; justify-content:center; gap:1.1rem; }
.board-logo { max-height:88px; width:auto; flex-shrink:0; }
.site-header.is-stuck .board-logo { max-height:58px; }
.brand-affiliation {
  font-family:"Inter","Poppins",system-ui,sans-serif;
  font-weight:700; color:#c6265b; letter-spacing:0;
}
@media (max-width:880px) { .board-logo { max-height:52px; } .brand-lockup { gap:.6rem; } }
@media (max-width:600px) { .board-logo { max-height:38px; } }
@media (max-width:420px) { .board-logo { display:none; } }

/* -------------------------------------------------------------- hero */
/* Moshi's own sky artwork: the same scalloped clouds, in blues. */
.hero {
  background:
    url("../img/hero-clouds-moshi.svg") center top / 100% 100% no-repeat,
    linear-gradient(#fff3db, #fffaf3);
}

/* -------------------------------------------------------- menu panel */
.main-nav::before { background:rgba(19,159,214,.9); }
@media (min-width:881px) and (max-height:700px) {
  .main-nav { background:rgba(19,159,214,.97); }
}
@media (max-width:880px) {
  .main-nav { background:var(--moshi-sky); }
}
.main-nav .nav-list > li > a:hover,
.main-nav .nav-list ul a:hover { background:rgba(255,255,255,.16); color:#fff; }
.main-nav .nav-list > li.is-active > a,
.main-nav .nav-list > li > a[aria-current="page"] {
  background:rgba(254,178,30,.62);
  color:#fff;
  box-shadow:inset -4px 0 0 var(--cps-secondary);
}
.main-nav .nav-list .submenu { background:var(--moshi-sky-deep); }
@media (min-width:881px) {
  .main-nav .nav-list .submenu { background:var(--moshi-sky-light); }
  .main-nav .nav-list .submenu .submenu { background:var(--moshi-sky-mid); }
  .main-nav .nav-list .submenu a { color:#fff; border-bottom-color:rgba(255,255,255,.3); text-shadow:0 1px 1px rgba(0,0,0,.18); }
  .main-nav .nav-list .submenu a:hover { background:rgba(254,178,30,.55); color:#fff; }
}

/* Round home button: Moshi orange. */
.home-btn { background:var(--cps-orange); }

/* ------------------------------------------------------ type & text */
.section-welcome .rich, .page-content .rich, .hub-intro .rich, .message-letter .rich {
  font-family:"Poppins",system-ui,sans-serif;
  font-size:15px; line-height:1.7; color:#111;
}
.page-content .rich p, .section-welcome .rich p { color:#111; }
.welcome-col h3 { font-size:30px; }
.link-more { font-family:"Poppins",system-ui,sans-serif; }

/* --------------------------------------------- events & news band */
/* On Moshi the two lists sit straight on the orange, in white. */
.section-news .news-panel { background:transparent; box-shadow:none; border:0; }
.section-news .news-panel::before, .section-news .news-panel::after { display:none; }
.section-news .news-panel-head { background:transparent; border:0; justify-content:center; }
.section-news .news-panel-head h3 { color:#fff; font-size:30px; }
.section-news .panel-icon { background:transparent; box-shadow:none; width:auto; height:auto; }
.section-news .panel-icon img { width:44px; height:44px; object-fit:contain; display:block; }
.section-news .panel-track li { border-color:rgba(255,255,255,.35); }
.section-news .panel-track a { color:#fff; font-family:"Poppins",system-ui,sans-serif; font-weight:500; }
.section-news .panel-track a:hover { color:var(--cps-secondary); }
.section-news .panel-track time { color:#fff3dc; }
.section-news .news-panel-foot .link-more { color:#fff; }
.section-news .news-panel-foot .link-more:hover { color:var(--cps-secondary); }
.section-news .new-badge { background:#fff; color:var(--cps-orange); }

/* ---------------------------------------------------------- awards */
.section.band.section-awards { background:#c6265b; }

/* --------------------------------------------------------- patrons */
.leader-card h3 { font-family:"Poppins",system-ui,sans-serif; font-size:20px; font-weight:500; color:#000; }
a.leader-card h3 { color:#000; }
a.leader-card:hover h3 { color:var(--cps-primary); }

/* ---------------------------------------------------------- footer */
.site-footer { background:var(--moshi-sky); }
.footer-wave svg path { fill:var(--moshi-sky); }
.footer-bottom { background:rgba(0,0,0,.12); }
.site-footer a:hover { color:var(--cps-secondary); }

/* Empty panel message (e.g. no upcoming events yet). */
.section-news .panel-empty { color:#fff; opacity:.92; font-family:"Poppins",system-ui,sans-serif; padding:.6rem 0; border:0; }
.section-news .panel-icon i { color:#fff; font-size:2rem; width:44px; text-align:center; }