/* XXCELL SITEWIDE MOBILE ACTION BAR */

.site-mobile-bar {
  display:none;
}

@media (max-width:768px) {

  body {
    padding-bottom:78px !important;
  }

  .site-mobile-bar {
    position:fixed;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    min-height:72px;
    padding:6px 8px max(6px,env(safe-area-inset-bottom));
    background:#0f172a;
    border-radius:16px 16px 0 0;
    box-shadow:0 -6px 24px rgba(15,23,42,.18);
    box-sizing:border-box;
  }

  .site-mobile-action {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-width:0;
    min-height:58px;
    margin:0 3px;
    padding:5px 3px;
    border-radius:15px;
    color:#ffffff !important;
    text-decoration:none !important;
    text-align:center;
    font-family:inherit;
    box-sizing:border-box;
  }

  .site-mobile-action span {
    display:block;
    font-size:1rem;
    line-height:1;
  }

  .site-mobile-action strong {
    display:block;
    font-size:.78rem;
    line-height:1.05;
    font-weight:800;
  }

  .site-mobile-primary {
    background:#e52b20;
    color:#ffffff !important;
  }

}

/* =========================================================
   XXCELL SITEWIDE MOBILE ACTION BAR — FINAL
   Estimate | Call | Services
   ========================================================= */

@media(max-width:768px){

.site-mobile-bar{
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:space-between !important;
position:fixed !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
width:100% !important;
height:66px !important;
min-height:66px !important;
max-height:66px !important;
padding:6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
margin:0 !important;
background:#111827 !important;
border:0 !important;
border-top:1px solid #273449 !important;
border-radius:14px 14px 0 0 !important;
box-shadow:0 -5px 22px rgba(0,0,0,.18) !important;
z-index:9999 !important;
box-sizing:border-box !important;
}

.site-mobile-action{
order:initial !important;
flex:1 1 0 !important;
width:auto !important;
height:54px !important;
min-height:54px !important;
max-height:54px !important;
margin:0 3px !important;
padding:4px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:3px !important;
background:transparent !important;
border-radius:10px !important;
color:#ffffff !important;
text-decoration:none !important;
box-sizing:border-box !important;
}

.site-mobile-primary{
background:#dc2626 !important;
color:#ffffff !important;
}

.site-mobile-action span{
display:block !important;
height:19px !important;
font-size:1.05rem !important;
line-height:19px !important;
color:#ffffff !important;
}

.site-mobile-action strong{
display:block !important;
font-size:.78rem !important;
line-height:1.1 !important;
font-weight:800 !important;
color:#ffffff !important;
}

}