/* אולם התערוכה: HUD, פאנל, זום, וידאו. גם עמוד היצירה משתמש בחלק הזום. */
body.oritt-hall-page{overflow:hidden;height:100vh;height:100dvh}
#oritt-panel,.oritt-intro,.oritt-overlay,.oritt-zoom,#oritt-rooms,#oritt-light,#oritt-thumbs{box-sizing:border-box}
body.oritt-hall-page #oritt-stage{position:fixed;inset:0;z-index:0;cursor:grab}
body.oritt-hall-page #oritt-stage canvas{display:block}

.oritt-intro{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--oritt-ink);transition:opacity 1.4s ease;padding:24px;text-align:center;overflow:auto}
.oritt-intro.hide{opacity:0;pointer-events:none}
.oritt-intro[hidden]{display:none}
.oritt-intro .oritt-eyebrow{letter-spacing:.35em;font-size:12px;color:var(--oritt-gold);margin:0}
.oritt-intro h1{font-size:clamp(34px,6vw,66px);font-weight:300;line-height:1.1;margin:0}
.oritt-intro .oritt-intro-sub{font-family:var(--oritt-serif);font-size:clamp(17px,2.2vw,24px);color:var(--oritt-muted);margin:0;max-width:720px;line-height:1.5}
.oritt-intro .oritt-intro-text{max-width:600px;color:rgba(239,230,214,.8);font-size:16px;line-height:1.75}
.oritt-intro .oritt-intro-text p{margin:0 0 10px}
.oritt-prog{width:220px;height:1px;background:rgba(255,255,255,.12);position:relative;overflow:hidden;margin-top:8px}
.oritt-prog i{position:absolute;inset:0;width:0;background:var(--oritt-gold);transition:width .3s}
#oritt-enter{margin-top:6px;background:transparent;color:var(--oritt-gold);border:1px solid var(--oritt-gold-dim);padding:14px 38px;font:600 16px var(--oritt-sans);letter-spacing:.08em;cursor:pointer;transition:.3s;border-radius:2px}
#oritt-enter:hover{background:var(--oritt-gold);color:var(--oritt-ink)}
#oritt-enter[disabled]{opacity:.45;cursor:progress}
.oritt-intro-alt{font-size:13px;margin:8px 0 0}
.oritt-intro-alt a{color:var(--oritt-muted)}

.oritt-hud{position:fixed;z-index:20;opacity:0;transition:opacity 1s .4s;pointer-events:none}
body.oritt-in .oritt-hud{opacity:1;pointer-events:auto}
#oritt-brand{right:28px;top:22px;text-decoration:none;color:var(--oritt-paper);text-align:right}
#oritt-brand span{display:block;font:400 20px/1.1 var(--oritt-serif);letter-spacing:.02em}
#oritt-brand strong{display:block;font:300 11px/1.6 var(--oritt-sans);letter-spacing:.22em;color:var(--oritt-gold)}
#oritt-rooms{top:22px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:var(--oritt-panel);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);padding:6px;border-radius:40px}
#oritt-rooms button{background:transparent;border:0;color:var(--oritt-muted);font:400 13px var(--oritt-sans);letter-spacing:.04em;padding:7px 14px;border-radius:30px;cursor:pointer;transition:.25s;white-space:nowrap}
#oritt-rooms button:hover{color:var(--oritt-paper)}
#oritt-rooms button.on{background:var(--oritt-gold);color:var(--oritt-ink);font-weight:600}
#oritt-light{top:22px;left:28px;display:flex;align-items:center;gap:6px;background:var(--oritt-panel);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:40px}
#oritt-light .lbl{font-size:12px;color:var(--oritt-muted);margin-inline-end:4px}
#oritt-light button{background:transparent;border:0;color:var(--oritt-muted);font:400 13px var(--oritt-sans);padding:6px 11px;border-radius:30px;cursor:pointer;transition:.25s}
#oritt-light button.on{background:var(--oritt-gold);color:var(--oritt-ink);font-weight:600}
#oritt-rail{bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px}
#oritt-rail .nav{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:var(--oritt-panel);color:var(--oritt-paper);font-size:22px;cursor:pointer;backdrop-filter:blur(10px);transition:.25s;display:grid;place-items:center;padding:0;line-height:1}
#oritt-rail .nav:hover{border-color:var(--oritt-gold);color:var(--oritt-gold)}
#oritt-thumbs{display:flex;gap:8px;padding:8px;background:var(--oritt-panel);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:14px}
#oritt-thumbs button{width:52px;height:64px;border:1px solid transparent;border-radius:6px;background-size:cover;background-position:center;cursor:pointer;opacity:.55;transition:.3s;padding:0;position:relative;overflow:hidden;background-color:#1a1612}
#oritt-thumbs button.room{width:auto;padding:0 10px;opacity:.85;color:var(--oritt-muted);font:300 11px var(--oritt-sans);letter-spacing:.06em;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 6px,transparent 6px 12px)}
#oritt-thumbs button.on{opacity:1;border-color:var(--oritt-gold);box-shadow:0 0 18px rgba(217,178,95,.25)}
#oritt-thumbs button:hover{opacity:1}
#oritt-hint{bottom:118px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--oritt-muted);letter-spacing:.05em;white-space:nowrap;pointer-events:none!important;transition:opacity .5s}
#oritt-hint.hide{opacity:0}

