/* =============================================
   BST — COMPLETE Additional CSS (Final)
   Select all → Delete → Paste this entire file
   ============================================= */

/* ---- Fancybox fixes ---- */
a[href*="training"], a[href*="aid"], a[href*="supervisor"], a[href*="labourer"] {
  pointer-events: auto !important;
  text-decoration: none;
}
.wp-block-query a[data-fancybox], a[data-fancybox] {
  data-fancybox: none !important;
}
a[href="/door-supervisor-training/"],
a[href="/cctv-operator-training/"],
a[href="/security-guard-training/"],
a[href="/first-aid-training/"],
a[href="/emergency-first-aid-training/"],
a[href="/paediatric-first-aid-training/"],
a[href="/green-cscs-labourer-training/"] {
  text-decoration: none;
  color: inherit;
}
a[href="/door-supervisor-training/"]:hover,
a[href="/cctv-operator-training/"]:hover,
a[href="/security-guard-training/"]:hover,
a[href="/first-aid-training/"]:hover,
a[href="/emergency-first-aid-training/"]:hover,
a[href="/paediatric-first-aid-training/"]:hover,
a[href="/green-cscs-labourer-training/"]:hover {
  cursor: pointer;
}

/* =============================================
   HAMBURGER BUTTON — black
   ============================================= */
.wp-block-navigation__responsive-container-open {
  background: #1a1a1a !important;
  border-radius: 5px !important;
  padding: 7px !important;
  border: 1px solid #333 !important;
}
.wp-block-navigation__responsive-container-open svg {
  fill: #ffffff !important;
  display: block;
}
.wp-block-navigation__responsive-container-open:hover {
  background: #000000 !important;
}

/* =============================================
   OPEN PANEL
   ============================================= */
.wp-block-navigation__responsive-container.is-menu-open {
  background: #0f0f0f !important;
  padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open::before {
  content: '';
  display: block;
  height: 3px;
  background: #c0392b;
  width: 100%;
}

/* =============================================
   CLOSE BUTTON
   ============================================= */
.wp-block-navigation__responsive-container-close {
  background: transparent !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 4px !important;
  margin: 14px 14px 0 auto !important;
  display: block !important;
}
.wp-block-navigation__responsive-container-close svg {
  fill: #888888 !important;
}

/* =============================================
   LEFT ALIGN
   ============================================= */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container {
  align-items: flex-start !important;
  text-align: left !important;
}

/* =============================================
   KILL WordPress theme colour overrides
   on ALL submenu containers
   ============================================= */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container.has-background,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container.has-secondary-background-color {
  background: transparent !important;
}

/* =============================================
   RESET pseudo-elements globally
   ============================================= */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content::before,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content::after {
  content: none !important;
}

/* =============================================
   LEVEL 1 — top-level links (no indent)
   e.g. About Us, Home, Our Courses
   ============================================= */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item
> .wp-block-navigation-item__content {
  display: block !important;
  padding: 15px 24px 15px 16px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid #1e1e1e !important;
  background: transparent !important;
  text-decoration: none !important;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item
> .wp-block-navigation-item__content:hover {
  background: #1a1a1a !important;
  padding-left: 22px !important;
}
/* Chevron on level 1 items that have children */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item.has-child
> .wp-block-navigation-item__content::after {
  content: ' ›' !important;
  color: #c0392b !important;
  font-size: 18px !important;
  float: right !important;
}

/* =============================================
   LEVEL 2 — items inside first submenu
   e.g. Security Courses, Construction Courses
   Class: wp-block-navigation-submenu (has-child)
   ============================================= */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
> .wp-block-navigation-submenu
> .wp-block-navigation-item__content {
  display: block !important;
  padding: 12px 24px 12px 28px !important;
  color: #cccccc !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  border-bottom: 1px solid #1a1a1a !important;
  background: #111111 !important;
  text-decoration: none !important;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
> .wp-block-navigation-submenu
> .wp-block-navigation-item__content:hover {
  color: #ffffff !important;
  background: #1c1c1c !important;
  padding-left: 34px !important;
}

/* =============================================
   LEVEL 3 — deepest links
   e.g. Door Supervisor, Security Guard
   Class: wp-block-navigation-link (no has-child)
   ============================================= */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
> .wp-block-navigation-link
> .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container
> .wp-block-navigation-link
> .wp-block-navigation-item__content {
  display: block !important;
  padding: 10px 24px 10px 44px !important;
  color: #888888 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  border-bottom: 1px solid #161616 !important;
  background: #0a0a0a !important;
  text-decoration: none !important;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
> .wp-block-navigation-link
> .wp-block-navigation-item__content::before,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container
> .wp-block-navigation-link
> .wp-block-navigation-item__content::before {
  content: '— ' !important;
  color: #444 !important;
  font-size: 11px !important;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
> .wp-block-navigation-link
> .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container
> .wp-block-navigation-link
> .wp-block-navigation-item__content:hover {
  color: #ffffff !important;
  background: #111111 !important;
  padding-left: 50px !important;
}

/* =============================================
   ACTIVE / CURRENT PAGE
   ============================================= */
.wp-block-navigation__responsive-container.is-menu-open
.current-menu-item > .wp-block-navigation-item__content {
  color: #ffffff !important;
  background: #1a1a1a !important;
}
/* Force all submenu containers and items to full width */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container {
  width: 100% !important;
  box-sizing: border-box !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container > .wp-block-navigation-item {
  width: 100% !important;
  display: block !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
  width: 100% !important;
  box-sizing: border-box !important;
}
.wp-block-navigation__responsive-container-close {
  display: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-close {
  display: block !important;
}