/* JOBIX_MOBILE_PWA_V195R4R4R2_HEADER_VISIBILITY_CORRECTION
   Mobile authenticated-header visibility correction only.
   Preserves the Owner-supplied JX identity and all V195R4R4R1 behaviour.
   No business, tenant, login, session, payment, provider, Bridge, Growth Center,
   AI Receptionist, notification, request, quote, job, invoice, or schedule logic. */

:root{
  --jx195r4r4r2-header-icon:url("/assets/icons/jobix-v195r4r4-192.png?v=195.4.4.2");
  --jx195r4r4r2-header-text:#ffffff;
}

/*
 * The V195R4R4 wordmark artwork is intentionally dark and loses contrast on
 * the dark authenticated mobile bar. Keep the exact JX artwork as the visible
 * mark, but use the existing accessible "Jobix" text in high-contrast white.
 */
@media (max-width:760px){
  .jobix-mobilebar .jobix-mobile-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-width:0!important;
    max-width:calc(100vw - 210px)!important;
    overflow:visible!important;
    color:var(--jx195r4r4r2-header-text)!important;
    text-decoration:none!important;
  }

  /* A shorthand declaration decisively replaces the earlier important
     gradient shorthand instead of competing longhand properties. */
  .jobix-mobilebar .jobix-mobile-brand .jobix-brand-mark,
  .jobix-mobilebar .jobix-mobile-brand .jobix-brand-mark.small{
    display:block!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:13px!important;
    background:#f7fbff var(--jx195r4r4r2-header-icon) center/cover no-repeat!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:-9999px!important;
    overflow:hidden!important;
  }

  /* Disable the low-contrast image wordmark introduced by V195R4R4. */
  .jobix-mobilebar .jobix-mobile-brand>strong::before,
  .jobix-mobilebar .jobix-mobile-brand>.jobix-brand-copy>strong::before,
  .jobix-mobilebar .jobix-mobile-brand>span:not(.jobix-brand-mark)::before,
  .jobix-mobilebar .jobix-mobile-brand>.jobix-brand-copy::before{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    background:none!important;
  }

  /* Restore the existing accessible Jobix text as the visible wordmark. */
  .jobix-mobilebar .jobix-mobile-brand>strong,
  .jobix-mobilebar .jobix-mobile-brand>.jobix-brand-copy>strong,
  .jobix-mobilebar .jobix-mobile-brand>span:not(.jobix-brand-mark){
    display:block!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:var(--jx195r4r4r2-header-text)!important;
    -webkit-text-fill-color:var(--jx195r4r4r2-header-text)!important;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:22px!important;
    font-weight:900!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
    text-shadow:0 1px 2px rgba(0,0,0,.3)!important;
  }

  .jobix-mobilebar .jobix-mobile-brand>.jobix-brand-copy{
    display:block!important;
    min-width:0!important;
    width:auto!important;
    overflow:visible!important;
    color:var(--jx195r4r4r2-header-text)!important;
  }

  .jobix-mobilebar .jobix-mobile-brand>.jobix-brand-copy>small{
    display:none!important;
  }
}

@media (max-width:390px){
  .jobix-mobilebar .jobix-mobile-brand{
    gap:8px!important;
    max-width:calc(100vw - 196px)!important;
  }
  .jobix-mobilebar .jobix-mobile-brand .jobix-brand-mark,
  .jobix-mobilebar .jobix-mobile-brand .jobix-brand-mark.small{
    flex-basis:40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:12px!important;
  }
  .jobix-mobilebar .jobix-mobile-brand>strong,
  .jobix-mobilebar .jobix-mobile-brand>.jobix-brand-copy>strong,
  .jobix-mobilebar .jobix-mobile-brand>span:not(.jobix-brand-mark){
    font-size:20px!important;
  }
}

@media (display-mode:standalone){
  .jobix-mobilebar .jobix-mobile-brand{
    -webkit-tap-highlight-color:transparent;
  }
}

@media print{
  .jobix-mobilebar .jobix-mobile-brand .jobix-brand-mark,
  .jobix-mobilebar .jobix-mobile-brand .jobix-brand-mark.small{
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
}