/* SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
border-right: none;
max-width: 0px;
padding-right: 40px;
display: none;
}

/* PADDING TO SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .authFormContainer {
padding-left: 0;
}

/* FIX EVENT DETAILS BOX IN EVENT CALENDAR GADGET */.boxInfoContainer {color: #2B475B}

/* DLTV CUSTOM CSS — June 2026 */

/* ── EXISTING RULES ── */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
  border-right: none; max-width: 0px; padding-right: 40px; display: none;
}
.WaGadgetAuthorizationRequired .authFormContainer { padding-left: 0; }
.boxInfoContainer { color: #2B475B; }

/* ── FONTS ── */
body, p, a, li, span, label, input, select, textarea, button {
  font-family: 'Plus Jakarta Sans', 'Ubuntu', Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', 'Ubuntu', Arial, sans-serif !important;
}

/* ── PUSH ALL CONTENT BACK to z-index 0 ── */
/* This means the nav dropdown naturally sits above everything */
.zoneContent,
.zoneContent *,
.zoneFooter1,
.zoneFooter1 *,
.zoneFooter2,
.zoneFooter2 * {
  z-index: 0 !important;
}

/* ── HEADER: navy background ── */
.zoneHeader1, .zoneHeader2 {
  background-color: #2A2C6E !important;
  position: relative !important;
  z-index: 100 !important;
}

/* ── LOGO: white ── */
.WaGadgetAccountLogo img {
  filter: brightness(0) invert(1) !important;
  max-height: 80px !important;
  width: auto !important;
}

/* ── NAV TOP LEVEL: white bold, yellow on hover ── */
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a span {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.WaGadgetMenuHorizontal ul.firstLevel > li > .item:hover > a,
.WaGadgetMenuHorizontal ul.firstLevel > li > .item:hover > a span,
.WaGadgetMenuHorizontal ul.firstLevel > li.sel > .item > a,
.WaGadgetMenuHorizontal ul.firstLevel > li.sel > .item > a span {
  color: #F9ED32 !important;
  background: transparent !important;
}

/* ── NAV DROPDOWN ── */
.WaGadgetMenuHorizontal .menuInner li > .item:hover > ul {
  background-color: #2A2C6E !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  padding: 6px !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
  color: rgba(255,255,255,0.85) !important;
  background: transparent !important;
  text-transform: none !important;
  font-size: 14px !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  display: block !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item:hover > a {
  color: #F9ED32 !important;
  background: rgba(255,255,255,0.08) !important;
}

/* ── HEADER LINKS ── */
.zoneHeader1 a, .zoneHeader2 a { color: rgba(255,255,255,0.85) !important; }
.zoneHeader1 a:hover, .zoneHeader2 a:hover { color: #F9ED32 !important; text-decoration: none !important; }

/* ── BUTTONS ── */
.functionalButton, input[type="submit"] {
  background-color: #2A2C6E !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  border: none !important;
  text-transform: none !important;
}
.functionalButton:hover, input[type="submit"]:hover {
  background-color: #1C1E52 !important;
}

/* ── HERO BUTTON TEXT ── */
.dltv-btn-yellow, .dltv-btn-yellow:hover, .dltv-btn-yellow:visited {
  color: #2A2C6E !important;
}

/* ── NODE CANVAS: behind everything ── */
#dltv-bg-canvas {
  position: fixed !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.12 !important;
}

/* ── MENU GADGET: target by its actual WA HTML ID ── */
#id_yOhi7Wr {
  position: relative !important;
  z-index: 999999 !important;
  overflow: visible !important;
}

#id_yOhi7Wr .menuInner,
#id_yOhi7Wr ul,
#id_yOhi7Wr ul ul {
  z-index: 999999 !important;
  overflow: visible !important;
}

/* ── HOMEPAGE HERO: push behind nav dropdown ── */
.dltv-hero,
section.dltv-hero,
.zone-header1,
#dltv-net {
  position: relative !important;
  z-index: 0 !important;
}

