/* v17.32 premium mobile Book / Account dock — improved secondary-action contrast */
.mobile-action-bar{display:none!important}

@media (max-width:760px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}

  .mobile-action-bar{
    position:fixed!important;
    z-index:2147482000!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    width:min(540px,calc(100vw - 22px))!important;
    display:grid!important;
    grid-template-columns:1.08fr .92fr!important;
    gap:6px!important;
    margin:0!important;
    padding:6px!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(88,16,36,.13)!important;
    border-radius:22px!important;
    background:rgba(255,250,246,.92)!important;
    box-shadow:0 18px 52px rgba(42,7,15,.24),0 4px 14px rgba(42,7,15,.09)!important;
    backdrop-filter:blur(18px) saturate(1.2)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
    isolation:isolate!important;
  }

  .mobile-action-bar::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
  }

  .mobile-action-bar .mobile-action{
    position:relative!important;
    min-width:0!important;
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:9px!important;
    margin:0!important;
    padding:7px 12px!important;
    border:1px solid transparent!important;
    border-radius:17px!important;
    background:transparent!important;
    color:#581024!important;
    box-shadow:none!important;
    text-align:left!important;
    text-decoration:none!important;
    font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    line-height:1!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }

  .mobile-action-bar .mobile-action:active{transform:scale(.98)!important}

  .mobile-action__icon{
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 38px!important;
    margin:0!important;
    border:1px solid rgba(88,16,36,.12)!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#fff9eb,#f1dfbb)!important;
    color:#6a1a31!important;
    box-shadow:0 6px 16px rgba(88,16,36,.08)!important;
  }

  .mobile-action__icon svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
    overflow:visible!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .mobile-action__copy{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
    margin:0!important;
  }

  .mobile-action__copy strong{
    overflow:hidden!important;
    color:inherit!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.105em!important;
    line-height:1.05!important;
    text-overflow:ellipsis!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }

  .mobile-action__copy small{
    overflow:hidden!important;
    color:rgba(75,43,48,.58)!important;
    font-size:8px!important;
    font-weight:750!important;
    letter-spacing:.055em!important;
    line-height:1.1!important;
    text-overflow:ellipsis!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }


  /* Keep the secondary destination clearly readable on pale backgrounds.
     This selector intentionally outranks legacy first/last-child rules in style.css. */
  .mobile-action-bar .mobile-action:not(.is-emphasis){
    border-color:rgba(88,16,36,.16)!important;
    background:linear-gradient(145deg,#fffdf9 0%,#f8eee7 100%)!important;
    color:#581024!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 14px rgba(88,16,36,.06)!important;
  }

  .mobile-action-bar .mobile-action:not(.is-emphasis) .mobile-action__copy strong{
    color:#581024!important;
  }

  .mobile-action-bar .mobile-action:not(.is-emphasis) .mobile-action__copy small{
    color:#765a63!important;
  }

  .mobile-action-bar .mobile-action:not(.is-emphasis) .mobile-action__icon{
    border-color:rgba(88,16,36,.14)!important;
    background:linear-gradient(145deg,#fff8e8 0%,#f0dfbb 100%)!important;
    color:#581024!important;
  }

  .mobile-action-bar .mobile-action.is-emphasis{
    border-color:rgba(103,23,47,.16)!important;
    background:linear-gradient(145deg,#67172f 0%,#4d1024 100%)!important;
    color:#fffaf6!important;
    box-shadow:0 10px 24px rgba(78,12,34,.22)!important;
  }

  .mobile-action-bar .mobile-action.is-emphasis .mobile-action__icon{
    border-color:rgba(244,216,160,.32)!important;
    background:linear-gradient(145deg,#f2d998,#cfa85e)!important;
    color:#471020!important;
    box-shadow:0 7px 18px rgba(28,4,11,.18)!important;
  }

  .mobile-action-bar .mobile-action.is-emphasis .mobile-action__copy small{
    color:rgba(255,248,243,.66)!important;
  }

  .mobile-action-bar .mobile-action.is-current::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:3px!important;
    width:5px!important;
    height:5px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    border-radius:50%!important;
    background:#e7c678!important;
    box-shadow:0 0 0 3px rgba(231,198,120,.16)!important;
  }

  body.menu-open .mobile-action-bar,
  body.gr-menu-is-open .mobile-action-bar,
  body.gr-menu-is-open nav.mobile-action-bar{
    display:none!important;
  }

  body.woocommerce-checkout .mobile-action-bar,
  body.woocommerce-cart .mobile-action-bar,
  body.woocommerce-order-received .mobile-action-bar,
  body.page-id-checkout .mobile-action-bar,
  body.page-id-cart .mobile-action-bar{
    display:none!important;
  }

  body.woocommerce-checkout,
  body.woocommerce-cart,
  body.woocommerce-order-received,
  body.page-id-checkout,
  body.page-id-cart{padding-bottom:0!important}
}

@media (max-width:370px){
  .mobile-action-bar{
    width:calc(100vw - 16px)!important;
    gap:4px!important;
    padding:5px!important;
    border-radius:19px!important;
  }

  .mobile-action-bar .mobile-action{
    min-height:52px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:7px!important;
    padding:6px 9px!important;
    border-radius:15px!important;
  }

  .mobile-action__icon{width:34px!important;height:34px!important;border-radius:11px!important}
  .mobile-action__icon svg{width:18px!important;height:18px!important}
  .mobile-action__copy strong{font-size:10px!important}
  .mobile-action__copy small{font-size:7px!important}
}

@media (min-width:761px){body{padding-bottom:0!important}}


/* v17.34 — Treatments page must use the same centred dock as every public page.
   This deliberately outranks legacy page-specific positioning rules. */
@media (max-width:760px){
  body.glamdroom-treatments-page .mobile-action-bar{
    left:50%!important;
    right:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    width:min(540px,calc(100vw - 22px))!important;
    grid-template-columns:1.08fr .92fr!important;
    gap:6px!important;
    margin:0!important;
    padding:6px!important;
    transform:translateX(-50%)!important;
    border-radius:22px!important;
    background:rgba(255,250,246,.92)!important;
  }

  body.glamdroom-treatments-page .mobile-action-bar .mobile-action{
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    padding:7px 12px!important;
    border-radius:17px!important;
  }
}

@media (max-width:370px){
  body.glamdroom-treatments-page .mobile-action-bar{
    width:calc(100vw - 16px)!important;
    gap:4px!important;
    padding:5px!important;
    border-radius:19px!important;
  }
  body.glamdroom-treatments-page .mobile-action-bar .mobile-action{
    min-height:52px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:7px!important;
    padding:6px 9px!important;
    border-radius:15px!important;
  }
}