/* ==================================================
   CIVITAS OVERRIDES — ASTRA / WOO / MOBILE
   ================================================== */

/* ---------- Disable sticky header on mobile ---------- */
@media (max-width: 768px) {
  .site-header,
  .main-header-bar,
  .ast-primary-header-bar {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
    background: #F5F5F2 !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }
}

/* ---------- Mobile text breaking fix (DEDUPED) ---------- */
@media (max-width: 768px) {
  body,
  p,
  h1,h2,h3,h4,h5,h6,
  div,
  section,
  article {
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }

  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .entry-content,
  .content-area {
    max-width: 100% !important;
    width: 100% !important;
  }

  body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, Inter, Arial, sans-serif !important;
  }
}

/* ---------- Mobile menu stacking ---------- */
@media (max-width: 768px) {
  .site-header,
  .main-header-bar,
  .ast-primary-header-bar {
    z-index: 99999 !important;
  }

  .menu-toggle,
  .ast-button-wrap {
    position: relative !important;
    z-index: 100000 !important;
  }
}

/* ---------- Astra mobile menu UI ---------- */
@media (max-width: 768px) {
  .ast-header-break-point .main-header-menu {
    background: #ffffff;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    padding: 10px 0;
  }

  .ast-header-break-point .main-header-menu a {
    padding: 14px 22px;
    font-size: 16px;
    font-weight: 500;
    color: #1f1f1f;
  }

  .ast-header-break-point .main-header-menu a:hover {
    background: #f5f5f2;
  }

  .ast-header-break-point .main-header-menu li {
    border-bottom: 1px solid #eee;
  }

  .ast-header-break-point .main-header-menu li:last-child {
    border-bottom: none;
  }
}
