/* The AlameinGo Assistant (public/assistant.js): a navy voice panel and an ivory results canvas, laid out after the
   owner's reference, in the approved palette (navy #08203F, CTA cyan #00E3F4, aqua #80F3F8, ocean #01658F, ivory
   #F8F5EF) and type (Playfair Display titles, Inter text). Logical properties throughout, so Arabic mirrors itself;
   nothing is wider than a 320px screen; reduced motion stops the orb and the wave. */
.as-view{background:linear-gradient(180deg,#0C2A4D 0%,#08203F 60%,#051833 100%);padding:24px 0 32px}
body[data-route="assistant"] .site-footer{display:none}
.as-shell{--as-navy:#08203F;--as-navy-2:#0E2D52;--as-cyan:#00E3F4;--as-aqua:#80F3F8;--as-ocean:#01658F;--as-ivory:#F8F5EF;--as-line:#E9E5DD;--as-text:#445269;--as-muted:#6B7486;
  display:grid;grid-template-columns:minmax(330px,380px) 1fr;gap:20px;max-width:1360px;margin:0 auto;padding-inline:20px;min-height:calc(100dvh - 140px);font-family:var(--body,Inter,system-ui,sans-serif)}
.as-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
[dir="rtl"] .as-flip{transform:scaleX(-1)}
.as-shell[lang="ar"]{--serif:"Cairo","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}
.as-shell[lang="ar"] .as-headline,.as-shell[lang="ar"] .as-mobile-title{font-weight:700}

/* ---------------------------------------------------------------- the voice panel */
.as-voice{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 26px 24px;border-radius:26px;color:#fff;text-align:center;
  background:radial-gradient(120% 60% at 50% 38%,rgba(0,227,244,.16),transparent 60%),linear-gradient(180deg,#0E2D52,#08203F 55%,#061a35);
  box-shadow:inset 0 0 0 1px rgba(128,243,248,.14),0 24px 60px rgba(2,12,30,.45);overflow:hidden}
@media (min-width:961px){.as-voice{position:sticky;top:96px;align-self:start;min-height:calc(100dvh - 150px)}}
.as-brand{align-self:stretch;display:flex;align-items:center;gap:10px;text-align:start}
.as-brand img{border-radius:10px;background:#fff;padding:3px}
.as-brand b{display:block;font-family:var(--serif,"Playfair Display",serif);font-size:1.25rem;letter-spacing:-.01em}
.as-brand small{display:block;font-size:.66rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--as-aqua)}
.as-headline{margin:10px 0 0;font-family:var(--serif,"Playfair Display",serif);font-weight:500;font-size:clamp(1.7rem,2.3vw,2.25rem);line-height:1.15;color:#fff}
.as-headline span{color:var(--as-aqua);font-weight:700}
.as-mobile-title{display:none}
.as-orb{position:relative;width:min(230px,62%);aspect-ratio:1;margin:6px 0 2px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 22%),radial-gradient(circle at 50% 55%,#00C6E0 0%,#0186B8 38%,#04386B 70%,#071F45 100%);
  box-shadow:0 0 60px rgba(0,227,244,.35),inset 0 -14px 40px rgba(0,0,0,.35),inset 0 0 0 1px rgba(128,243,248,.35)}
.as-orb i{position:absolute;inset:16% 6%;border-radius:50%;border:2px solid rgba(128,243,248,.55);border-color:rgba(128,243,248,.75) transparent rgba(0,227,244,.35) transparent;filter:blur(.4px);animation:as-swirl 9s linear infinite}
.as-orb i:nth-child(2){inset:26% 2%;animation-duration:12s;animation-direction:reverse;border-color:transparent rgba(255,255,255,.5) transparent rgba(128,243,248,.5)}
.as-orb i:nth-child(3){inset:36% 10%;animation-duration:7s;border-color:rgba(0,227,244,.6) transparent rgba(255,255,255,.35) transparent}
.as-orb.is-listening,.as-orb.is-speaking{animation:as-pulse 1.6s ease-in-out infinite}
.as-orb.is-busy i{animation-duration:2.4s}
@keyframes as-swirl{to{transform:rotate(360deg)}}
@keyframes as-pulse{50%{box-shadow:0 0 90px rgba(0,227,244,.6),inset 0 -14px 40px rgba(0,0,0,.35),inset 0 0 0 1px rgba(128,243,248,.5);transform:scale(1.03)}}
.as-status{margin:0;font-size:1rem;color:rgba(255,255,255,.88)}
.as-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:34px;width:100%;opacity:.45}
.as-wave b{display:block;width:3px;height:6px;border-radius:2px;background:linear-gradient(var(--as-aqua),var(--as-cyan))}
.as-wave.is-on{opacity:1}
.as-wave.is-on b{animation:as-bar 1s ease-in-out infinite;animation-delay:calc(var(--i) * -37ms)}
@keyframes as-bar{0%,100%{height:5px}50%{height:calc(8px + (var(--i) * 7 % 26) * 1px)}}
.as-transcript{align-self:stretch;min-height:64px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  font-size:1.02rem;line-height:1.5;color:#fff;text-align:start;overflow-wrap:anywhere}
.as-controls{display:flex;justify-content:center;align-items:flex-start;gap:28px;margin-top:4px}
.as-ctl{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;color:rgba(255,255,255,.85);font:inherit;font-size:.86rem;cursor:pointer;padding:0}
.as-ctl-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.as-ctl-ic .as-ic{width:24px;height:24px}
.as-ctl.is-main .as-ctl-ic{width:78px;height:78px;background:var(--as-cyan);color:#00222E;box-shadow:0 0 0 6px rgba(0,227,244,.18),0 10px 30px rgba(0,227,244,.35)}
.as-ctl.is-main .as-ctl-ic .as-ic{width:30px;height:30px}
.as-ctl.is-main span:last-child{color:var(--as-aqua);font-weight:600}
.as-ctl.is-main.is-on .as-ctl-ic{animation:as-ring 1.4s ease-out infinite}
@keyframes as-ring{0%{box-shadow:0 0 0 0 rgba(0,227,244,.5),0 10px 30px rgba(0,227,244,.35)}100%{box-shadow:0 0 0 18px rgba(0,227,244,0),0 10px 30px rgba(0,227,244,.35)}}
.as-ctl.is-end .as-ctl-ic{background:#D64545;box-shadow:none;color:#fff}
.as-ctl:disabled{opacity:.45;cursor:not-allowed}
.as-ctl:focus-visible .as-ctl-ic,.as-kbd-toggle:focus-visible,.as-start:focus-visible{outline:3px solid var(--as-aqua);outline-offset:3px}
.as-kbd-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 22px;border-radius:999px;border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff;font:inherit;font-size:.95rem;cursor:pointer}
.as-form{align-self:stretch;display:flex;gap:8px}
.as-form[hidden]{display:none}
.as-input{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:999px;border:0;background:#fff;color:var(--as-navy);font:inherit;font-size:1rem}
.as-input:focus{outline:3px solid var(--as-aqua);outline-offset:1px}
.as-send{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--as-cyan);color:#00222E;display:grid;place-items:center;cursor:pointer}
.as-send:disabled,.as-input:disabled{opacity:.6}
.as-start,.as-rows{display:none}

/* ---------------------------------------------------------------- the canvas */
.as-canvas{display:flex;flex-direction:column;gap:16px;padding:26px 26px 18px;border-radius:26px;background:var(--as-ivory);color:var(--as-text);box-shadow:0 24px 60px rgba(2,12,30,.35);min-width:0}
.as-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.as-canvas-head h2{margin:0;font-family:var(--serif,"Playfair Display",serif);font-size:clamp(1.6rem,2.4vw,2.2rem);color:var(--as-navy);font-weight:700;letter-spacing:-.01em}
.as-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--as-line);font-size:.8rem;color:var(--as-ocean);font-weight:600}
.as-pill .as-ic{width:16px;height:16px}
.as-summary{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}
.as-sum{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--as-line)}
.as-sum .as-ic{width:22px;height:22px;color:var(--as-navy)}
.as-sum small{display:block;font-size:.72rem;color:var(--as-muted);font-weight:600;letter-spacing:.02em}
.as-sum b{display:block;color:var(--as-navy);font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-sum.is-empty b{color:var(--as-muted);font-weight:500}
.as-sum-arrow{color:var(--as-muted)}
.as-answer{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--as-line)}
.as-answer img{flex:none;border-radius:8px}
.as-answer p{margin:0;color:var(--as-navy);line-height:1.55;font-size:1rem}
.as-results{display:flex;flex-direction:column;gap:14px}
.as-empty{margin:0;color:var(--as-muted)}
.as-starters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.as-starter{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:16px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--as-line);color:var(--as-navy);font:inherit;text-align:start;cursor:pointer}
.as-starter b{flex:1;font-size:1rem}
.as-starter-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#E2F1F5;color:var(--as-ocean)}
.as-starter:hover,.as-row:hover{box-shadow:inset 0 0 0 1px var(--as-ocean)}
.as-stays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.as-stay{display:flex;flex-direction:column;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--as-line);overflow:hidden;min-width:0}
.as-stay-photo{aspect-ratio:16/8;background:url(/logo-icon.png) center/56px no-repeat,linear-gradient(135deg,#E2F1F5,#CFE6EE)}
.as-stay-photo:has(img){background:#CFE6EE}
.as-stay-photo img{width:100%;height:100%;object-fit:cover;display:block}
.as-stay-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 14px;flex:1}
.as-stay h3{margin:0;font-family:var(--serif,"Playfair Display",serif);font-size:1.18rem;color:var(--as-navy);line-height:1.25}
.as-stay-meta{margin:0;font-size:.88rem;color:var(--as-muted)}
.as-stay-foot{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.as-stay-foot b{color:var(--as-navy)}
.as-stay-foot small{color:var(--as-muted)}
.as-link{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:0;background:#F1F5F8;box-shadow:inset 0 0 0 1px var(--as-line);color:var(--as-ocean);font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none}
.as-link .as-ic{width:16px;height:16px}
.as-more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;color:var(--as-ocean);font-weight:600;text-decoration:none}
.as-more .as-ic{width:16px;height:16px}
.as-tag{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:#EEF1F4;color:var(--as-navy)}
.as-tag.is-good{background:#E3F3EA;color:#1D6B45}
.as-tag.is-bad{background:#FBE4E4;color:#9B1C1C}
.as-tag.is-soon{background:var(--as-navy);color:var(--as-aqua)}
.as-dl{display:flex;gap:18px;margin:4px 0 0;flex-wrap:wrap}
.as-dl dt{font-size:.75rem;color:var(--as-muted)}
.as-dl dd{margin:0;font-weight:700;color:var(--as-navy)}
.as-quote{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:16px;background:linear-gradient(100deg,#fff 55%,#E6F7FA);box-shadow:inset 0 0 0 1px var(--as-line)}
.as-quote-head{display:flex;align-items:center;gap:10px;color:var(--as-navy)}
.as-quote-head b{font-size:1.05rem}
.as-quote-route{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px}
.as-quote-route b{display:block;color:var(--as-navy)}
.as-quote-route small{display:block;font-size:.75rem;color:var(--as-muted)}
.as-dots{display:flex;align-items:center;justify-content:center;color:var(--as-ocean);background:linear-gradient(90deg,transparent 0 48%,transparent 52%) ,repeating-linear-gradient(90deg,#9AA6B5 0 3px,transparent 3px 8px) center/100% 2px no-repeat;min-width:60px}
.as-dots .as-ic{background:var(--as-ivory);padding:0 4px;box-sizing:content-box}
.as-quote-total{text-align:end;padding-inline-start:16px;border-inline-start:1px solid var(--as-line)}
.as-quote-total b{font-size:1.3rem}
.as-quote-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.as-quote-foot p{margin:0;font-size:.85rem;color:var(--as-muted);flex:1;min-width:180px}
.as-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:0;background:var(--as-cyan);color:#00222E;font:inherit;font-weight:700;cursor:pointer}
.as-cta .as-ic{width:18px;height:18px}
.as-list{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--as-line)}
.as-list h3{margin:0 0 6px;font-family:var(--serif,"Playfair Display",serif);color:var(--as-navy);font-size:1.15rem}
.as-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--as-line)}
.as-list-row b{color:var(--as-navy)}
.as-list-row small{display:block;color:var(--as-muted);font-size:.82rem}
.as-list .as-more{margin-top:8px}
.as-canvas-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:6px}
.as-chips{display:flex;gap:8px;flex-wrap:wrap}
.as-chip{min-height:38px;padding:0 16px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--as-line);color:var(--as-navy);font:inherit;font-size:.9rem;cursor:pointer}
.as-chip:hover{box-shadow:inset 0 0 0 1px var(--as-ocean)}
.as-note{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:.8rem;color:var(--as-muted)}
.as-note .as-ic{width:16px;height:16px}
.as-log{border-top:1px solid var(--as-line);padding-top:10px;font-size:.9rem}
.as-log summary{cursor:pointer;color:var(--as-ocean);font-weight:600}
.as-log p{margin:8px 0 0}
.as-log b{color:var(--as-navy)}

/* ---------------------------------------------------------------- the launcher */
.as-launch{position:fixed;z-index:24;inset-inline-end:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 8px;border:0;border-radius:999px;
  background:#08203F;color:#fff;font:600 .95rem/1 var(--body,Inter,sans-serif);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(128,243,248,.35),0 12px 30px rgba(2,12,30,.35)}
.as-launch[hidden]{display:none}
.as-launch-orb{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6),transparent 25%),radial-gradient(circle at 50% 55%,#00C6E0,#0186B8 45%,#04386B 80%);box-shadow:0 0 16px rgba(0,227,244,.45)}
.as-launch:focus-visible{outline:3px solid #80F3F8;outline-offset:3px}

/* ---------------------------------------------------------------- tablets and phones: one column */
@media (max-width:960px){
  .as-view{padding:12px 0 20px}
  .as-shell{grid-template-columns:1fr;padding-inline:12px;gap:14px;min-height:0}
  .as-voice{padding:22px 18px 20px}
  .as-headline{display:none}
  .as-mobile-title{display:block;margin:6px 0 0;font-family:var(--serif,"Playfair Display",serif);font-weight:500;font-size:1.8rem;line-height:1.2;color:#fff}
  .as-orb{width:min(190px,56%)}
  /* Before the conversation starts: the reference's phone screen (orb, title, Start talking, three rows). */
  .as-shell:not(.is-active) .as-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:stretch;min-height:56px;border-radius:999px;border:0;background:var(--as-cyan);color:#00222E;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(0,227,244,.3)}
  .as-shell:not(.is-active) .as-rows{display:flex;flex-direction:column;gap:10px;align-self:stretch}
  .as-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border-radius:16px;border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font:inherit;text-align:start;cursor:pointer}
  .as-row span{flex:1}
  .as-shell:not(.is-active) .as-status,.as-shell:not(.is-active) .as-wave,.as-shell:not(.is-active) .as-transcript,.as-shell:not(.is-active) .as-controls{display:none}
  .as-shell:not(.is-active) .as-canvas{display:none}
  /* During the conversation: a compact voice bar, then the canvas. */
  .as-shell.is-active .as-mobile-title{display:none}
  .as-shell.is-active .as-orb{width:84px;margin:0}
  .as-shell.is-active .as-voice{gap:10px}
  .as-shell.is-active .as-wave{height:24px}
  .as-controls{gap:22px}
  .as-ctl-ic{width:52px;height:52px}
  .as-ctl.is-main .as-ctl-ic{width:66px;height:66px}
  .as-canvas{padding:18px 14px 14px;border-radius:22px}
  .as-summary{grid-template-columns:1fr;gap:8px}
  .as-sum-arrow{display:none}
  .as-stays,.as-starters{grid-template-columns:1fr}
  .as-quote-route{grid-template-columns:auto 1fr auto}
  .as-quote-total{grid-column:1/-1;text-align:start;border:0;padding:8px 0 0;border-top:1px solid var(--as-line)}
  body:not(.bn-hidden) .as-launch{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .as-launch{padding:0 16px 0 7px;min-height:48px}
  .as-launch-orb{width:34px;height:34px}
}
@media (max-width:400px){.as-launch-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.as-launch{padding:0 7px}}
@media (prefers-reduced-motion:reduce){.as-orb i,.as-orb,.as-wave b,.as-ctl-ic{animation:none!important}}