/*
 * RC4.10.13.3.3 — Isolated Action Architecture Reset
 * Purpose: stop inheriting 30+ generations of legacy .lv3-action-* selectors.
 * New namespace: .lv3a3-*
 * Navigation sticker tiles remain the visual reference: soft material, contained
 * 3D artwork, clear affordance, restrained motion, strong RTL alignment.
 */
:root{
  --lv3a3-navy:#103a63;
  --lv3a3-teal:#18b8c7;
  --lv3a3-pink:#f70a78;
  --lv3a3-line:rgba(16,58,99,.10);
  --lv3a3-line-active:rgba(24,184,199,.34);
  --lv3a3-card:linear-gradient(145deg,#fff 0%,#fbfeff 58%,#fff8fb 100%);
  --lv3a3-tile:linear-gradient(145deg,#f7fcfd 0%,#ffffff 55%,#fff7fb 100%);
  --lv3a3-shadow:0 8px 20px rgba(16,58,99,.065),inset 0 1px 0 rgba(255,255,255,.98);
  --lv3a3-shadow-hover:0 14px 28px rgba(16,58,99,.11),inset 0 1px 0 rgba(255,255,255,1);
  --lv3a3-ease:cubic-bezier(.2,.75,.2,1);
}

/* === One visual sticker construction everywhere === */
body.labkhand-v3 .lv3a3-sticker,
body.labkhand-v3 .lv3a3-dock-sticker{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  flex:none;
  width:40px;
  height:40px;
  border:1px solid rgba(24,184,199,.15);
  border-radius:13px;
  overflow:hidden;
  background:var(--lv3a3-tile);
  box-shadow:0 5px 12px rgba(16,58,99,.055),inset 0 1px 0 rgba(255,255,255,.98);
}
body.labkhand-v3 .lv3a3-sticker::before,
body.labkhand-v3 .lv3a3-dock-sticker::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:70%;height:70%;
  inset:-21% auto auto -19%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(247,10,120,.16) 0,rgba(247,10,120,0) 72%);
}
body.labkhand-v3 .lv3a3-sticker::after,
body.labkhand-v3 .lv3a3-dock-sticker::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:74%;height:74%;
  inset:auto -22% -24% auto;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,184,199,.18) 0,rgba(24,184,199,0) 72%);
}
body.labkhand-v3 .lv3a3-sticker img,
body.labkhand-v3 .lv3a3-dock-sticker img{
  display:block;
  width:34px;
  height:34px;
  object-fit:contain;
  max-width:none;
  filter:drop-shadow(0 2px 2px rgba(16,58,99,.10));
  transition:transform .18s var(--lv3a3-ease);
}

