/* ===== HEADER - Match drivetheory.co dark theme ===== */
#idHeaderContentHolder {
    background-color: #1a1a1a !important;
    padding: 10px 20px !important;
}

/* Invert logo to white for dark background */
#id_5wCap1a {
    filter: brightness(0) invert(1) !important;
}

/* ===== NAV MENU LINKS - Roboto, gray, uppercase ===== */
.menuInner .item a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #7a7a7a !important;
    letter-spacing: 0.5px !important;
    padding: 0 !important;
    text-decoration: none !important;
}

/* Active/Selected nav link - red */
.menuInner li.sel > .item > a,
.menuInner li.sel .item a {
    color: #ff0505 !important;
}

/* Hover state - white */
.menuInner .item:hover a,
.menuInner .item a:hover {
    color: #ffffff !important;
}

/* Active underline - red */
.menuInner li.sel > .item {
    border-bottom: 3px solid #ff0505 !important;
    padding: 5px 0;
}

/* Normal item - transparent border */
.menuInner .item {
    border-bottom: 3px solid transparent;
    padding: 5px 0;
}

/* Hover underline */
.menuInner .item:hover {
    border-bottom: 3px solid #ffffff !important;
}

/* ===== MENU LAYOUT - 8 items matching drivetheory.co ===== */
.WaGadgetMenuHorizontal {
  width: 100% !important;
  max-width: 100% !important;
}
.menuInner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}
.firstLevel {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
ul.firstLevel li {
  flex-shrink: 1 !important;
}
ul.firstLevel > li > div.item {
  padding: 0 !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a > span {
  padding: 13px 10px !important;
  display: block !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}

/* ===== HEADER LAYOUT - flex alignment ===== */
@media (min-width:801px) {
    #idHeaderContentHolder tr.WaLayoutRow {
        display: flex;
        align-items: center;
    }
}

#id_rKjEBnx {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
}

#id_rKjEBnx > div:first-child {
    width: 100%;
}

td#id_EvzMp28 {
    height: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ===== LOGIN/PROFILE BUTTON - white for dark bg ===== */
#idHeaderContentHolder .loginLink,
#idHeaderContentHolder .loginContainer,
#idHeaderContentHolder .WaGadgetLoginButton {
    color: #ffffff !important;
}

#idHeaderContentHolder .loginLink svg,
#idHeaderContentHolder .loginLink path {
    fill: #ffffff !important;
}

#id_ZfQRiVU .loginLink,
#id_ZfQRiVU a {
    color: #ffffff !important;
}

/* ===== MOBILE MENU - dark theme ===== */
@media (max-width:800px) {
    #idHeaderContentHolder {
        background-color: #1a1a1a !important;
    }
    .WaGadgetMenuHorizontal .menuInner {
        background-color: #1a1a1a !important;
    }
    .menuInner .item a {
        color: #7a7a7a !important;
    }
    .menuInner li.sel .item a {
        color: #ff0505 !important;
    }
    .WaGadgetMenuHorizontal .hamburger,
    .WaGadgetMenuHorizontal .menuToggle,
    .WaGadgetMenuHorizontal .menuToggle span {
        color: #ffffff !important;
        background-color: #ffffff !important;
    }
}

/* Import Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
/* Hide raw JS text container */
#idCustomJsContainer {
  display: none !important;
}