/* Dark base: no white flashes on overscroll / rubber-banding, nothing shines through. */
html, body{ background:#121212 !important; }

/* Inner pages (.bd-fix without .bd-top-actions): match the homepage header.
   Call/Menu pills move from the bottom to the top-right; theme switcher added via JS. */
.bd-fix .bd-top-actions{
  position:absolute; top:20px; right:var(--bd-pad,5vw);
  display:flex; gap:10px; z-index:95;
}
.bd-fix .bd-top-actions .bd-pill{ position:static; }

/* Theme switcher, same look as the homepage */
.bd-fix .bd-hswitch{
  position:absolute; top:24px; left:50%; transform:translateX(-50%);
  display:flex; align-items:center; gap:2px;
  border:1px solid #fff; border-radius:999px; padding:3px;
  font-size:11px; letter-spacing:.12em; text-transform:uppercase; z-index:95;
}
.bd-fix .bd-hswitch .lb{ padding:0 6px 0 12px; opacity:.6; }
.bd-fix .bd-hswitch a{ color:#fff; text-decoration:none; padding:7px 14px; border-radius:999px; }
.bd-fix .bd-hswitch a.on{ background:#fff; color:#000; }

/* The inner pages' clock sat at top-right — it would collide with the pills */
.bd-fix .bd-clock{ display:none; }

@media (max-width:900px){
  .bd-fix .bd-top-actions{ top:14px; right:16px; }
  .bd-fix .bd-top-actions .bd-pill{ padding:10px 15px; font-size:12px; }
  .bd-fix .bd-hswitch{ top:66px; left:16px; transform:none; font-size:10px; }
  .bd-fix .bd-hswitch .lb{ display:none; }
  .bd-fix .bd-hswitch a{ padding:6px 10px; }
}

/* ================= 1.0.4 ================= */

/* Compact statement band on the homepage (was 14vh of empty space) */
section.bd-sec.bd-statement{ padding-top:8vh; padding-bottom:8vh; }
@media (max-width:900px){
  section.bd-sec.bd-statement{ padding-top:6vh; padding-bottom:6vh; }
}

/* Remove the Dark/Navy theme switcher — Dark stays the only design (Navy page itself is untouched) */
.bd-hswitch,
.bd-hswitch-menu{ display:none !important; }

/* Menu opens as a small dropdown panel under the Menu button, page stays visible */
nav.bd-menu{
  inset:auto; top:76px; right:max(16px, 5vw); left:auto; bottom:auto;
  width:min(350px, calc(100vw - 32px));
  height:auto; max-height:calc(100vh - 110px); overflow:auto;
  background:rgba(17,17,19,.98);
  border:1px solid rgba(255,255,255,.12); border-radius:20px;
  padding:52px 14px 14px;
  display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:2px;
  clip-path:none; opacity:0; transform:translateY(-10px); pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
  box-shadow:0 24px 70px rgba(0,0,0,.55);
}
nav.bd-menu.open{ clip-path:none; opacity:1; transform:none; pointer-events:auto; }
nav.bd-menu a.mlink{
  font-size:1.02rem; font-weight:500; letter-spacing:0; line-height:1.3;
  color:#fff; text-decoration:none;
  display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px;
  padding:11px 14px; margin:0; border-bottom:none; border-radius:12px;
  transform:none; opacity:1; transition:background .15s ease;
}
nav.bd-menu a.mlink:hover{ background:rgba(255,255,255,.07); color:#fff; }
nav.bd-menu a.mlink .idx{ font-size:.7rem; font-weight:600; opacity:.45; letter-spacing:0; }
nav.bd-menu a.mlink .bd-mdesc{
  flex:1 1 100%; font-size:.76rem; font-weight:400; opacity:.55;
  padding-left:28px; margin:0;
}
nav.bd-menu .bd-menu-close{
  position:absolute; top:12px; right:12px; z-index:2;
  width:36px; height:36px; min-width:0; padding:0 !important;
  border-radius:50% !important; font-size:0 !important; line-height:1;
  display:flex; align-items:center; justify-content:center;
}
nav.bd-menu .bd-menu-close .dot{ display:none; }
nav.bd-menu .bd-menu-close::before{ content:'\00d7'; font-size:20px; color:#fff; }
nav.bd-menu .m-foot{
  margin:8px 0 0; padding:12px 14px 2px; gap:8px 10px;
  border-top:1px solid rgba(255,255,255,.1);
  display:flex; align-items:center; flex-wrap:wrap;
}
nav.bd-menu .m-foot .bd-micro{ font-size:.72rem; }
@media (max-width:900px){
  nav.bd-menu{ top:64px; }
}

/* About page: "Elite Trainers for Workplace Protection" as a contained card */
.bd-about-card{
  width:auto !important; max-width:1120px !important;
  margin:40px auto !important;
  border-radius:24px !important; overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:#141417 !important;
  padding:56px !important;
}
.bd-about-card .wp-block-columns{ gap:56px !important; }
.bd-about-card .wp-block-image{ margin:0; }
.bd-about-card .wp-block-image img{
  border-radius:18px; width:100%; max-height:460px; object-fit:cover;
}
@media (max-width:900px){
  .bd-about-card{ margin:24px 16px !important; padding:32px 24px !important; border-radius:20px !important; }
  .bd-about-card .wp-block-columns{ gap:32px !important; }
  .bd-about-card .wp-block-image img{ max-height:320px; }
}

/* ================= 1.0.6 ================= */

/* Template bug: a global ".bd-lead{color:var(--bd-muted-d)}" override paints lead paragraphs
   dark-on-dark (invisible) on dark sections. Restore light muted text everywhere except
   the light .bd-services section (which keeps its own more specific override). */
section .bd-lead{ color:var(--bd-muted); }

/* ================= 1.0.7 ================= */

/* Force the statement band compact and its lead paragraph visible no matter what
   the template cascade does. */
section.bd-sec.bd-statement{ padding-top:8vh !important; padding-bottom:8vh !important; }
@media (max-width:900px){
  section.bd-sec.bd-statement{ padding-top:6vh !important; padding-bottom:6vh !important; }
}
section .bd-lead{ color:var(--bd-muted) !important; }

/* ---------- 1.0.9: lead form ---------- */
.bd-lead-form{max-width:720px;margin:3rem auto;padding:2.4rem;background:#161617;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:#fff;font-family:'Inter Tight','Inter',Arial,sans-serif}
.bd-lead-title{margin:0 0 .4rem;font-size:1.6rem;font-weight:700;letter-spacing:-.01em}
.bd-lead-sub{margin:0 0 1.6rem;color:rgba(255,255,255,.62)}
.bd-lead-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bd-lead-form label{display:block;margin-bottom:1rem;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.85)}
.bd-lead-form input,.bd-lead-form textarea{width:100%;margin-top:.45rem;padding:.85rem 1rem;background:#0e0e0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;font-size:1rem;font-family:inherit;box-sizing:border-box}
.bd-lead-form input:focus,.bd-lead-form textarea:focus{outline:none;border-color:#C9A227}
.bd-lead-form textarea{resize:vertical;min-height:90px}
.bd-lead-submit{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.4rem;background:#C9A227;color:#0b0b0c;border:0;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit}
.bd-lead-submit:hover{background:#d9b545}
.bd-lead-submit:disabled{opacity:.6;cursor:wait}
.bd-lead-msg{margin:1rem 0 0;font-weight:600;min-height:1.4em}
.bd-lead-msg.ok{color:#7bd88a}
.bd-lead-msg.err{color:#ff8a8a}
@media(max-width:640px){.bd-lead-row{grid-template-columns:1fr}.bd-lead-form{padding:1.6rem}}
/* footer + menu email links injected by JS */
.bd-mail-link{word-break:break-all}

/* ---------- 1.0.10: founder photo — dark only, no light card ---------- */
section.bd-sec.bd-founder3 div.bd-f3-grid>div.bd-f3-photo{
  background:#121212 !important;background-color:#121212 !important;}
section.bd-sec.bd-founder3 div.bd-f3-grid>div.bd-f3-photo::before,
section.bd-sec.bd-founder3 div.bd-f3-grid>div.bd-f3-photo::after{
  background:none !important;background-color:transparent !important;
  box-shadow:none !important;filter:none !important;border:none !important;
  outline:none !important;content:none !important;}
section.bd-sec.bd-founder3 div.bd-f3-grid>div.bd-f3-photo img{
  background:#121212 !important;background-color:#121212 !important;
  box-shadow:none !important;filter:none !important;border:none !important;outline:none !important;}