
/* === Mobile-only fixes FINAL (balanced spacing from v5) === */
/* Load AFTER style.css */

/* Navbar stays relative on phones */
@media (max-width: 991.98px) {
  .ftco-navbar-light,
  .ftco-navbar-light.scrolled,
  .ftco-navbar-light.scrolled.awake,
  .ftco-navbar-light.scrolled.sleep {
    position: relative !important;
    top: auto !important; left: auto !important; right: auto !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    z-index: 10;
  }
  body { padding-top: 0 !important; }
}

/* Reset any forced full-height on phones */
@media (max-width: 991.98px) {
  .js-fullheight,
  .hero-wrap,
  .hero-wrap .container-fluid,
  .hero-wrap .row,
  .hero-wrap .col-md-6 { height: auto !important; min-height: 0 !important; }
  .hero-wrap .col-md-6.d-flex { align-items: stretch !important; }
}

/* Hero containment and spacing (balanced) */
@media (max-width: 991.98px) {
  .hero-wrap {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    padding-top: 16px;
    padding-bottom: 40px;   /* balanced bottom space */
    margin-bottom: 20px;    /* balanced gap */
    z-index: 0 !important;
  }
  .hero-wrap .overlay {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    opacity: .06 !important;
    z-index: -1 !important;
    pointer-events: none !important;
  }
  .mouse { display: none !important; } /* hide scroll arrow on phones */
}

/* First content section after hero */
@media (max-width: 991.98px) {
  .hero-wrap + .ftco-section,
  #background-section {
    margin-top: 20px !important;
    padding-top: 16px !important;
    position: relative !important;
    z-index: 2 !important;
    background: #ffffff !important;
    clear: both !important;
  }
  #background-section .heading-section { position: relative !important; z-index: 3 !important; }
}

/* Anchor offset */
@media (max-width: 991.98px) {
  section[id] { scroll-margin-top: 16px; }
}

/* Timeline / course rows */
@media (max-width: 767.98px) {
  .resume-wrap .position-item,
  .course-row { flex-wrap: wrap !important; align-items: flex-start !important; }
  .course-left { flex: 1 1 100% !important; min-width: 0; }
  .course-right {
    min-width: 0 !important;
    width: 100% !important;
    margin-top: .25rem;
    text-align: left !important;
    white-space: nowrap;
  }
}

/* Minor spacing */
@media (max-width: 767.98px) {
  .industry-media-wrap { min-height: 200px; }
  .industry-content { padding: 1rem 1.25rem; }
  .about-info li { margin-bottom: .25rem; }
}


/* === Add-on: bullets inline + navbar brand color (mobile only) === */
@media (max-width: 767.98px) {
  /* Keep the dot and text on the same visual line */
  .resume-wrap .position-item {
    position: relative !important;
    padding-left: 1rem !important;   /* room for the dot */
  }
  .resume-wrap .position-item::before {
    position: absolute !important;
    left: 0 !important;
    top: .6em !important;            /* vertically near first text line */
    margin-right: 0 !important;
    font-size: 0.9rem !important;    /* a bit smaller on phones */
    line-height: 1 !important;
  }
}

/* Mobile navbar brand color fix: keep brand black, first word pill white on blue */
@media (max-width: 991.98px) {
  .ftco-navbar-light .navbar-brand { color: #000000 !important; }
  .ftco-navbar-light .navbar-brand span { color: inherit !important; }
  .ftco-navbar-light .navbar-brand span:first-child {
    background: #3e64ff !important;
    color: #ffffff !important;
  }
}

/* Industry 部分字体颜色统一为黑色 */
.industry-content,
.industry-content p,
.industry-content li {
  color: #000000 !important;
}

