/*
 * AYESH v1.0.191 — Customer-critical checkout action visibility.
 * The v184 keyboard-focus rule hid the entire order bar. Override it even when
 * an input is focused, and keep the button clear of mobile browser bottom UI.
 * Native WooCommerce #place_order remains the only order submit control.
 */
@media screen and (max-width: 767px) {
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar,
  html body.woocommerce-checkout.ayesh-v182-checkout.ayesh-v184-editing:not(.woocommerce-order-received) .ayesh-v181-mobile-bar {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    bottom:calc(8px + var(--ayesh-v191-visual-bottom-gap, 0px))!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:6px 12px calc(7px + env(safe-area-inset-bottom, 0px))!important;
    box-sizing:border-box!important;
    align-items:center!important;
    gap:10px!important;
    transform:none!important;
    clip:auto!important;
    clip-path:none!important;
    overflow:visible!important;
    pointer-events:auto!important;
    z-index:2147482000!important;
    background:#fff!important;
    border:1px solid #e9e9eb!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-shadow:0 -6px 22px rgba(0,0,0,.08)!important;
  }
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__total {
    flex:0 0 auto!important;
    max-width:34%!important;
    overflow:visible!important;
    min-width:0!important;
  }
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__label {
    font-size:12px!important;
    line-height:1.2!important;
  }
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__amount {
    font-size:19px!important;
    line-height:1.2!important;
    overflow:visible!important;
  }
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__action {
    display:flex!important;
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    height:50px!important;
    min-height:50px!important;
    max-height:none!important;
    margin:0!important;
    padding:8px 12px!important;
    border:0!important;
    border-radius:13px!important;
    background:#C91524!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1.2!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
    transform:none!important;
    overflow:visible!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    box-shadow:none!important;
  }
  /* A processing/disabled order action must remain visible, not disappear. */
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__action:disabled {
    display:flex!important;
    visibility:visible!important;
    opacity:.74!important;
    pointer-events:none!important;
    cursor:progress!important;
  }
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__action:focus-visible {
    outline:2px solid #111!important;
    outline-offset:2px!important;
  }
  /* Allow scrolling all checkout content above the pinned action. */
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) #hb-main-content {
    padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;
  }
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) {
    scroll-padding-bottom:110px;
  }
}
@media screen and (max-width:359px) {
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__total {max-width:38%!important;}
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__amount {font-size:16px!important;}
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received) .ayesh-v181-mobile-bar__action {font-size:14px!important;min-height:48px!important;height:48px!important;}
}
@media (min-width:768px) {
  html body.woocommerce-checkout.ayesh-v182-checkout .ayesh-v181-mobile-bar {display:none!important;}
}
@media (prefers-reduced-motion:reduce) {
  html body.woocommerce-checkout .ayesh-v181-mobile-bar {transition:none!important;animation:none!important;}
}
/* If a script failure prevents creation of the proxy bar, expose the REAL
   WooCommerce submit button as the last-resort mobile action instead of
   leaving a 1px clipped checkout button. Modern Android/iOS support :has(). */
@media screen and (max-width:767px) {
  html body.woocommerce-checkout.ayesh-v182-checkout:not(.woocommerce-order-received):not(:has(.ayesh-v181-mobile-bar)) #payment #place_order {
    display:flex!important;
    position:fixed!important;
    inset:auto 12px calc(10px + env(safe-area-inset-bottom,0px)) 12px!important;
    width:calc(100% - 24px)!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    padding:8px 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:13px!important;
    clip:auto!important;
    clip-path:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    justify-content:center!important;
    align-items:center!important;
    z-index:2147482000!important;
    color:#fff!important;
    background:#C91524!important;
    -webkit-text-fill-color:#fff!important;
    text-align:center!important;
    white-space:normal!important;
  }
}