/* === Header / Hero triggers: independent from legacy .lv3-btn/.lv3-action-trigger === */
body.labkhand-v3 .lv3a3-trigger{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  direction:rtl;
  gap:7px;
  min-height:46px;
  height:46px;
  padding:3px 10px;
  border:1px solid var(--lv3a3-line);
  border-radius:15px;
  color:var(--lv3a3-navy);
  background:linear-gradient(145deg,#fff,#f7fcfd);
  box-shadow:var(--lv3a3-shadow);
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  font-family:var(--lv3-body-font,Tahoma,sans-serif);
  font-size:12.6px;
  font-weight:900;
  line-height:1;
  --lv3-mi-mag-x:0px;--lv3-mi-mag-y:0px;--lv3-mi-control-scale:1;
  transform:translate3d(var(--lv3-mi-mag-x),var(--lv3-mi-mag-y),0) scale(var(--lv3-mi-control-scale));
  transition:transform .18s var(--lv3a3-ease),box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
body.labkhand-v3 .lv3a3-trigger--contact{
  color:#fff;
  border-color:rgba(247,10,120,.46);
  background:linear-gradient(145deg,#f70a78 0%,#e80770 100%);
  box-shadow:0 8px 18px rgba(247,10,120,.18),inset 0 1px 0 rgba(255,255,255,.24);
}
body.labkhand-v3 .lv3a3-trigger--contact .lv3a3-sticker{
  border-color:rgba(255,255,255,.50);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.82));
  box-shadow:0 4px 10px rgba(82,0,39,.12),inset 0 1px 0 #fff;
}
body.labkhand-v3 .lv3a3-trigger__label{display:block;min-width:0;white-space:nowrap}
body.labkhand-v3 .lv3a3-chevron{
  display:inline-block;
  flex:none;
  font-size:12px;
  line-height:1;
  transition:transform .16s var(--lv3a3-ease);
}
body.labkhand-v3 .lv3a3-trigger[aria-expanded="true"] .lv3a3-chevron{transform:rotate(180deg)}
body.labkhand-v3 .lv3a3-trigger:focus-visible,
body.labkhand-v3 .lv3a3-card:focus-visible{
  outline:3px solid rgba(24,184,199,.28);
  outline-offset:3px;
}
@media(hover:hover) and (pointer:fine){
  body.labkhand-v3 .lv3a3-trigger:hover{
    transform:translate3d(var(--lv3-mi-mag-x),calc(var(--lv3-mi-mag-y) - 1px),0) scale(var(--lv3-mi-control-scale));
    border-color:var(--lv3a3-line-active);
    box-shadow:var(--lv3a3-shadow-hover);
  }
  body.labkhand-v3 .lv3a3-trigger--contact:hover{
    box-shadow:0 11px 24px rgba(247,10,120,.23),inset 0 1px 0 rgba(255,255,255,.30);
  }
  body.labkhand-v3 .lv3a3-trigger:hover .lv3a3-sticker img{transform:translateY(-1px) scale(1.035)}
}
body.labkhand-v3 .lv3a3-trigger:active{--lv3-mi-control-scale:.985}

/* Physical action-zone contract. This owns only the new controls. */
@media(min-width:1025px){
  body.labkhand-v3 .lv3-header-actions{overflow:visible!important}
  body.labkhand-v3 .lv3-header-actions .lv3a3-trigger--contact{
    flex:0 0 158px;width:158px;min-width:158px;max-width:158px;
  }
  body.labkhand-v3 .lv3-header-actions .lv3a3-trigger--messengers{
    flex:0 0 139px;width:139px;min-width:139px;max-width:139px;
  }
  body.labkhand-v3 .lv3-header-actions .lv3a3-sticker{width:36px;height:36px;border-radius:12px}
  body.labkhand-v3 .lv3-header-actions .lv3a3-sticker img{width:30px;height:30px}
  body.labkhand-v3 .lv3-hero .lv3-actions .lv3a3-trigger{min-width:138px;height:48px}
}
@media(min-width:1025px) and (max-width:1160px){
  body.labkhand-v3 .lv3-header-actions .lv3a3-trigger--contact{
    flex-basis:147px;width:147px;min-width:147px;max-width:147px;font-size:12px;padding-inline:7px;
  }
  body.labkhand-v3 .lv3-header-actions .lv3a3-trigger--messengers{
    flex-basis:130px;width:130px;min-width:130px;max-width:130px;font-size:11.8px;padding-inline:7px;
  }
  body.labkhand-v3 .lv3-header-actions .lv3a3-sticker{width:34px;height:34px}
  body.labkhand-v3 .lv3-header-actions .lv3a3-sticker img{width:28px;height:28px}
}

/* === Action cards: same card language as mega-menu items, but clear action affordance === */
body.labkhand-v3 .lv3a3-card{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  direction:rtl;
  gap:10px;
  min-height:78px;
  padding:8px 11px;
  border:1px solid var(--lv3a3-line);
  border-radius:18px;
  color:var(--lv3a3-navy);
  text-decoration:none;
  background:var(--lv3a3-card);
  box-shadow:var(--lv3a3-shadow);
  overflow:hidden;
  --lv3-mi-control-scale:1;
  transform:scale(var(--lv3-mi-control-scale));
  transition:transform .18s var(--lv3a3-ease),box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
body.labkhand-v3 .lv3a3-card .lv3a3-sticker{width:52px;height:52px;border-radius:15px}
body.labkhand-v3 .lv3a3-card .lv3a3-sticker img{width:44px;height:44px}
body.labkhand-v3 .lv3a3-copy{display:grid;align-content:center;min-width:0;text-align:right}
body.labkhand-v3 .lv3a3-title{font:900 13.8px/1.45 var(--lv3-body-font,Tahoma,sans-serif);color:var(--lv3a3-navy)}
body.labkhand-v3 .lv3a3-meta{margin-top:1px;color:#647b8b;font:750 11.8px/1.5 var(--lv3-body-font,Tahoma,sans-serif)}
body.labkhand-v3 .lv3a3-context{margin-top:2px;color:#84929d;font:700 10.7px/1.45 var(--lv3-body-font,Tahoma,sans-serif)}
body.labkhand-v3 .lv3a3-affordance{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:62px;min-height:36px;padding:0 10px;
  border:1px solid rgba(24,184,199,.22);border-radius:999px;
  background:linear-gradient(145deg,#fff,#f0fbfc);
  color:#0d5577;font:900 11px/1 var(--lv3-body-font,Tahoma,sans-serif);
  box-shadow:0 3px 8px rgba(16,58,99,.035),inset 0 1px 0 #fff;
}
body.labkhand-v3 .lv3a3-card--booking{border-color:rgba(247,10,120,.14);background:linear-gradient(145deg,#fff,#fff7fb)}
body.labkhand-v3 .lv3a3-affordance--booking{border-color:rgba(247,10,120,.20);color:var(--lv3a3-pink);background:#fff5fa}
body.labkhand-v3 .lv3a3-card--disabled{opacity:.55;pointer-events:none}
@media(hover:hover) and (pointer:fine){
  body.labkhand-v3 .lv3a3-card:not(.lv3a3-card--disabled):hover{
    transform:translateY(-1px) scale(var(--lv3-mi-control-scale));
    border-color:var(--lv3a3-line-active);
    box-shadow:var(--lv3a3-shadow-hover);
  }
  body.labkhand-v3 .lv3a3-card:not(.lv3a3-card--disabled):hover .lv3a3-sticker img{transform:translateY(-1px) scale(1.025)}
}
body.labkhand-v3 .lv3a3-card:active{--lv3-mi-control-scale:.993}

/* === Desktop global action surface: new namespace, no legacy panel cascade === */
body.labkhand-v3 .lv3a3-backdrop{
  position:fixed;z-index:1190;inset:0;border:0;
  background:rgba(12,40,64,.20);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
body.labkhand-v3 .lv3a3-backdrop[hidden]{display:none!important}
body.labkhand-v3 .lv3a3-panel{
  position:fixed;z-index:1200;
  width:min(410px,calc(100vw - 32px));
  max-height:calc(100dvh - 28px);
  overflow:auto;
  direction:rtl;
  border:1px solid rgba(16,58,99,.10);
  border-radius:24px;
  background:rgba(255,255,255,.985);
  box-shadow:0 30px 78px rgba(12,40,64,.28),inset 0 1px 0 #fff;
  overscroll-behavior:contain;
}
body.labkhand-v3 .lv3a3-panel[hidden]{display:none!important}
body.labkhand-v3 .lv3a3-panel__head{
  position:sticky;top:0;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:72px;padding:11px 12px 11px 14px;
  border-bottom:1px solid rgba(16,58,99,.08);
  background:rgba(255,255,255,.975);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
body.labkhand-v3 .lv3a3-panel__head span{display:block;color:var(--lv3a3-pink);font-size:10.5px;font-weight:900}
body.labkhand-v3 .lv3a3-panel__head strong{display:block;margin-top:2px;color:var(--lv3a3-navy);font:900 18px/1.45 var(--lv3-heading-font,Tahoma,sans-serif)}
body.labkhand-v3 .lv3a3-close{
  width:44px;height:44px;display:grid;place-items:center;flex:none;
  border:1px solid rgba(16,58,99,.10);border-radius:14px;
  background:linear-gradient(145deg,#fff,#fff8f3);color:var(--lv3a3-navy);
  box-shadow:0 5px 12px rgba(16,58,99,.05),inset 0 1px 0 #fff;
  font:400 28px/1 sans-serif;cursor:pointer;
}
body.labkhand-v3 .lv3a3-close:focus-visible{outline:3px solid rgba(24,184,199,.28);outline-offset:3px}
body.labkhand-v3 .lv3a3-panel__body{display:grid;gap:9px;padding:10px}
html.lv3-action-overlay-open body.labkhand-v3 .lv3-support-chat__launcher{visibility:hidden!important;pointer-events:none!important}

/* === Mobile: keep approved sheet shell, replace only action family === */
@media(max-width:1024px){
  body.labkhand-v3 .lv3a3-trigger{display:none!important}
  body.labkhand-v3 .lv3a3-backdrop{
    display:block;z-index:1190;background:rgba(13,42,65,.48);
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)
  }
  body.labkhand-v3 .lv3a3-backdrop[hidden]{display:none!important}
  body.labkhand-v3 .lv3a3-panel{
    display:block;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));
    top:auto;bottom:max(8px,env(safe-area-inset-bottom));width:auto;
    max-height:min(78dvh,680px);border-radius:24px;transform-origin:50% 100%;
    overscroll-behavior:contain
  }
  body.labkhand-v3 .lv3a3-panel[hidden]{display:none!important}
  body.labkhand-v3 .lv3a3-panel__body .lv3a3-card{
    grid-template-columns:54px minmax(0,1fr) auto;min-height:80px;padding:8px 9px;
  }
  body.labkhand-v3 .lv3a3-panel__body .lv3a3-card .lv3a3-sticker{width:50px;height:50px}
  body.labkhand-v3 .lv3a3-panel__body .lv3a3-card .lv3a3-sticker img{width:43px;height:43px}
  body.labkhand-v3 .lv3a3-dock-sticker{width:40px!important;height:40px!important;border-radius:13px!important}
  body.labkhand-v3 .lv3a3-dock-sticker img{width:34px!important;height:34px!important}
  html.lv3-action-overlay-open body.labkhand-v3 .lv3-mobile-bar{display:none!important}
}
@media(max-width:390px){
  body.labkhand-v3 .lv3a3-panel__body .lv3a3-card{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}
  body.labkhand-v3 .lv3a3-panel__body .lv3a3-card .lv3a3-sticker{width:46px;height:46px}
  body.labkhand-v3 .lv3a3-panel__body .lv3a3-card .lv3a3-sticker img{width:39px;height:39px}
  body.labkhand-v3 .lv3a3-affordance{min-width:58px;padding-inline:8px;font-size:10.5px}
  body.labkhand-v3 .lv3a3-dock-sticker{width:36px!important;height:36px!important}
  body.labkhand-v3 .lv3a3-dock-sticker img{width:31px!important;height:31px!important}
}

@media(prefers-reduced-motion:reduce){
  body.labkhand-v3 .lv3a3-trigger,
  body.labkhand-v3 .lv3a3-card,
  body.labkhand-v3 .lv3a3-sticker img,
  body.labkhand-v3 .lv3a3-dock-sticker img,
  body.labkhand-v3 .lv3a3-chevron{transition:none!important;transform:none!important}
}