/* Frontend enhancement of the existing native Elementor hero; no duplicated media. */
body:has(.sp26-design) .elementor.elementor-8 .sp-cinematic-scroll-275 {
 position:relative; width:100%; height:210svh; margin-top:calc(-1 * var(--sp-header-height-275,88px));
 padding:0; overflow:visible; background:var(--palace-paper,#f2eee5);
}
/* Match the initial cinematic crop before JS adds its runtime class, preventing a full-frame flash. */
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp26-design:not(.sp-cinematic-275) :is(.sp-hero-photo,.sp-hero-overlay) {
 clip-path:inset(160px 29.5vw 0 round min(20.5vw,48svh) min(20.5vw,48svh) 0 0);
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 {
 --sp-clip-275:inset(0); --sp-title-scale-275:1; --sp-meta-opacity-275:1; --sp-meta-y-275:0px;
 position:sticky; top:var(--sp-admin-height-275,0px); width:100%; max-width:none;
 height:100svh; min-height:0; margin:0; padding:0; display:block; overflow:hidden;
 isolation:isolate; background:var(--palace-paper,#f2eee5);
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-photo,
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-overlay {
 position:absolute; inset:0; width:100%; height:100%; max-width:none; margin:0; padding:0;
 clip-path:var(--sp-clip-275); border-radius:0; transform:none!important; animation:none!important;
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-photo {
 display:block; object-fit:cover; object-position:51% 50%; filter:saturate(.86); z-index:0;
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-overlay {
 display:block; z-index:1; pointer-events:none;
 background:linear-gradient(180deg,rgba(10,24,29,.22),rgba(10,24,29,.35) 52%,rgba(10,24,29,.36));
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-content {
 position:absolute; inset:43% 0 auto; width:100%; height:auto; margin:0; padding:0;
 display:flex; flex-direction:column; align-items:center; gap:0; z-index:2; transform:translateY(-50%);
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-title {
 font:400 clamp(40px,10.6vw,198px)/.9 'Cormorant Garamond',Georgia,serif;
 color:#fffaf1; letter-spacing:-.055em; direction:ltr; white-space:nowrap; text-align:center;
 width:100%; max-width:none; margin:0; padding:0; opacity:1; filter:none;
 transform:scale(var(--sp-title-scale-275))!important; transform-origin:center center;
 animation:none!important; transition:none!important; text-shadow:0 2px 28px rgba(0,0,0,.12);
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-meta {
 position:absolute; top:calc(100% + 34px); inset-inline:0; margin:0 auto; padding:0 24px;
 width:100%; flex-direction:column; align-items:center; justify-content:center; gap:9px;
 opacity:var(--sp-meta-opacity-275); transform:translateY(var(--sp-meta-y-275));
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-meta-text {
 color:#fffaf1; font:300 clamp(15px,1.25vw,20px)/1.65 Heebo,sans-serif;
 text-align:center; text-shadow:0 1px 14px rgba(0,0,0,.22); letter-spacing:0; width:auto;
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-meta-text:last-child {
 font-size:clamp(10px,.9vw,13px); letter-spacing:.16em; direction:ltr;
}
body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275::after {
 content:'גללו לגלות  ↓'; position:absolute; inset:auto 0 38px; margin:0 auto; width:max-content;
 color:#fffaf1; font:300 12px/1.5 Heebo,sans-serif; letter-spacing:.03em; direction:rtl;
 text-align:center; text-shadow:0 1px 8px #20343a; z-index:2; opacity:var(--sp-hint-opacity-275,1);
}
body.sp-hero-active-275:has(.sp26-design) .sp-header-root:not(.sp-menu-open) {
 background:var(--palace-paper,#f2eee5); border-bottom-color:transparent; box-shadow:none;
}
body.sp-hero-cover-275:has(.sp26-design) .sp-header-root:not(.sp-menu-open) { background:transparent; }
body.sp-hero-cover-275:has(.sp26-design) .sp-header-root:not(.sp-menu-open) .sp-header-logo { filter:brightness(0) invert(1); }
body.sp-hero-cover-275:has(.sp26-design) .sp-header-root:not(.sp-menu-open) :is(.sp-header-toggle,.sp-header-language) { color:#fffaf1; }
body.sp-hero-cover-275:has(.sp26-design) .sp-header-root:not(.sp-menu-open) .sp-header-booking { background:#f2eee5; border-color:#f2eee5; color:#20343a; }
@media(max-width:767px) {
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp26-design:not(.sp-cinematic-275) :is(.sp-hero-photo,.sp-hero-overlay) {
  clip-path:inset(124px 11.5vw 0 round min(38.5vw,48svh) min(38.5vw,48svh) 0 0);
 }
 body:has(.sp26-design) .elementor.elementor-8 .sp-cinematic-scroll-275 { height:175svh; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-content { top:44%; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-title { font-size:21vw; width:92%; white-space:normal; line-height:.82; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-meta { top:calc(100% + 28px); padding:0 20px; gap:8px; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-meta-text { font-size:14px; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-meta-text:last-child { font-size:9px; letter-spacing:.11em; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275::after { bottom:34px; font-size:11px; }
}
@media(max-width:767px) and (max-height:520px) {
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-title { font-size:10.6vw; width:100%; white-space:nowrap; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-meta { top:calc(100% + 18px); }
}
@media(prefers-reduced-motion:reduce) {
 body:has(.sp26-design) .elementor.elementor-8 .sp-cinematic-scroll-275 { height:100svh; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 { position:relative; top:0; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-title { transform:none!important; }
 body:has(.sp26-design) .elementor.elementor-8 .sp-hero.sp-cinematic-275 .sp-hero-meta { opacity:1; transform:none; }
}
