/* Be Contract Wise (England & Wales and Scotland): family look additions (October 2026).
   Loaded after bw-family.css. The menu now holds the About / Privacy / Cookie links as well,
   so it opens from the 3-bar button at every screen width (it no longer fits across the header). */
@media (min-width:921px){
  .nav-toggle{ display:flex; }
  .masthead-row{ position:relative; }
  nav.primary-nav{
    display:none; position:absolute; top:100%; right:0; left:auto; width:300px; z-index:30;
    background:#FFFFFF; border:1px solid var(--bw-rule); border-top:0;
    flex-direction:column; padding:6px 20px 14px;
  }
  nav.primary-nav.open{ display:flex; }
  nav.primary-nav button{ text-align:left; padding:12px 0; border-bottom:1px solid var(--rule); color:var(--bw-ink); }
  nav.primary-nav button:last-child{ border-bottom:none; }
  nav.primary-nav button.nav-advertise{ align-self:stretch; margin-left:0; padding:12px 0; border:none; border-bottom:1px solid var(--rule); border-radius:0; background:none; color:var(--bw-coral-strong); }
  nav.primary-nav button.nav-advertise:hover, nav.primary-nav button.nav-advertise.active{ background:none; color:var(--bw-ink); }
}
/* drop-down (all widths): the current page is marked with a coral edge */
nav.primary-nav button.active{ color:var(--bw-ink); border-bottom-color:var(--rule); box-shadow:inset 3px 0 0 var(--bw-coral); padding-left:12px !important; }
nav.primary-nav button.nav-advertise{ color:var(--bw-coral-strong); }

/* Review screen: the dashed upload box was drawn as broken strips (it lacked display:block) */
.upload-zone{ display:block; border-radius:8px; margin-bottom:14px; }
.upload-zone:hover, .upload-zone.dragover{ border-color:var(--bw-harbour); background:#F6F8FB; }
.review-side{ border-radius:8px; }

/* Phones: keep the full app name visible beside the jurisdiction badge */
@media (max-width:480px){
  .wordmark{ gap:8px; }
  .wordmark::before{ width:28px; height:28px; }
  .wordmark .mark{ font-size:1.2rem; }
}