#oritt-panel{position:fixed;top:0;bottom:0;left:0;width:min(420px,92vw);z-index:25;background:linear-gradient(90deg,rgba(10,9,7,.97),rgba(10,9,7,.9));backdrop-filter:blur(14px);border-right:1px solid rgba(255,255,255,.06);transform:translateX(-105%);transition:transform .7s cubic-bezier(.22,.8,.2,1);padding:84px 30px 32px;overflow-y:auto;text-align:right}
#oritt-panel.open{transform:none}
#oritt-panel-close{position:absolute;top:22px;left:22px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--oritt-paper);font-size:20px;cursor:pointer}
#oritt-panel .oritt-p-room{font-size:11px;letter-spacing:.3em;color:var(--oritt-gold);margin:0 0 14px}
#oritt-panel .oritt-verse{font-size:19px;margin:0 0 8px;line-height:1.5}
#oritt-panel h2{font-size:34px;font-weight:300;margin:0 0 4px;line-height:1.1}
#oritt-panel .oritt-source{font-size:12px;color:var(--oritt-muted);letter-spacing:.1em;margin:0 0 6px}
#oritt-panel .oritt-meta{font-size:12px;color:var(--oritt-muted);letter-spacing:.08em;margin:0 0 20px}
#oritt-panel .oritt-desc{font-size:15.5px;line-height:1.75;color:rgba(239,230,214,.85);margin:0 0 22px}
#oritt-panel .oritt-p-actions{display:flex;flex-wrap:wrap;gap:8px}
#oritt-panel .oritt-p-actions .wp-element-button{padding:11px 16px;font-size:14px;text-decoration:none}
#oritt-panel .oritt-p-actions [hidden]{display:none}
#oritt-panel .oritt-p-next{margin:26px 0 0;border-top:1px solid rgba(255,255,255,.06);padding-top:14px}
.oritt-link{background:none;border:0;color:var(--oritt-gold);font:400 14px var(--oritt-sans);cursor:pointer;padding:0;letter-spacing:.04em}
.oritt-link:hover{text-decoration:underline}

.oritt-overlay,.oritt-zoom{position:fixed;inset:0;z-index:50;background:#050403}
.oritt-overlay[hidden],.oritt-zoom[hidden]{display:none}
#oritt-osd{position:absolute;inset:0}
.oritt-zoom-bar{position:absolute;top:22px;right:28px;left:28px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}
.oritt-zoom-bar *{pointer-events:auto}
.oritt-zoom-bar h2{font-size:22px;font-weight:300;margin:0;color:var(--oritt-paper)}
.oritt-zoom-bar button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.5);color:#fff;font-size:22px;cursor:pointer}
.oritt-zoom-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--oritt-muted);letter-spacing:.06em;white-space:nowrap;margin:0}
#oritt-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}

@media (max-width:720px){
  #oritt-brand{right:14px;top:12px} #oritt-brand span{font-size:15px} #oritt-brand strong{display:none}
  #oritt-light{left:12px;top:12px;padding:4px 5px;gap:1px} #oritt-light .lbl{display:none} #oritt-light button{padding:6px 7px;font-size:11px}
  #oritt-rooms{top:auto;bottom:112px;padding:4px;max-width:96vw;overflow-x:auto} #oritt-rooms button{padding:6px 10px;font-size:12px}
  #oritt-thumbs button{width:40px;height:50px;flex:0 0 auto} #oritt-rail{bottom:16px;width:calc(100vw - 16px);gap:6px} #oritt-thumbs{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none} #oritt-thumbs::-webkit-scrollbar{display:none} #oritt-rail .nav{flex:0 0 40px;width:40px;height:40px} #oritt-hint{display:none}
  #oritt-panel{top:auto;height:50vh;width:100vw;border-right:0;border-top:1px solid rgba(255,255,255,.08);transform:translateY(105%);padding:22px 20px 90px}
  #oritt-panel h2{font-size:26px} #oritt-panel-close{top:12px;left:12px}
}
@media (prefers-reduced-motion:reduce){ #oritt-panel{transition:none} .oritt-hud{transition:none} }