/* ---------------------------------------------------------------
   hero-square.css
   Removes rounded corners from every hero / sub-hero across the
   site so each top section sits flush, edge-to-edge.
   Linked from every page after the main site stylesheet.
---------------------------------------------------------------- */

/* Modern hero (homepage) */
.modern-hero,
.modern-hero .hero-media-stack__photo,
.modern-hero .hero-media-stack__photo img,
.modern-hero .hero-media-stack__photo span,
.modern-hero .hero-media-stack__logo,
.modern-hero .hero-media-stack__logo img,
.modern-hero__stats {
  border-radius: 0 !important;
}

/* Sub-heroes (About, Ambassadors, Camps, Privacy, Child Protection, etc.) */
.subhero,
.subhero > img,
.subhero__stats,
.subhero__stats div {
  border-radius: 0 !important;
}

/* Re-themed Ambassadors hero (uses .amb-hero block) */
.amb-hero,
.amb-hero img,
.amb-hero .amb-stat,
.amb-hero .amb-stats {
  border-radius: 0 !important;
}

/* News page hero (uses .news-hero block) */
.news-hero {
  border-radius: 0 !important;
}

/* Camps custom sub-hero variant */
.subhero--camps {
  border-radius: 0 !important;
}


/* ── Apps dropdown in the header nav ─────────────────────── */
.site-nav .nav-dropdown{position:relative;display:inline-flex;}
.site-nav .nav-dropdown__btn{
  display:inline-flex;align-items:center;gap:6px;
  background:transparent;border:0;padding:8px 12px;
  font:inherit;color:inherit;cursor:pointer;
  border-radius:12px;
}
.site-nav .nav-dropdown__btn:hover,
.site-nav .nav-dropdown.is-open .nav-dropdown__btn{
  background:rgba(8,51,111,.06);color:var(--navy,#08336f);
}
.site-nav .nav-dropdown__btn .caret{
  display:inline-block;font-size:.75em;line-height:1;transform:translateY(1px);
  transition:transform .18s ease;
}
.site-nav .nav-dropdown.is-open .nav-dropdown__btn .caret{transform:rotate(180deg) translateY(-1px);}
.site-nav .nav-dropdown__menu{
  position:absolute;top:calc(100% + 6px);right:0;
  min-width:220px;
  background:#fff;color:var(--navy,#08336f);
  border:1px solid #e3e9f3;
  border-radius:14px;
  box-shadow:0 18px 40px rgba(8,51,111,.18);
  padding:8px;
  display:none;flex-direction:column;gap:2px;
  z-index:80;
}
.site-nav .nav-dropdown.is-open .nav-dropdown__menu,
.site-nav .nav-dropdown:hover .nav-dropdown__menu,
.site-nav .nav-dropdown:focus-within .nav-dropdown__menu{display:flex;}
.site-nav .nav-dropdown__menu a{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;
  border-radius:10px;
  color:var(--navy,#08336f);
  font-weight:600;font-size:.95rem;
  text-decoration:none;
  white-space:nowrap;
}
.site-nav .nav-dropdown__menu a:hover,
.site-nav .nav-dropdown__menu a.is-active{
  background:rgba(159,206,58,.18);
  color:var(--navy,#08336f);
}
.site-nav .nav-dropdown__menu a .icn{font-size:1.05em;width:1.4em;text-align:center;opacity:.85;}

/* Dark-themed pages (e.g. Stock Exchange) keep the dropdown menu legible */
body.stock-exchange-page .site-nav .nav-dropdown__btn:hover,
body.stock-exchange-page .site-nav .nav-dropdown.is-open .nav-dropdown__btn{
  background:rgba(159,206,58,.12);color:#cfe88a;
}
body.stock-exchange-page .site-nav .nav-dropdown__menu{
  background:#0d2950;color:#eaf1ff;border-color:#1d3f73;
  box-shadow:0 18px 40px rgba(0,0,0,.55);
}
body.stock-exchange-page .site-nav .nav-dropdown__menu a{color:#eaf1ff;}
body.stock-exchange-page .site-nav .nav-dropdown__menu a:hover,
body.stock-exchange-page .site-nav .nav-dropdown__menu a.is-active{
  background:rgba(159,206,58,.20);color:#cfe88a;
}

/* Mobile: when nav collapses, the dropdown opens inline as a list */
@media (max-width:880px){
  .site-nav .nav-dropdown{width:100%;}
  .site-nav .nav-dropdown__btn{width:100%;justify-content:space-between;padding:10px 12px;}
  .site-nav .nav-dropdown__menu{
    position:static;display:none;flex-direction:column;
    box-shadow:none;border:0;background:transparent;padding:4px 0 4px 14px;
    min-width:0;
  }
  .site-nav .nav-dropdown.is-open .nav-dropdown__menu{display:flex;}
  .site-nav .nav-dropdown:hover .nav-dropdown__menu,
  .site-nav .nav-dropdown:focus-within .nav-dropdown__menu{display:none;}
  .site-nav .nav-dropdown.is-open .nav-dropdown__menu{display:flex;}
}


/* ── Floating Apps pill (for standalone full-screen app pages
       like banker.html and net-worth.html that don't include
       the shared <header class="site-header">) ─────────────── */
.pc-apps-pill{
  position:fixed;top:14px;right:14px;z-index:9000;
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:999px;
  background:rgba(13,35,70,.85);color:#fff;
  border:1px solid rgba(255,255,255,.18);
  font:600 .9rem/1 Arial,Helvetica,sans-serif;
  cursor:pointer;backdrop-filter:blur(6px);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.pc-apps-pill:hover{background:rgba(13,35,70,.95);border-color:#9fce3a;}
.pc-apps-pill .caret{font-size:.75em;line-height:1;transform:translateY(1px);transition:transform .2s ease;}
.pc-apps-pill.is-open .caret{transform:rotate(180deg) translateY(-1px);}
.pc-apps-menu{
  position:fixed;top:54px;right:14px;z-index:9001;
  min-width:230px;
  background:#fff;color:#0d2346;
  border:1px solid #e3e9f3;border-radius:14px;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
  padding:8px;
  display:none;flex-direction:column;gap:2px;
}
.pc-apps-menu.is-open{display:flex;}
.pc-apps-menu a{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:10px;
  color:#0d2346;font-weight:600;font-size:.95rem;
  text-decoration:none;white-space:nowrap;
}
.pc-apps-menu a:hover,.pc-apps-menu a.is-active{background:rgba(159,206,58,.18);}
.pc-apps-menu a .icn{font-size:1.05em;width:1.4em;text-align:center;opacity:.85;}
@media (max-width:600px){
  .pc-apps-menu{left:14px;right:14px;min-width:0;}
}