/* Mboka Auto Repair — v373 mobile public-page polish
   Keeps public announcements compact on phones and prevents the Careers footer/chat
   from overlapping. Desktop/tablet layout is intentionally preserved. */

.mboka-customer-bulletin{
  position:relative;
}

.mboka-customer-bulletin > .mboka-announcement-close-floating{
  position:absolute;
  top:10px;
  right:12px;
  z-index:8;
}

@media (max-width:680px){
  html body.ui-auth .mboka-customer-announcement-root{
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  html body.ui-auth .mboka-customer-bulletin{
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    box-shadow:0 12px 28px rgba(0,0,0,.30) !important;
  }

  html body.ui-auth .mboka-customer-bulletin > .mboka-announcement-close-floating{
    display:grid !important;
    width:34px !important;
    height:34px !important;
    top:10px !important;
    right:10px !important;
    font-size:21px !important;
    background:rgba(4,12,32,.24) !important;
    border-color:rgba(255,255,255,.30) !important;
    -webkit-tap-highlight-color:transparent;
  }

  html body.ui-auth .mboka-customer-bulletin-main,
  html body.ui-auth .mboka-customer-bulletin[data-style="compact"] .mboka-customer-bulletin-main,
  html body.ui-auth .mboka-customer-announcement-root.is-compact .mboka-customer-bulletin-main{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body.ui-auth .mboka-customer-bulletin-label,
  html body.ui-auth .mboka-customer-bulletin[data-style="compact"] .mboka-customer-bulletin-label,
  html body.ui-auth .mboka-customer-announcement-root.is-compact .mboka-customer-bulletin-label{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    min-height:0 !important;
    padding:10px 52px 4px 14px !important;
    border:0 !important;
  }

  html body.ui-auth .mboka-customer-bulletin-icon,
  html body.ui-auth .mboka-customer-bulletin[data-style="compact"] .mboka-customer-bulletin-icon,
  html body.ui-auth .mboka-customer-announcement-root.is-compact .mboka-customer-bulletin-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:11px !important;
  }

  html body.ui-auth .mboka-customer-bulletin-icon svg{
    width:22px !important;
    height:22px !important;
  }

  html body.ui-auth .mboka-customer-bulletin-label strong,
  html body.ui-auth .mboka-customer-bulletin[data-style="compact"] .mboka-customer-bulletin-label strong,
  html body.ui-auth .mboka-customer-announcement-root.is-compact .mboka-customer-bulletin-label strong{
    font-size:14px !important;
    line-height:1.05 !important;
    letter-spacing:.055em !important;
  }

  html body.ui-auth .mboka-customer-bulletin-label strong br{
    display:none !important;
  }

  html body.ui-auth .mboka-customer-bulletin-copy{
    min-width:0 !important;
    padding:5px 14px 8px !important;
  }

  html body.ui-auth .mboka-customer-bulletin-title,
  html body.ui-auth .mboka-customer-bulletin[data-style="compact"] .mboka-customer-bulletin-title,
  html body.ui-auth .mboka-customer-announcement-root.is-compact .mboka-customer-bulletin-title{
    font-size:19px !important;
    line-height:1.15 !important;
    letter-spacing:-.025em !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    padding-right:4px !important;
  }

  html body.ui-auth .mboka-customer-bulletin-message,
  html body.ui-auth .mboka-customer-bulletin[data-style="compact"] .mboka-customer-bulletin-message,
  html body.ui-auth .mboka-customer-announcement-root.is-compact .mboka-customer-bulletin-message{
    margin-top:4px !important;
    font-size:13px !important;
    line-height:1.35 !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
  }

  html body.ui-auth .mboka-customer-bulletin-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px 10px !important;
    min-height:0 !important;
    padding:0 14px 11px !important;
    border:0 !important;
  }

  html body.ui-auth .mboka-customer-bulletin-priority{
    gap:5px !important;
    padding:6px 9px !important;
    border-radius:9px !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  html body.ui-auth .mboka-customer-bulletin-priority svg{
    width:15px !important;
    height:15px !important;
  }

  html body.ui-auth .mboka-customer-bulletin-date{
    gap:5px !important;
    font-size:11px !important;
    line-height:1.2 !important;
  }

  html body.ui-auth .mboka-customer-bulletin-date svg{
    width:15px !important;
    height:15px !important;
  }

  /* The desktop ticker duplicates the same notice and consumes too much of a phone screen. */
  html body.ui-auth .mboka-customer-bulletin-ticker,
  html body.ui-auth .mboka-customer-bulletin[data-style="compact"] .mboka-customer-bulletin-ticker,
  html body.ui-auth .mboka-customer-announcement-root.is-compact .mboka-customer-bulletin-ticker{
    display:none !important;
  }

  /* Careers footer: normal document flow, readable wrapping, no fixed-height compression. */
  html body.careers-premium-page .careers-footer.mboka-business-footer{
    box-sizing:border-box !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !important;
    margin-top:22px !important;
    padding:
      16px
      max(16px, env(safe-area-inset-right, 0px))
      calc(90px + env(safe-area-inset-bottom, 0px))
      max(16px, env(safe-area-inset-left, 0px)) !important;
    text-align:center !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  html body.careers-premium-page .careers-footer .mboka-footer-copy{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  html body.careers-premium-page .careers-footer .mboka-footer-copy > span:first-child{
    display:block !important;
    width:100% !important;
  }

  html body.careers-premium-page .careers-footer .mboka-footer-legal{
    width:100% !important;
    margin:0 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px 8px !important;
    white-space:normal !important;
    line-height:1.35 !important;
  }

  html body.careers-premium-page .careers-footer .mboka-footer-slogan{
    width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:12px !important;
    line-height:1.35 !important;
    text-align:center !important;
  }

  html body.careers-premium-page .careers-footer .mboka-footer-contact{
    width:100% !important;
    justify-self:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    font-size:12px !important;
    line-height:1.35 !important;
    text-align:center !important;
  }

  html body.careers-premium-page .careers-footer .mboka-footer-address,
  html body.careers-premium-page .careers-footer .mboka-footer-phones{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    line-height:1.35 !important;
    text-align:center !important;
  }

  html body.careers-premium-page .careers-footer .mboka-footer-address > span:last-child,
  html body.careers-premium-page .careers-footer .mboka-footer-phones > span:last-child{
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }

  html body.careers-premium-page .careers-footer .mboka-footer-sep{
    padding:0 3px !important;
  }

  /* Leave a dedicated clear area in the footer for the floating chat button. */
  html body.careers-premium-page .mbk-chat-fab{
    right:max(14px, env(safe-area-inset-right, 0px)) !important;
    bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    width:54px !important;
    height:54px !important;
  }

  html body.careers-premium-page .mbk-chat{
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
    bottom:calc(80px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width:420px){
  html body.ui-auth .mboka-customer-bulletin-label{
    padding-left:12px !important;
  }
  html body.ui-auth .mboka-customer-bulletin-copy,
  html body.ui-auth .mboka-customer-bulletin-meta{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  html body.ui-auth .mboka-customer-bulletin-title{
    font-size:18px !important;
  }
  html body.ui-auth .mboka-customer-bulletin-message{
    font-size:12.5px !important;
  }

  html body.careers-premium-page .careers-footer.mboka-business-footer{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}