/* === Header Styling Overrides (Data365) === */

/* Brand: Data365 Evidence - 1.5x nav size, same color as "Professional evidence workflows" text */
header .brand .name{
  font-size: 2em !important;
  font-weight: 700 !important;
  color: var(--accent) !important; /* match Professional evidence workflows color */
  letter-spacing: .2px;
  text-decoration: none !important;
  pointer-events: none; /* makes it non-link behavior if wrapped in <a> */
}

/* Tagline lines same size as nav links */
header .brand .tag{
  font-size: 1em !important;
}

/* Force all header/nav links to uniform accent color */
header a.navlink,
header nav a{
  color: var(--accent) !important;
  text-decoration: none !important;
}
header a.navlink:hover,
header nav a:hover{
  text-decoration: underline !important;
}

/* Remove any list bullets if list items exist inside header/nav */
header ul, header ol{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
header li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure header list links match nav style */
header li a{
  color: var(--accent) !important;
  text-decoration: none !important;
}
header li a:hover{
  text-decoration: underline !important;
}

/* --- Start Intake (navcta) text color override --- */
.navcta{
  color:#000000 !important;
}
.navcta:hover,
.navcta:focus,
.navcta:active{
  color:#000000 !important;
  text-decoration:none;
}


main a:not(.btn):not(.navtop):not(.navlink):not(.ddlink):not(.navcta):hover {
  color: var(--link, #0b1220) !important;
  text-decoration: underline;
}


/* === Content link color: professional dark blue === */
main a:not(.btn):not(.navtop):not(.navlink):not(.ddlink):not(.navcta) {
  color: #1a5fb4 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
main a:not(.btn):not(.navtop):not(.navlink):not(.ddlink):not(.navcta):hover {
  color: #174ea6 !important;
}



/* === MOBILE HEADER / HERO SPACING FIXES === */
@media (max-width: 820px){
  header{
    border-bottom: none !important;
  }
  .topbar{
    padding-bottom: 6px !important;
    gap: 6px !important;
  }
  main.wrap{
    padding-top: 0 !important;
  }
  section.hero{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  section.hero .kicker{
    margin-top: 2px !important;
  }
  .menu-panel{
    margin-top: 4px !important;
  }
}


/* === MOBILE V2: prevent squished hero headline === */
@media (max-width: 820px){
  section.hero h1{
    line-height: 1.12 !important;
  }
  section.hero h2{
    line-height: 1.12 !important;
  }
}


/* === MOBILE V3: shrink Email CTA + reposition helper text === */
@media (max-width: 820px){

  /* Email CTA container */
  .email-cta,
  .contact-email,
  .email-card{
    padding: 10px 12px !important;
    border-radius: 12px !important;
  }

  /* Email label */
  .email-cta strong,
  .contact-email strong{
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
    display: block;
    margin-bottom: 4px !important;
  }

  /* Helper / instruction text */
  .email-cta .helper,
  .email-cta p,
  .contact-email p{
    font-size: 0.8rem !important;
    line-height: 1.25 !important;
    opacity: 0.9;
    margin-top: 0 !important;
  }
}


#mobile-button-stack a.btn[href^="mailto:"] .btn-main{
    display: block;
    font-size: 0.95rem !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
  }
  #mobile-button-stack a.btn[href^="mailto:"] .btn-sub{
    display: block;
    font-size: 0.80rem !important;
    line-height: 1.25 !important;
    opacity: 0.88;
    margin: 0 !important;
    padding-left: 10px;
    border-left: 3px solid rgba(255,255,255,0.14);
  }
}


#mobile-button-stack .email-helper{
    margin: 6px 4px 0 6px !important;
    font-size: 0.80rem !important;
    line-height: 1.25 !important;
    color: rgba(255,255,255,0.75);
  }
}


#mobile-button-stack .mobile-email-note{
    margin: 6px 6px 6px 6px !important;
    font-size: 0.80rem !important;
    line-height: 1.25 !important;
    color: rgba(255,255,255,0.75);
  }
}


#mobile-button-stack .email-compact{
    white-space: nowrap;
    font-size: 0.95rem !important;
    padding: 10px 14px !important;
  }
}


/* === MOBILE V8: Email helper above one-line Email CTA (cache-busted) === */
@media (max-width: 820px){
  #mobile-button-stack .mobile-email-note{
    margin: 6px 0 6px 0 !important;
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
    color: var(--muted) !important;
  }
  #mobile-button-stack .email-compact{
    display: block;
    padding: 10px 14px !important;
    font-size: 0.92rem !important;
    border-radius: 14px !important;
    white-space: nowrap;
  }
}


/* === MOBILE V9: stacked Email button content (note first, email second) === */
@media (max-width: 820px){
  #mobile-button-stack .email-stacked{
    padding: 12px 14px !important;
    border-radius: 14px !important;
    text-align: left;
  }
  #mobile-button-stack .email-stacked .email-note{
    display: block;
    font-size: 0.80rem !important;
    line-height: 1.25 !important;
    color: var(--muted);
    margin-bottom: 6px;
  }
  #mobile-button-stack .email-stacked .email-address{
    display: block;
    font-size: 0.95rem !important;
    font-weight: 700;
    white-space: nowrap;
  }
}


/* === MOBILE V10: FORCE stacked (vertical) layout inside Email button === */
@media (max-width: 820px){
  #mobile-button-stack a.email-stacked{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #mobile-button-stack a.email-stacked .email-note{
    order: 1;
    width: 100%;
  }
  #mobile-button-stack a.email-stacked .email-address{
    order: 2;
    width: 100%;
  }
}


/* Mobile-only utility: hide on desktop, show on phones */
.mobile-only{display:none;}
@media (max-width: 768px){
  .mobile-only{display:block;}
}


/* Increased spacing between mobile CTAs after How Engagement Starts */
#mobile-button-stack > a{ margin-top:12px !important; }