/* TAQA STORE V205 — one global support / WhatsApp interaction system. */
:root{
  --taqa-support-sheet-bg:var(--surface,#08120d);
  --taqa-support-sheet-border:var(--border-subtle,rgba(67,220,135,.18));
  --taqa-support-sheet-text:var(--text-primary,#f4f7f5);
  --taqa-support-sheet-muted:var(--text-muted,#93a199);
  --taqa-support-accent:var(--accent,#43dc87);
  --taqa-support-nav-height:var(--mobile-nav-height,var(--taqa-mobile-nav-height,var(--bottom-nav-h,74px)));
}

.taqa-whatsapp-float,
.taqa-support-trigger{
  position:fixed;
  z-index:210;
  border:0;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  transition:transform .18s ease,opacity .18s ease,visibility .18s ease,background .18s ease,border-color .18s ease;
}
.taqa-whatsapp-float{
  left:max(18px,env(safe-area-inset-left));
  bottom:24px;
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#021409;
  background:#25d366;
  border:1px solid rgba(132,255,174,.48);
  box-shadow:0 12px 34px rgba(37,211,102,.25);
}
.taqa-whatsapp-float svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;}
.taqa-whatsapp-float:hover{transform:translateY(-2px);}
.taqa-whatsapp-float:active{transform:scale(.96);}

.taqa-support-trigger{
  right:24px;
  bottom:24px;
  min-height:48px;
  padding:0 16px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  color:var(--taqa-support-sheet-text);
  background:color-mix(in srgb,var(--taqa-support-sheet-bg) 94%,transparent);
  border:1px solid var(--taqa-support-sheet-border);
  box-shadow:0 12px 30px rgba(0,0,0,.24);
  font:700 13px/1 inherit;
}
.taqa-support-trigger svg{width:19px;height:19px;color:var(--taqa-support-accent);}
.taqa-support-trigger:hover{border-color:color-mix(in srgb,var(--taqa-support-accent) 45%,transparent);background:color-mix(in srgb,var(--taqa-support-accent) 7%,var(--taqa-support-sheet-bg));}

.taqa-support-root{
  position:fixed;
  inset:0;
  z-index:460;
  pointer-events:none;
}
.taqa-support-root[hidden]{display:none!important;}
.taqa-support-backdrop{
  position:fixed;
  inset:0;
  z-index:0;
  border:0;
  margin:0;
  padding:0;
  pointer-events:auto;
  cursor:default;
  background:rgba(0,0,0,.30);
  opacity:0;
  transition:opacity .22s ease;
}
.taqa-support-sheet{
  position:fixed;
  z-index:1;
  right:24px;
  bottom:86px;
  width:min(370px,calc(100vw - 32px));
  max-height:min(520px,calc(100dvh - 120px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  pointer-events:auto;
  color:var(--taqa-support-sheet-text);
  background:color-mix(in srgb,var(--taqa-support-sheet-bg) 97%,#000 3%);
  border:1px solid var(--taqa-support-sheet-border);
  border-radius:18px;
  box-shadow:0 24px 64px rgba(0,0,0,.46);
  opacity:0;
  transform:translateY(14px) scale(.985);
  transform-origin:bottom right;
  transition:transform .22s cubic-bezier(.2,.75,.25,1),opacity .18s ease;
}
.taqa-support-root.is-open .taqa-support-backdrop{opacity:1;}
.taqa-support-root.is-open .taqa-support-sheet{opacity:1;transform:none;}
.taqa-support-handle{display:none;}
.taqa-support-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:16px 16px 12px;
  flex:0 0 auto;
}
.taqa-support-title{min-width:0;}
.taqa-support-title strong{display:block;font-size:18px;line-height:1.45;}
.taqa-support-title span{display:block;margin-top:3px;color:var(--taqa-support-sheet-muted);font-size:11px;line-height:1.6;}
.taqa-support-close{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid var(--taqa-support-sheet-border);
  background:rgba(255,255,255,.025);
  color:#b8c3bd;
  cursor:pointer;
}
.taqa-support-close svg{width:17px;height:17px;}
.taqa-support-body{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:0 14px 14px;
  scrollbar-width:thin;
}
.taqa-support-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.taqa-support-option{
  min-width:0;
  min-height:72px;
  padding:10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:#dbe3de;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
  text-align:right;
  cursor:pointer;
  font:700 11.5px/1.5 inherit;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.taqa-support-option-icon{
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  background:rgba(67,220,135,.055);border:1px solid rgba(67,220,135,.12);color:var(--taqa-support-accent);
}
.taqa-support-option svg{width:16px;height:16px;}
.taqa-support-option-copy{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.35;}
.taqa-support-option-copy strong{font:800 11.5px/1.35 inherit;color:inherit;}
.taqa-support-option-copy small{font:500 9.5px/1.45 inherit;color:var(--taqa-support-sheet-muted);white-space:normal;}
.taqa-support-option.is-selected,
.taqa-support-option[aria-pressed="true"]{
  border-color:rgba(67,220,135,.46);
  background:rgba(67,220,135,.07);
  color:#f2f8f4;
}
.taqa-support-option.is-selected .taqa-support-option-icon,
.taqa-support-option[aria-pressed="true"] .taqa-support-option-icon{background:rgba(67,220,135,.12);border-color:rgba(67,220,135,.3);}
.taqa-support-actions{
  position:sticky;
  bottom:0;
  padding-top:12px;
  background:linear-gradient(180deg,transparent 0,var(--taqa-support-sheet-bg) 18px);
}
.taqa-support-whatsapp{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:12px;
  background:#25d366;
  color:#04160a;
  font:800 12.5px/1 inherit;
  text-decoration:none;
  box-shadow:none;
}
.taqa-support-whatsapp svg{width:19px;height:19px;}

html.taqa-support-open,
body.taqa-support-open{overscroll-behavior:none;}
body.taqa-support-open{
  position:fixed!important;
  inset-inline:0;
  top:var(--taqa-support-scroll-lock,0px);
  width:100%;
  overflow:hidden!important;
}
body.taqa-support-open .taqa-whatsapp-float,
body.taqa-support-open .taqa-support-trigger{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(.88);
}

@media (max-width:767px){
  .taqa-support-trigger{display:none!important;}
  .taqa-whatsapp-float{
    left:max(14px,env(safe-area-inset-left));
    bottom:calc(var(--taqa-support-nav-height) + env(safe-area-inset-bottom) + 12px);
    width:54px;height:54px;
    z-index:215;
  }
  .taqa-support-root{z-index:460;}
  .taqa-support-backdrop{
    bottom:calc(var(--taqa-support-nav-height) + env(safe-area-inset-bottom));
    background:rgba(0,0,0,.54);
  }
  .taqa-support-sheet{
    right:12px;
    left:12px;
    bottom:calc(var(--taqa-support-nav-height) + env(safe-area-inset-bottom) + 12px);
    width:auto;
    max-height:min(55dvh,540px);
    border-radius:18px;
    transform:translateY(28px);
    transform-origin:bottom center;
  }
  .taqa-support-handle{display:block;width:42px;height:4px;border-radius:999px;background:rgba(255,255,255,.22);margin:8px auto 0;flex:0 0 auto;}
  .taqa-support-head{padding:10px 14px 10px;}
  .taqa-support-title strong{font-size:17px;}
  .taqa-support-title span{font-size:10.5px;}
  .taqa-support-close{width:34px;height:34px;flex-basis:34px;}
  .taqa-support-body{padding:0 12px 12px;}
  .taqa-support-option{min-height:68px;padding:9px;font-size:11px;}
  .taqa-support-whatsapp{min-height:45px;}
  .mobile-menu a[data-taqa-support-open]{cursor:pointer;}
}

@media (max-width:370px){
  .taqa-support-sheet{right:10px;left:10px;bottom:calc(var(--taqa-support-nav-height) + env(safe-area-inset-bottom) + 10px);}
  .taqa-support-options{gap:7px;}
  .taqa-support-option{min-height:65px;padding:8px 7px;grid-template-columns:27px minmax(0,1fr);gap:6px;font-size:10.5px;}
  .taqa-support-option-icon{width:27px;height:27px;border-radius:8px;}
}

@media (prefers-reduced-motion:reduce){
  .taqa-support-backdrop,.taqa-support-sheet,.taqa-whatsapp-float,.taqa-support-trigger{transition:none!important;}
}