/* /var/www/c4w.inidel.com/public/wp-content/themes/divi-child-c4w/c4w-theme-builder.css */

/* === GLOBAL HEADER === */
/* Note: layout uses class .c4w-global-header (no #id). Selectors below use .et-l--header .c4w-global-header */

.et-l--header .c4w-global-header.et_pb_section {
  position: sticky;
  top: 0;
  z-index: 99990;
  background-color: var(--c4w-charcoal) !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
  transition: padding 0.2s ease, box-shadow 0.2s ease;
}

.et-l--header .c4w-global-header .et_pb_row {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  transition: padding 0.2s ease;
  align-items: center;
}

.et-l--header .c4w-global-header.is-shrunk .et_pb_row {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.et-l--header .c4w-global-header .c4w-header-logo img {
  transition: transform 0.2s ease, max-height 0.2s ease;
  max-height: 72px;
  width: auto;
  height: auto;
}

.et-l--header .c4w-global-header.is-shrunk .c4w-header-logo img {
  transform: scale(0.9);
  max-height: 64px;
}

/* --- Fix 1: Nav single line (desktop) --- */
@media (min-width: 981px) {
  .et-l--header .c4w-global-header .et_pb_menu__wrap,
  .et-l--header .c4w-global-header .c4w-header-nav .et_pb_menu__menu,
  .et-l--header .c4w-global-header .et_pb_row .et_pb_menu ul.et-menu.nav {
    flex-wrap: nowrap !important;
    white-space: nowrap;
  }

  .et-l--header .c4w-global-header .et-menu-nav > ul.et-menu.nav,
  .et-l--header .c4w-global-header ul.et-menu.nav {
    flex-wrap: nowrap !important;
    white-space: nowrap;
  }

  .et-l--header .c4w-global-header .et-menu-nav > ul.et-menu.nav > li > a,
  .et-l--header .c4w-global-header ul.et-menu.nav > li > a {
    font-size: 12px !important;
    letter-spacing: 0.04em !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .et-l--header .c4w-global-header .c4w-header-nav.et_pb_menu {
    width: auto;
    flex-shrink: 1;
    min-width: 0;
  }
}

.c4w-header-nav .et-menu-nav li a,
.c4w-header-nav .et-menu li a {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--c4w-white) !important;
  font-size: 14px !important;
}

.c4w-header-nav .et-menu-nav li a:hover,
.c4w-header-nav .et-menu li a:hover {
  color: var(--c4w-yellow) !important;
  background: transparent !important;
}

.c4w-header-nav .et-menu-nav li.current-menu-item > a,
.c4w-header-nav .et-menu li.current-menu-item > a {
  color: var(--c4w-yellow) !important;
}

/* --- Fix 2: CTA buttons side by side --- */
/* Parent: .c4w-header-ctas (et_pb_text module); buttons live in .et_pb_text_inner > p */
.et-l--header .c4w-global-header .c4w-header-ctas,
.et-l--header .c4w-global-header .c4w-header-ctas .et_pb_text_inner,
.et-l--header .c4w-global-header .c4w-header-ctas .et_pb_text_inner p {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
  white-space: nowrap;
  flex-wrap: nowrap;
  margin: 0 !important;
}

.et-l--header .c4w-global-header .c4w-header-ctas .c4w-btn-primary,
.et-l--header .c4w-global-header .c4w-header-ctas .c4w-btn-secondary {
  padding: 8px 16px !important;
  font-size: 12px !important;
  white-space: nowrap;
  display: inline-block;
  margin: 0 !important;
}

/* --- Fix 3: Dropdown charcoal background --- */
.et-l--header .c4w-global-header ul.nav li ul.sub-menu,
.et-l--header .c4w-global-header ul.et-menu.nav li ul.sub-menu,
.et-l--header .c4w-global-header .et_pb_menu ul li ul,
.et-l--header .c4w-global-header .et-menu-nav ul li ul {
  background-color: var(--c4w-charcoal) !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.et-l--header .c4w-global-header ul.nav li ul.sub-menu li a,
.et-l--header .c4w-global-header ul.et-menu.nav li ul.sub-menu li a,
.et-l--header .c4w-global-header .et_pb_menu ul li ul li a,
.et-l--header .c4w-global-header .et-menu-nav ul li ul li a {
  color: var(--c4w-white) !important;
  background-color: var(--c4w-charcoal) !important;
  padding: 10px 16px !important;
}

.et-l--header .c4w-global-header ul.nav li ul.sub-menu li a:hover,
.et-l--header .c4w-global-header ul.et-menu.nav li ul.sub-menu li a:hover,
.et-l--header .c4w-global-header .et_pb_menu ul li ul li a:hover,
.et-l--header .c4w-global-header .et-menu-nav ul li ul li a:hover {
  color: var(--c4w-yellow) !important;
  background-color: #3a3a3a !important;
}

/* === GLOBAL FOOTER === */
.c4w-footer.et_pb_section {
  background-color: var(--c4w-dark) !important;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.015) 0px,
    rgba(255, 255, 255, 0.015) 1px,
    transparent 1px,
    transparent 8px
  ) !important;
}