/* ── OVERFLOW FIX: allow dropdown to escape all containers ── */
.mLayout,
.mLayout > div,
#mainWrapper,
.pageWrapper,
.zoneHeader2,
.zoneHeader2 > div,
.zoneHeader2 .container_12,
.zoneHeader2 .grid_12,
.WaGadgetMenuHorizontal,
.WaGadgetMenuHorizontal > div,
#id_yOhi7Wr,
#id_yOhi7Wr > div {
  overflow: visible !important;
}

/* ── GRID CONTAINER OVERFLOW FIX ── */
/* The 12-column grid containers clip the dropdown */
.zonePlace,
.zoneHeader2 .container_12,
.zoneHeader2 .container_12 > div,
.zoneHeader2 .grid_12,
.zoneHeader2 [class*="grid_"],
.zoneHeader2 [class*="WaLayout"] {
  overflow: visible !important;
}

/* ── CLEARFIX OVERFLOW FIX ── */
/* The grid clearfix :after element clips the dropdown */
.zoneHeader2::after,
.zoneHeader2 .container_12::after,
.zoneHeader2 .container_12 > div::after,
.zoneHeader2 [class*="grid_"]::after,
.zoneHeader2 .clearfix::after,
.zoneHeader2 .WaGadgetMenuHorizontal::after,
#id_yOhi7Wr::after {
  overflow: visible !important;
  display: none !important;
}

.zoneHeader2 .container_12,
.zoneHeader2 .container_12 > div,
.zoneHeader2 [class*="grid_"] {
  overflow: visible !important;
}

/* ── EXACT HEADER CONTAINER IDS — overflow fix ── */
#id_Header1,
#idHeaderContentHolder,
#id_Header1 *,
#idHeaderContentHolder * {
  overflow: visible !important;
}

#id_Header1::after,
#idHeaderContentHolder::after {
  display: none !important;
}

/* ── MOBILE NAV PANEL ── */
.WaGadgetMobilePanel .mobilePanel,
.mobilePanelContainer,
.WaGadgetMobilePanel {
  background-color: #2A2C6E !important;
}

/* Hamburger icon */
.WaGadgetMobilePanel .mobilePanelButton {
  background-color: #2A2C6E !important;
  color: #ffffff !important;
}

/* Mobile menu items */
.WaGadgetMobilePanel .menuLevel1 > li > a,
.WaGadgetMobilePanel .menuLevel1 > .item > a {
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.WaGadgetMobilePanel .menuLevel1 > li > a:hover,
.WaGadgetMobilePanel .menuLevel1 > .item > a:hover {
  color: #F9ED32 !important;
  background: transparent !important;
}

/* Mobile submenu items */
.WaGadgetMobilePanel .menuLevel2 > li > a,
.WaGadgetMobilePanel .menuLevel2 > .item > a {
  color: rgba(255,255,255,0.75) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  background: rgba(0,0,0,0.15) !important;
}

.WaGadgetMobilePanel .menuLevel2 > li > a:hover,
.WaGadgetMobilePanel .menuLevel2 > .item > a:hover {
  color: #F9ED32 !important;
}

/* Mobile menu background panel */
.WaGadgetMobilePanel .mobilePanelMenu,
.WaGadgetMobilePanel .mobilePanelMenuContainer {
  background-color: #2A2C6E !important;
}

/* ── MOBILE NAV — aggressive override ── */
.mobilePanelContainer *,
.WaGadgetMobilePanel *,
.mobilePanel,
.mobilePanelMenu,
.mobilePanelMenuContainer,
.mobilePanelMenuScroll,
.mobilePanelMenuInner,
ul.menuLevel1,
ul.menuLevel2 {
  background-color: #2A2C6E !important;
}

ul.menuLevel1 > li,
ul.menuLevel2 > li {
  background-color: #2A2C6E !important;
}

ul.menuLevel1 > li > a,
ul.menuLevel2 > li > a {
  background-color: transparent !important;
  color: #ffffff !important;
}