/* TAQA STORE V268 — strictly scoped mobile surgical repairs.
   Scope: account mobile notification button + homepage mobile FAQ/safe spacing only.
   No desktop rules. No commerce/business logic changes. */

@media (max-width:760px){
  /* ACCOUNT — restore the intended bell glyph inside the existing notification button.
     Keep the existing unread counter and button geometry unchanged. */
  body.customer-account-v130 .v234-head-bell > .v250-account-icon{
    display:none!important;
  }
  body.customer-account-v130 .v234-head-bell::before{
    content:""!important;
    display:block!important;
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    background:currentColor!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }

  /* HOME FAQ — explicitly beat the legacy global details>summary !important grid.
     Mobile has one clear title column + one toggle only. */
  body[data-page="home"] .v266-faq-section{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body[data-page="home"] .v266-faq-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  body[data-page="home"] .v266-faq-copy{
    min-width:0!important;
  }
  body[data-page="home"] .v266-faq-copy h2{
    font-size:26px!important;
    line-height:1.28!important;
    white-space:normal!important;
  }
  body[data-page="home"] .v266-faq-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-page="home"] .v266-faq-item{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    box-sizing:border-box!important;
  }
  body[data-page="home"] .v266-faq-item > summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    grid-template-areas:"question toggle"!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    height:auto!important;
    gap:10px!important;
    padding:10px 12px!important;
    direction:rtl!important;
    box-sizing:border-box!important;
  }
  body[data-page="home"] .v266-faq-item > summary::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
  }
  body[data-page="home"] .v266-faq-item > summary .v266-faq-num{
    display:none!important;
  }
  body[data-page="home"] .v266-faq-item > summary > span:not(.v266-faq-num){
    grid-area:question!important;
    display:block!important;
    min-width:0!important;
    width:auto!important;
    color:#edf3ef!important;
    font-size:13.5px!important;
    font-weight:650!important;
    line-height:1.55!important;
    text-align:right!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  body[data-page="home"] .v266-faq-item > summary > svg{
    grid-area:toggle!important;
    justify-self:end!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    padding:7px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body[data-page="home"] .v266-faq-item[open] > summary > svg{
    transform:rotate(45deg)!important;
  }
  body[data-page="home"] .v266-faq-answer{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0 12px 15px!important;
    box-sizing:border-box!important;
  }
  body[data-page="home"] .v266-faq-answer p{
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.8!important;
    text-align:right!important;
    overflow-wrap:break-word!important;
  }

  /* HOME mobile safe area — bottom navigation must not cover the last FAQ/recent content. */
  body[data-page="home"]{
    padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
  }
  body[data-page="home"] #v148RecentlyViewed{
    margin-bottom:20px!important;
  }

  /* Keep WhatsApp available without sitting over the FAQ copy/cards. */
  body[data-page="home"] .taqa-whatsapp-float{
    left:14px!important;
    right:auto!important;
    bottom:calc(88px + env(safe-area-inset-bottom))!important;
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }
  body[data-page="home"] .taqa-whatsapp-float svg{
    width:21px!important;
    height:21px!important;
  }
}