/* BITANIK Quantum 2.9.9 — Orb-only mobile quick actions cleanup */
@media (max-width: 782px){
  .bq2-mobile-top-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;align-items:start!important}
  .bq2-mobile-top-actions .bq2-action-card,
  .bq2-mobile-account-grid a{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
    min-height:auto!important;
    margin:0!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    justify-items:center!important;
    align-content:start!important;
    gap:6px!important;
    text-align:center!important;
  }
  .bq2-mobile-top-actions .bq2-action-card::before,
  .bq2-mobile-account-grid a::before{display:none!important;content:none!important}
  .bq2-mobile-top-actions .bq2-action-copy,
  .bq2-mobile-account-grid span{display:block!important;max-width:100%!important;text-align:center!important;min-width:0!important}
  .bq2-mobile-top-actions .bq2-action-copy strong,
  .bq2-mobile-account-grid span{font-size:10px!important;line-height:1.45!important;font-weight:800!important;color:#17394f!important;white-space:normal!important}
  .bq2-mobile-top-actions .bq2-action-copy small{display:none!important}

  .bq2-mobile-top-actions .bq2-action-orb,
  .bq2-mobile-account-grid b{
    width:58px!important;
    height:58px!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .bq2-mobile-top-actions .bq2-action-bank-image,
  .bq2-mobile-account-grid .bq2-action-bank-image{
    width:58px!important;
    height:58px!important;
    display:block!important;
    object-fit:contain!important;
    border-radius:50%!important;
    filter:none!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .bq2-mobile-top-actions .bq2-cart-count,
  .bq2-mobile-account-grid em{
    top:-2px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(18px)!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    box-shadow:0 6px 14px rgba(219,37,86,.22)!important;
  }
  .bq2-mobile-account-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
}
@media (max-width: 359px){
  .bq2-mobile-top-actions .bq2-action-orb,
  .bq2-mobile-account-grid b,
  .bq2-mobile-top-actions .bq2-action-bank-image,
  .bq2-mobile-account-grid .bq2-action-bank-image{width:52px!important;height:52px!important}
  .bq2-mobile-top-actions .bq2-action-copy strong,
  .bq2-mobile-account-grid span{font-size:9px!important}
}

/* ===== BITANIK Quantum 2.9.12 RECOVERY LAYER =====
   Safe CSS-only recovery on top of the last known working mobile build (2.9.9).
   No document-wide TorobPay DOM MutationObserver is used in this release. */

/* Pure glass-orb quick actions — all viewports */
.bq2-actions,
.bq2-mobile-top-actions{
  align-items:start!important;
}
.bq2-actions .bq2-action-card,
.bq2-mobile-top-actions .bq2-action-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  min-height:auto!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  justify-items:center!important;
  align-content:start!important;
  gap:7px!important;
  text-align:center!important;
}
.bq2-actions .bq2-action-card::before,
.bq2-mobile-top-actions .bq2-action-card::before{
  content:none!important;
  display:none!important;
}
.bq2-actions .bq2-action-orb,
.bq2-mobile-top-actions .bq2-action-orb{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  flex-basis:72px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
.bq2-actions .bq2-action-bank-image,
.bq2-mobile-top-actions .bq2-action-bank-image{
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  display:block!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  border-radius:50%!important;
  clip-path:circle(43.8% at 50% 46%)!important;
}
.bq2-actions .bq2-action-copy,
.bq2-mobile-top-actions .bq2-action-copy{
  align-items:center!important;
  text-align:center!important;
  min-width:0!important;
}
.bq2-actions .bq2-action-copy strong,
.bq2-mobile-top-actions .bq2-action-copy strong{
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:900!important;
  color:#14374f!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  min-block-size:2.9em;
  display:flex!important;
  align-items:center;
  justify-content:center;
  text-wrap:balance;
}
.bq2-actions .bq2-action-copy small,
.bq2-mobile-top-actions .bq2-action-copy small{
  display:none!important;
}

/* BT-017: desktop cards contain a 72px orb plus a two-line label.
   Reset the old 66px sphere height so the header reserves the full content height. */
@media(min-width:861px){
  .bq2-actions .bq2-action-card{height:auto!important}
  /* Match the old nth-child gradient specificity; imagery lives in the child orb. */
  .bq2-actions a.bq2-action-card{background:transparent!important}
  .bq2-actions a.bq2-action-card::before,
  .bq2-actions a.bq2-action-card::after{content:none!important;display:none!important}
}

/* Keep TorobPay as a checkout payment gateway, but remove its promotional widgets
   from storefront/product/cart/related content. CSS only = no DOM mutation loop. */
body:not(.woocommerce-checkout) [class*="torobpay" i]:not([class*="has-torobpay" i]),
body:not(.woocommerce-checkout) [id*="torobpay" i]:not([id*="has-torobpay" i]),
body:not(.woocommerce-checkout) [class*="torob-pay" i]:not([class*="has-torob-pay" i]),
body:not(.woocommerce-checkout) [id*="torob-pay" i]:not([id*="has-torob-pay" i]),
body:not(.woocommerce-checkout) img[src*="torobpay" i],
body:not(.woocommerce-checkout) img[src*="torob-pay" i],
body:not(.woocommerce-checkout) img[alt*="torobpay" i],
body:not(.woocommerce-checkout) img[title*="torobpay" i],
body:not(.woocommerce-checkout) a[href*="torobpay" i][class*="widget" i]{
  display:none!important;
}

/* BT-001: product-card links may carry a state class such as
   `has-torobpay-marquee`. The historical substring cleanup above used to hide
   the whole product link (image/name/price) instead of only the promotional
   widget. Explicitly preserve state containers whose class begins with has-torobpay or has-torob-pay. */
@supports selector(:has(*)){
  body:not(.woocommerce-checkout) :is(.product,.bq2-product-card,.related,.upsells,.woocommerce-cart-form)
  :is(div,section,aside,figure,p):has(> img[src*="torobpay" i]),
  body:not(.woocommerce-checkout) :is(.product,.bq2-product-card,.related,.upsells,.woocommerce-cart-form)
  :is(div,section,aside,figure,p):has(> img[alt*="torobpay" i]){
    display:none!important;
  }
}

/* Mobile product CTAs: quick-buy must be the same visual size as the other actions. */
@media (max-width:860px){
  .bq2-product-card .bq2-card-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .bq2-product-card .bq2-card-actions :is(a,button),
  .woocommerce ul.products li.product :is(a.button,button.button,.bq2-loop-quick,.bq2-quick-buy){
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0 8px!important;
    margin:0!important;
    border-radius:13px!important;
    font-size:10px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .woocommerce ul.products li.product .bq2-loop-quick img.emoji,
  .woocommerce ul.products li.product .bq2-quick-buy img.emoji,
  .bq2-product-card .bq2-quick-buy img.emoji{
    width:1em!important;
    height:1em!important;
    max-width:1em!important;
    max-height:1em!important;
    margin:0 .2em!important;
    vertical-align:-.1em!important;
  }

  /* Top four quick actions: pure orb only, no pedestal/card. */
  .bq2-mobile-top-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:min(calc(100% - 18px),var(--max))!important;
    margin:0 auto 10px!important;
  }
  .bq2-mobile-top-actions .bq2-action-orb,
  .bq2-mobile-top-actions .bq2-action-bank-image{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    flex-basis:60px!important;
  }
  .bq2-mobile-top-actions .bq2-action-bank-image{
    clip-path:circle(43.8% at 50% 46%)!important;
  }

  /* Bottom navigation: only four real glass balls + label; no rectangular card. */
  .bq2-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    background:rgba(244,251,255,.88)!important;
    -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
    backdrop-filter:blur(12px) saturate(130%)!important;
    border-top:1px solid rgba(190,225,239,.84)!important;
    box-shadow:0 -10px 26px rgba(21,86,119,.08)!important;
  }
  .bq2-mobile-nav a,
  .bq2-mobile-nav button{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:auto!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .bq2-mobile-nav a>span,
  .bq2-mobile-nav button>span{
    display:grid!important;
    place-items:center!important;
    width:58px!important;
    height:58px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .bq2-mobile-nav .bq2-action-bank-image{
    width:58px!important;
    height:58px!important;
    object-fit:contain!important;
    display:block!important;
    border-radius:50%!important;
    clip-path:circle(43.8% at 50% 46%)!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
  }
  .bq2-mobile-nav small{
    font-size:9px!important;
    line-height:1.35!important;
    font-weight:900!important;
    color:#17394f!important;
  }
}
@media (max-width:359px){
  .bq2-mobile-top-actions .bq2-action-orb,
  .bq2-mobile-top-actions .bq2-action-bank-image,
  .bq2-mobile-nav a>span,
  .bq2-mobile-nav .bq2-action-bank-image{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    flex-basis:52px!important;
  }
}