/* TAQA STORE V250 — Account + Orders Stability Restoration
   Based directly on V248. Purpose: preserve the V248 visual system while restoring
   every account/orders action and making icons deterministic across mobile states. */
.v250-account-icon{display:inline-grid;place-items:center;width:1em;height:1em;line-height:1;font-size:1em;position:relative;flex:0 0 auto}
.v250-account-icon>i{grid-area:1/1;font-size:1em;line-height:1;font-style:normal}
.v250-account-icon .v250-ph-fill{display:none}
html.taqa-phosphor-ready .v250-account-icon .v250-lucide-fallback{display:none!important}
html.taqa-phosphor-ready .v250-account-icon .v250-ph-regular{display:block!important}
html:not(.taqa-phosphor-ready) .v250-account-icon .v250-ph-regular,
html:not(.taqa-phosphor-ready) .v250-account-icon .v250-ph-fill{display:none!important}
.v250-account-icon>svg{display:block;width:1em;height:1em;stroke-width:1.8}

@media (max-width:760px){
  /* Keep V248 bottom navigation dimensions exactly; do not inherit V249 overrides. */
  body.customer-account-v130 .ca-bottom.v232-bottom{height:64px!important;min-height:64px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important}
  body.customer-account-v130 .ca-bottom>a,
  body.customer-account-v130 .ca-bottom>button{display:flex!important;visibility:visible!important;opacity:1!important;height:54px!important;min-height:54px!important;overflow:visible!important}
  body.customer-account-v130 .ca-bottom .v250-account-icon{font-size:19px!important}
  body.customer-account-v130 .ca-bottom .active .v250-ph-regular{display:none!important}
  html.taqa-phosphor-ready body.customer-account-v130 .ca-bottom .active .v250-ph-fill{display:block!important}

  /* One mobile header bell only; desktop actions remain desktop-only. */
  body.customer-account-v130 .ca-top-actions{display:none!important}
  body.customer-account-v130 .v234-mobile-head{display:grid!important}
  body.customer-account-v130 .v234-head-bell{display:grid!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
  body.customer-account-v130 .v234-head-bell .v250-account-icon{font-size:20px!important}

  /* Orders: every action and icon must remain visible. */
  body.customer-account-v130 .v232-page-head .ca-btn,
  body.customer-account-v130 .v232-order-action,
  body.customer-account-v130 .v232-order-action .ca-btn,
  body.customer-account-v130 .ca-detail-back,
  body.customer-account-v130 .ca-actions .ca-btn,
  body.customer-account-v130 .ca-secret-actions .ca-btn{display:flex!important;visibility:visible!important;opacity:1!important}
  body.customer-account-v130 .v232-order-action .ca-btn{justify-content:space-between!important}
  body.customer-account-v130 .v232-order-action .v250-account-icon{font-size:16px!important;color:var(--v248-green)!important}
  body.customer-account-v130 .v232-order-statuses .v250-account-icon,
  body.customer-account-v130 .ca-badge .v250-account-icon{font-size:13px!important}

  /* Search stays one clean shell with the icon outside the text area. */
  body.customer-account-v130 .v232-orders-toolbar .ca-search{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;direction:rtl!important}
  body.customer-account-v130 .v232-orders-toolbar .ca-search>.v250-account-icon{grid-column:1!important;font-size:21px!important;color:#66736b!important;z-index:2!important}
  body.customer-account-v130 .v232-orders-toolbar .ca-search .ca-input{grid-column:2!important;width:100%!important;padding:0!important;text-align:right!important}

  /* Restore mobile account actions from V248 and add a clear logout row. */
  body.customer-account-v130 .v234-action-grid>button,
  body.customer-account-v130 .v234-settings-list>button,
  body.customer-account-v130 .v234-latest-order,
  body.customer-account-v130 .v234-status-strip>button{display:flex!important;visibility:visible!important;opacity:1!important}
  body.customer-account-v130 .v234-action-grid .v250-account-icon,
  body.customer-account-v130 .v234-settings-list .v250-account-icon{font-size:21px!important}
  .v250-mobile-logout{display:block;margin:14px 0 2px}
  .v250-mobile-logout>button{width:100%;min-height:58px;border:1px solid rgba(255,106,106,.13);border-radius:16px;background:rgba(255,92,92,.045);color:#cda7a7;padding:0 15px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:11px;align-items:center;text-align:right}
  .v250-mobile-logout>button>span{display:grid;gap:2px}
  .v250-mobile-logout b{font-size:12px;color:#e4baba}
  .v250-mobile-logout small{font-size:9.5px;color:#8e7777}
  .v250-mobile-logout .v250-account-icon{font-size:19px}
}

@media (min-width:761px){.v250-mobile-logout{display:none!important}}