.c4w-footer-heading {
  font-family: 'Roboto Flex', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--c4w-yellow) !important;
  font-size: 15px !important;
  margin-bottom: 14px !important;
}

.c4w-footer-heading--white {
  color: var(--c4w-white) !important;
  font-size: 17px !important;
}

.c4w-footer-menu .et-menu-nav ul,
.c4w-footer-menu .et-menu ul {
  display: block !important;
  padding: 0 !important;
}

.c4w-footer-menu .et-menu-nav li,
.c4w-footer-menu .et-menu li {
  display: block !important;
  margin: 0 0 8px !important;
}

.c4w-footer-menu .et-menu-nav li a,
.c4w-footer-menu .et-menu li a {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 400 !important;
  color: var(--c4w-offwhite) !important;
  font-size: 14px !important;
  text-transform: none !important;
  padding: 0 !important;
}

.c4w-footer-menu .et-menu-nav li a:hover,
.c4w-footer-menu .et-menu li a:hover {
  color: var(--c4w-yellow) !important;
}

.c4w-footer-membership p {
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--c4w-offwhite);
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.c4w-footer-membership a {
  color: var(--c4w-yellow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.c4w-footer-contact {
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--c4w-offwhite);
  font-size: 14px;
  line-height: 1.6;
}

.c4w-footer-contact a {
  color: var(--c4w-offwhite);
}

.c4w-footer-contact a:hover {
  color: var(--c4w-yellow);
}

.c4w-footer-copyright.et_pb_section {
  background-color: #111111 !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.c4w-footer-copyright p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  color: var(--c4w-tan);
  margin: 0;
  text-align: center;
}

.c4w-footer-copyright a {
  color: var(--c4w-tan);
  text-decoration: underline;
}

.c4w-footer-copyright a:hover {
  color: var(--c4w-yellow);
}

.c4w-footer-social .et_pb_social_media_follow_network a {
  background-color: transparent !important;
  border: 1px solid var(--c4w-tan) !important;
}

.c4w-footer-social .et_pb_social_media_follow_network a:hover {
  background-color: var(--c4w-yellow) !important;
  border-color: var(--c4w-yellow) !important;
}

/* Mobile: hamburger + drawer — desktop nowrap rules scoped to min-width 981px */
@media (max-width: 980px) {
  .et-l--header .c4w-global-header .c4w-header-ctas .et_pb_text_inner p {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .et-l--header .c4w-global-header .c4w-header-logo {
    text-align: center;
  }

  /* Stack CTAs only in narrow mobile header layout */
  .et-l--header .c4w-global-header .c4w-header-ctas .et_pb_text_inner p {
    flex-direction: column;
    width: 100%;
    align-items: stretch;
  }

  .et-l--header .c4w-global-header .c4w-header-ctas .c4w-btn-primary,
  .et-l--header .c4w-global-header .c4w-header-ctas .c4w-btn-secondary {
    width: 100%;
    text-align: center;
  }

  /* Mobile nav drawer submenu readability */
  .et-l--header .c4w-global-header .et_mobile_menu li ul.sub-menu a,
  .et-l--header .c4w-global-header .mobile_nav ul.sub-menu a {
    color: var(--c4w-white) !important;
    background-color: var(--c4w-charcoal) !important;
  }
}