/* ELIE v5.1.46 — supplied Kadim Stone art direction, Passport2 detail visual,
   and seamless multilingual START rollover signal. */

/* --------------------------------------------------------------------------
   PILOT PASSPORT — use Passport2 in the document display without changing the
   established desktop or mobile passport geometry.
   -------------------------------------------------------------------------- */
.pilot-passport-document>img[src*="Passport2.png"]{
  width:min(78%,300px)!important;
  max-height:84%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.74)) drop-shadow(0 0 18px rgba(46,241,58,.24))!important;
}

/* --------------------------------------------------------------------------
   KADIM STONE — strict continuation of the supplied Duplet typography,
   original green hierarchy, frame proportions and calm archival spacing.
   -------------------------------------------------------------------------- */
.kadim-stone-window,
.kadim-stone-window *,
.kadim-stone-window *::before,
.kadim-stone-window *::after{
  font-family:"Duplet","Arial",sans-serif!important;
  font-style:normal!important;
  font-synthesis:none!important;
}
.kadim-stone-window{
  background-color:#010503!important;
  background-image:url('../assets/images/KadimTasZemin.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  color:#42e63e!important;
}
.kadim-stone-window::after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.10),transparent 18%,transparent 82%,rgba(0,0,0,.13)),
    radial-gradient(circle at 50% 43%,rgba(35,255,66,.025),transparent 56%)!important;
  mix-blend-mode:screen!important;
}
.kadim-stone-close{
  top:max(14px,calc(env(safe-area-inset-top) + 10px))!important;
  right:max(14px,calc(env(safe-area-inset-right) + 10px))!important;
  width:54px!important;
  height:54px!important;
  border:1px solid #42e63e!important;
  border-radius:3px!important;
  background:rgba(0,5,2,.97)!important;
  box-shadow:0 0 14px rgba(66,230,62,.12),inset 0 0 8px rgba(66,230,62,.04)!important;
}
.kadim-stone-close span{
  width:31px!important;
  height:6px!important;
  background:#42e63e!important;
}
.kadim-stone-close:hover,
.kadim-stone-close:focus-visible{
  background:#42e63e!important;
  box-shadow:0 0 24px rgba(66,230,62,.36)!important;
}
.kadim-stone-close:hover span,
.kadim-stone-close:focus-visible span{background:#020702!important}

.kadim-stone-header{
  left:9.5vw!important;
  right:9.5vw!important;
  top:clamp(142px,16.6vh,180px)!important;
  color:#42e63e!important;
}
.kadim-stone-header h2{
  margin:0!important;
  color:#42e63e!important;
  font-family:"Duplet",Arial,sans-serif!important;
  font-size:clamp(31px,2.72vw,45px)!important;
  font-weight:700!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 16px rgba(66,230,62,.10)!important;
}
.kadim-stone-header p{
  width:min(1160px,84vw)!important;
  margin:14px auto 0!important;
  color:#42e63e!important;
  font-family:"Duplet",Arial,sans-serif!important;
  font-size:clamp(13px,1.12vw,19px)!important;
  font-weight:700!important;
  line-height:1.05!important;
  letter-spacing:-.022em!important;
  text-transform:uppercase!important;
  opacity:.94!important;
}

.kadim-stone-list-frame{
  left:7.7vw!important;
  right:6.5vw!important;
  top:clamp(275px,30.8vh,326px)!important;
  bottom:7.2vh!important;
}
.kadim-stone-list-frame::before,
.kadim-stone-list-frame::after{
  right:12px!important;
  height:48px!important;
}
.kadim-stone-list-frame::before{
  background:linear-gradient(180deg,rgba(2,8,5,.99) 0%,rgba(2,8,5,.88) 24%,rgba(2,8,5,0) 100%)!important;
}
.kadim-stone-list-frame::after{
  background:linear-gradient(0deg,rgba(2,8,5,.99) 0%,rgba(2,8,5,.88) 24%,rgba(2,8,5,0) 100%)!important;
}
.kadim-stone-list{
  padding:37px 17px 48px 0!important;
  scrollbar-width:thin!important;
  scrollbar-color:#42e63e rgba(66,230,62,.08)!important;
}
.kadim-stone-list::-webkit-scrollbar{width:9px!important}
.kadim-stone-list::-webkit-scrollbar-track{
  background:rgba(66,230,62,.045)!important;
  border-left:1px solid rgba(66,230,62,.08)!important;
}
.kadim-stone-list::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#42e63e,#177f25)!important;
  border:2px solid #041008!important;
  border-radius:10px!important;
  box-shadow:0 0 8px rgba(66,230,62,.2)!important;
}
.kadim-stone-row{
  grid-template-columns:minmax(0,1.58fr) minmax(235px,.72fr) minmax(120px,.3fr)!important;
  min-height:clamp(82px,9.25vh,92px)!important;
  padding:0 30px 0 42px!important;
  column-gap:22px!important;
  color:#16972a!important;
  font-family:"Duplet",Arial,sans-serif!important;
  font-size:clamp(15px,1.12vw,20px)!important;
  font-weight:700!important;
  line-height:1.02!important;
  letter-spacing:-.028em!important;
  text-transform:uppercase!important;
}
.kadim-stone-name,
.kadim-stone-location,
.kadim-stone-date,
.kadim-stone-name strong,
.kadim-stone-name span,
.kadim-stone-row button{
  font-family:"Duplet",Arial,sans-serif!important;
  font-weight:700!important;
}
.kadim-stone-row.is-occupied .kadim-stone-name,
.kadim-stone-row.is-occupied .kadim-stone-name strong{
  color:#42e63e!important;
}
.kadim-stone-row.is-occupied .kadim-stone-location,
.kadim-stone-row.is-occupied .kadim-stone-date{
  color:rgba(46,181,54,.56)!important;
}
.kadim-stone-row.is-empty .kadim-stone-name,
.kadim-stone-row.is-empty .kadim-stone-name span{
  color:#159b2a!important;
}
.kadim-stone-row.is-empty .kadim-stone-location,
.kadim-stone-row.is-empty .kadim-stone-date{
  color:rgba(18,119,34,.72)!important;
}
.kadim-stone-row.is-empty button{
  min-width:154px!important;
  padding:10px 20px 9px!important;
  border:0!important;
  border-radius:999px!important;
  background:#42e63e!important;
  color:#020703!important;
  font-size:clamp(12px,.88vw,15px)!important;
  line-height:1!important;
  letter-spacing:-.028em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
.kadim-stone-row.is-empty button:hover,
.kadim-stone-row.is-empty button:focus-visible{
  background:#66f563!important;
  box-shadow:0 0 18px rgba(66,230,62,.20)!important;
}
.kadim-stone-divider{
  height:44px!important;
  opacity:.34!important;
  filter:none!important;
}

/* --------------------------------------------------------------------------
   START SIGNAL — tile one exact stripe cycle and move by that same cycle.
   The reset is visually identical, so rollover movement is genuinely seamless.
   -------------------------------------------------------------------------- */
@keyframes elieStartSignalSeamlessFlow{
  from{background-position:0 50%}
  to{background-position:var(--signal-cycle) 50%}
}
.home-start-signal .home-start-signal-stripes{
  --signal-cycle:clamp(48px,calc(var(--u)*4.45),84px);
  background-color:#000!important;
  background-image:linear-gradient(135deg,transparent 0 8%,#2ef13a 8% 72%,transparent 72% 100%)!important;
  background-size:var(--signal-cycle) 100%!important;
  background-repeat:repeat-x!important;
  background-position:0 50%!important;
  transform:none!important;
  will-change:background-position,filter!important;
}
.home-start-signal:not(.lang-ja):not(.lang-zh):not(.lang-ar) .home-start-signal-label{
  font-family:"Duplet",Arial,sans-serif!important;
  font-weight:700!important;
  font-synthesis:none!important;
}
@media (hover:hover) and (pointer:fine){
  .home-start-signal:hover .home-start-signal-stripes,
  .home-start-signal:focus-visible .home-start-signal-stripes{
    animation:elieStartSignalSeamlessFlow .82s linear infinite!important;
    background-position:0 50%;
    transform:none!important;
    filter:brightness(1.08)!important;
  }
}

@media (max-width:1200px){
  .kadim-stone-header{left:8.2vw!important;right:8.2vw!important}
  .kadim-stone-list-frame{left:6.6vw!important;right:5.5vw!important}
  .kadim-stone-row{
    grid-template-columns:minmax(0,1.45fr) minmax(188px,.72fr) minmax(104px,.32fr)!important;
    padding-inline:30px 22px!important;
  }
}

@media (orientation:landscape) and (pointer:coarse){
  .pilot-passport-document>img[src*="Passport2.png"]{
    width:min(76%,132px)!important;
    max-height:88%!important;
  }
  .kadim-stone-close{
    top:max(7px,calc(env(safe-area-inset-top) + 4px))!important;
    right:max(8px,calc(env(safe-area-inset-right) + 5px))!important;
    width:clamp(36px,9.2vh,48px)!important;
    height:clamp(36px,9.2vh,48px)!important;
  }
  .kadim-stone-close span{width:clamp(20px,5vh,27px)!important;height:clamp(4px,1.05vh,5px)!important}
  .kadim-stone-header{left:9vw!important;right:9vw!important;top:clamp(48px,13.5vh,76px)!important}
  .kadim-stone-header h2{font-size:clamp(17px,4.4vh,28px)!important}
  .kadim-stone-header p{width:min(86vw,920px)!important;margin-top:clamp(5px,1.5vh,10px)!important;font-size:clamp(7px,1.75vh,11px)!important;line-height:1.06!important}
  .kadim-stone-list-frame{left:max(5.5vw,calc(env(safe-area-inset-left) + 24px))!important;right:max(4.3vw,calc(env(safe-area-inset-right) + 20px))!important;top:clamp(112px,29vh,156px)!important;bottom:max(4.8vh,calc(env(safe-area-inset-bottom) + 14px))!important}
  .kadim-stone-list-frame::before,.kadim-stone-list-frame::after{height:27px!important;right:9px!important}
  .kadim-stone-list{padding:20px 10px 28px 0!important}
  .kadim-stone-row{grid-template-columns:minmax(0,1.45fr) minmax(125px,.72fr) minmax(82px,.35fr)!important;min-height:clamp(42px,11.5vh,58px)!important;padding:0 14px 0 20px!important;font-size:clamp(8px,2.1vh,12px)!important;column-gap:8px!important}
  .kadim-stone-name{gap:8px!important}
  .kadim-stone-row.is-empty button{min-width:0!important;padding:6px 11px 5px!important;font-size:clamp(7px,1.75vh,10px)!important}
  .kadim-stone-divider{height:24px!important;opacity:.32!important}
  .home-start-signal .home-start-signal-stripes{--signal-cycle:clamp(34px,7.2vw,54px)}
}

@media (max-width:760px) and (orientation:portrait){
  .pilot-passport-document>img[src*="Passport2.png"]{
    width:min(82%,164px)!important;
    max-height:88%!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-start-signal:hover .home-start-signal-stripes,
  .home-start-signal:focus-visible .home-start-signal-stripes{animation:none!important}
}