/* TAQA STORE V248 — Reference-led Mobile UX repair
   Inspired by the supplied bottom-nav, iOS, ecommerce, order-history, status-badge and RTL kits. */
:root{--v248-green:#39e66b;--v248-bg:#030705;--v248-surface:#0b110d;--v248-line:rgba(255,255,255,.075);--v248-muted:#7d8982;--v248-nav-h:66px}

/* ---------- Global mobile bottom navigation ---------- */
@media (max-width:1023px){
  html body:not(.admin-page)>.mobile-bottom-nav.v245-bottom-nav,
  html body:not(.admin-page) .mobile-bottom-nav.v245-bottom-nav{
    left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;height:64px!important;padding:4px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;
    border:1px solid rgba(255,255,255,.085)!important;border-radius:20px!important;
    background:rgba(7,12,9,.97)!important;box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  .v245-bottom-nav>a{height:54px!important;min-height:54px!important;padding:4px 2px!important;gap:2px!important;border-radius:16px!important;color:#77827c!important;font-size:9.5px!important;font-weight:650!important}
  .v245-bottom-icon{width:28px!important;height:27px!important;border-radius:9px!important;background:transparent!important}
  .v245-bottom-icon svg,.v245-bottom-icon .v246-icon{width:19px!important;height:19px!important}
  .v245-bottom-nav>a.active,.v245-bottom-nav>a.taqa-active,.v245-bottom-nav>a[aria-current="page"]{color:var(--v248-green)!important;background:rgba(57,230,107,.07)!important}
  .v245-bottom-nav>a.active .v245-bottom-icon,.v245-bottom-nav>a.taqa-active .v245-bottom-icon,.v245-bottom-nav>a[aria-current="page"] .v245-bottom-icon{background:transparent!important;color:var(--v248-green)!important}
  .v245-bottom-nav>a.active::after,.v245-bottom-nav>a.taqa-active::after,.v245-bottom-nav>a[aria-current="page"]::after{display:none!important}
  .v245-bottom-cart .v245-bottom-icon{background:transparent!important}
  .v245-bottom-cart .cart-count{top:-3px!important;right:-6px!important;min-width:15px!important;height:15px!important;line-height:15px!important;padding:0 4px!important;font-size:8px!important;box-shadow:0 0 0 2px #070c09!important}
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}

  /* WhatsApp/support FAB: never cover cards or nav */
  .taqa-whatsapp-float{width:48px!important;height:48px!important;right:14px!important;left:auto!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(0,0,0,.34)!important}
  .taqa-whatsapp-float svg{width:23px!important;height:23px!important}
  .taqa-support-trigger{display:none!important}
}

/* ---------- Account mobile app shell ---------- */
@media (max-width:760px){
  body.customer-account-v130{--ca-bottom:66px!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;background:var(--v248-bg)!important}
  body.customer-account-v130 .ca-topbar.v232-topbar{display:flex!important;position:sticky!important;top:0!important;height:64px!important;padding:0 14px!important;background:rgba(3,7,5,.98)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;z-index:120!important;overflow:visible!important}
  body.customer-account-v130 .v234-mobile-head{display:grid!important;width:100%!important;grid-template-columns:42px minmax(0,1fr) 42px!important;align-items:center!important;gap:8px!important}
  body.customer-account-v130 .v234-head-back,body.customer-account-v130 .v234-head-bell{position:relative!important;width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.07)!important;background:#0a100c!important;color:#a7b2ab!important;display:grid!important;place-items:center!important;overflow:visible!important}
  body.customer-account-v130 .v234-head-back svg,body.customer-account-v130 .v234-head-bell svg{width:20px!important;height:20px!important}
  body.customer-account-v130 .v234-head-bell>span{position:absolute!important;top:-4px!important;right:-4px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:99px!important;display:grid!important;place-items:center!important;background:var(--v248-green)!important;color:#031006!important;border:2px solid var(--v248-bg)!important;font:800 8px/1 Arial,sans-serif!important;z-index:2!important}
  body.customer-account-v130 .v234-head-title{text-align:right!important;min-width:0!important;overflow:hidden!important}
  body.customer-account-v130 .v234-head-title small{display:block!important;color:#6f7b74!important;font-size:9.5px!important;font-weight:650!important;line-height:1.2!important}
  body.customer-account-v130 .v234-head-title b{display:block!important;color:#f4f8f5!important;font-size:17px!important;font-weight:800!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.customer-account-v130 .ca-logo,body.customer-account-v130 .v232-topbar-title,body.customer-account-v130 .ca-top-actions{display:none!important}
  body.customer-account-v130 .ca-main{padding:18px 16px calc(86px + env(safe-area-inset-bottom))!important}

  /* one consistent 5-item bottom nav in account */
  body.customer-account-v130 .ca-bottom.v232-bottom{display:grid!important;position:fixed!important;left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;height:64px!important;padding:4px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:20px!important;background:rgba(7,12,9,.97)!important;box-shadow:0 12px 34px rgba(0,0,0,.34)!important;z-index:150!important}
  body.customer-account-v130 .ca-bottom>a,body.customer-account-v130 .ca-bottom>button{height:54px!important;min-width:0!important;padding:4px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border-radius:16px!important;background:transparent!important;color:#77827c!important;font-size:9.5px!important;font-weight:650!important}
  body.customer-account-v130 .ca-bottom svg{width:19px!important;height:19px!important}
  body.customer-account-v130 .ca-bottom .active{color:var(--v248-green)!important;background:rgba(57,230,107,.07)!important}

  /* order search: exactly ONE shell, no double pill */
  body.customer-account-v130 .v232-orders-toolbar{display:grid!important;gap:12px!important;background:transparent!important;border:0!important;padding:0!important}
  body.customer-account-v130 .v232-orders-toolbar .ca-search{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:50px!important;padding:0 14px!important;gap:10px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important;background:#0a100c!important;box-shadow:none!important;overflow:hidden!important}
  body.customer-account-v130 .v232-orders-toolbar .ca-search>svg{width:20px!important;height:20px!important;flex:0 0 20px!important;color:#66736b!important}
  body.customer-account-v130 .v232-orders-toolbar .ca-search .ca-input{flex:1!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#edf3ef!important;font-size:13px!important}
  body.customer-account-v130 .v232-orders-toolbar .ca-search .ca-input:focus{border:0!important;box-shadow:none!important;background:transparent!important}

  body.customer-account-v130 .ca-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:0 0 2px!important;scrollbar-width:none!important}
  body.customer-account-v130 .ca-tabs::-webkit-scrollbar{display:none!important}
  body.customer-account-v130 .ca-tabs button{flex:0 0 auto!important;min-height:38px!important;padding:0 15px!important;border-radius:12px!important;background:#0b110d!important;border:1px solid rgba(255,255,255,.075)!important;color:#89958e!important;font-size:11px!important}
  body.customer-account-v130 .ca-tabs button.active{background:rgba(57,230,107,.12)!important;border-color:rgba(57,230,107,.28)!important;color:#bff8d1!important}

  /* Order card action: part of card, no second black wrapper */
  body.customer-account-v130 .v232-order-card{overflow:hidden!important}
  body.customer-account-v130 .v232-order-action{display:block!important;margin:0!important;padding:0 14px 14px!important;border:0!important;background:transparent!important}
  body.customer-account-v130 .v232-order-action .ca-btn{width:100%!important;min-height:42px!important;margin:0!important;padding:0 14px!important;border:1px solid rgba(57,230,107,.18)!important;border-radius:13px!important;background:rgba(57,230,107,.08)!important;color:#bff8d1!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  body.customer-account-v130 .v232-order-action .ca-btn svg{width:16px!important;height:16px!important;color:var(--v248-green)!important}

  /* keep chips calm */
  body.customer-account-v130 .v232-order-statuses>div{gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important}
  body.customer-account-v130 .v232-order-statuses>div::-webkit-scrollbar{display:none!important}
}