/* Jubilee Index - ayrıştırılmış inline CSS FINAL */

/* MOBILE REZERVASYON MODAL - SON RÖTUŞ */
@media screen and (max-width: 767px) {
    .jhf__mobile-modal,
    .jhf__modal,
    .jhf__modal-overlay,
    .jhf__booking-modal {
        background-color: rgba(0, 10, 20, .94) !important;
    }

    .jhf__mobile-modal .jhf__booking,
    .jhf__modal .jhf__booking,
    .jhf__booking.is-mobile-modal,
    body.jhf-modal-open .jhf__booking {
        transform: translateY(-25px) !important;
    }
}

/* MOBİL — OTEL BÖLÜM BAŞLIĞI TEK SATIR */
@media (max-width:620px){
  .ks27-home-module--hotels .ks27-home-module__head h2#homeHotelCardsTitle{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:6px 0 8px!important;
    font-size:clamp(13px,3.75vw,17px)!important;
    line-height:1.2!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow:visible!important;
  }
}

/* MOBİL FINAL: Jubilee oda başlığı kesinlikle tek satır */
@media (max-width:620px){
  #homeHotelCardsTitle,
  .ks27-home-module__head #homeHotelCardsTitle,
  .ks27-home-module__head h2,
  .ks27-home-module--hotels h2{
    width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    font-size:clamp(12px,3.35vw,15px)!important;
    line-height:1.15!important;
    letter-spacing:-.035em!important;
  }
}

/* MOBİL — BEYAZ OTEL BÖLÜMÜ FINAL */
@media (max-width:620px){
  .ks27-home-module--hotels{
    padding-top:22px!important;
    padding-bottom:22px!important;
  }

  .ks27-home-module--hotels .ks27-home-module__head{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:12px!important;
  }

  .ks27-home-module--hotels .ks27-home-module__eyebrow,
  .ks27-home-module--hotels .eyebrow{
    margin-bottom:6px!important;
  }

  .ks27-home-module--hotels #homeHotelCardsTitle,
  .ks27-home-module--hotels .ks27-home-module__head h2{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    padding:0!important;
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:-.35px!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .ks27-home-module--hotels .ks27-home-module__head p{
    margin:0 0 14px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  .ks27-home-module--hotels .ks27-home-module__head a{
    min-height:42px!important;
    padding:0 17px!important;
    font-size:14px!important;
    border-radius:11px!important;
  }
}

/* INDEX HERO IKON FINAL — font bağımsız inline SVG */
#jubilee-hero-final .jhf__icon-svg,
#jubilee-hero-final .jhf__inline-svg,
#jubilee-hero-final .jhf__meta-svg,
#jubilee-hero-final .jhf__star-svg{
  display:block;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
#jubilee-hero-final .jhf__benefit-icon .jhf__icon-svg{width:22px;height:22px;}
#jubilee-hero-final .jhf__calendar .jhf__icon-svg{width:22px;height:22px;margin:auto;}
#jubilee-hero-final .jhf__inline-svg{width:17px;height:17px;display:inline-block;vertical-align:-3px;}
#jubilee-hero-final .jhf__meta span{display:inline-flex;align-items:center;gap:5px;}
#jubilee-hero-final .jhf__meta-svg{width:14px;height:14px;flex:0 0 14px;}
#jubilee-hero-final .jhf__star-svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;}
#jubilee-hero-final .jhf__jubilee{display:inline-flex;align-items:center;gap:5px;}
#jubilee-hero-final .jhf__jubilee .jhf__star-svg{width:13px;height:13px;}
@media (min-width:621px){
  #jubilee-hero-final .jhf__mobile-close{display:none!important;}
}

/* INDEX MOBİL FINAL — gerçek body-level rezervasyon modalı */
@media (max-width:620px){
  #jubilee-hero-final .jhf__rooms{display:none!important;}
  #jubilee-hero-final .jhf__benefits{display:none!important;}
  #jubilee-hero-final .jhf__mobile-actions{display:block!important;margin-top:20px;}
  #jubilee-hero-final .jhf__mobile-book-btn{width:100%;}
  #jubilee-hero-final .jhf__mobile-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
  #jubilee-hero-final .jhf__mobile-contact-btn{
    min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;
    border:1px solid rgba(39,201,242,.55);border-radius:11px;background:rgba(2,24,40,.88);
    color:#fff!important;text-decoration:none;font-weight:800;font-size:14px;
  }

  /* Hero içindeki form mobilde başlangıçta gizli */
  #jubilee-hero-final .jhf__booking{display:none!important;}

  /* Body'ye taşınan gerçek modal katmanı */
  .jhf-mobile-modal-layer{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:none;
    align-items:center;
    justify-content:center;
    padding:14px;
    background:rgba(0,8,16,.90);
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .jhf-mobile-modal-layer.is-open{display:flex!important;}

  .jhf-mobile-modal-layer .jhf__booking{
    display:block!important;
    position:relative!important;
    left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
    width:min(100%,430px)!important;
    max-width:430px!important;
    max-height:calc(100dvh - 28px)!important;
    overflow-y:auto!important;
    margin:0!important;
    padding:52px 16px 16px!important;
    transform:none!important;
    z-index:1!important;
    border:1px solid rgba(220,244,255,.90)!important;
    border-radius:18px!important;
    background:#031b2b!important;
    box-shadow:0 20px 60px rgba(0,0,0,.60)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#fff!important;
  }

  .jhf-mobile-modal-layer .jhf__calendar{
    width:54px!important;height:54px!important;
    position:absolute!important;left:50%!important;top:-1px!important;
    transform:translateX(-50%)!important;
    display:grid!important;place-items:center!important;
    border:1px solid #21c9f1!important;border-radius:50%!important;
    background:#032238!important;color:#21c9f1!important;font-size:23px!important;
  }

  .jhf-mobile-modal-layer .jhf__mobile-close{
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:absolute!important;right:12px!important;top:12px!important;
    width:42px!important;height:42px!important;padding:0!important;
    border:1px solid rgba(39,201,242,.65)!important;border-radius:50%!important;
    background:#061a2a!important;color:#fff!important;font-size:30px!important;line-height:1!important;
    z-index:10!important;cursor:pointer!important;
  }

  .jhf-mobile-modal-layer .jhf__booking-head{
    margin:0 44px 14px!important;
    text-align:center!important;
  }
  .jhf-mobile-modal-layer .jhf__booking-head h2{
    margin:0 0 6px!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1.08!important;
  }
  .jhf-mobile-modal-layer .jhf__booking-head p{
    margin:0!important;
    color:rgba(255,255,255,.86)!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  .jhf-mobile-modal-layer .jhf__form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
  }
  .jhf-mobile-modal-layer .jhf__form label{
    display:flex!important;flex-direction:column!important;
    gap:5px!important;margin:0!important;min-width:0!important;
  }
  .jhf-mobile-modal-layer .jhf__form label>span{
    color:#21c9f1!important;font-size:12px!important;font-weight:800!important;
  }
  .jhf-mobile-modal-layer .jhf__form input,
  .jhf-mobile-modal-layer .jhf__form select{
    display:block!important;
    width:100%!important;min-width:0!important;
    height:48px!important;min-height:48px!important;
    padding:0 11px!important;
    border:1px solid rgba(151,190,212,.40)!important;
    border-radius:10px!important;
    background:#0a2335!important;
    color:#fff!important;
    font-size:13px!important;
    box-sizing:border-box!important;
  }
  .jhf-mobile-modal-layer .jhf__form button[type="submit"]{
    grid-column:1/-1!important;
    width:100%!important;height:50px!important;min-height:50px!important;
    margin:2px 0 0!important;
    border:0!important;border-radius:10px!important;
    background:linear-gradient(90deg,#27c6e6,#168be9)!important;
    color:#fff!important;font-size:14px!important;font-weight:900!important;
  }
  .jhf-mobile-modal-layer .jhf__secure{
    margin-top:10px!important;
    padding:0!important;
    text-align:center!important;
    color:rgba(255,255,255,.82)!important;
    font-size:10px!important;
  }

  body.jhf-modal-open{overflow:hidden!important;touch-action:none!important;}
}

@media (max-width:380px){
  .jhf-mobile-modal-layer{padding:8px!important;}
  .jhf-mobile-modal-layer .jhf__booking{
    width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    padding:48px 12px 13px!important;
  }
  .jhf-mobile-modal-layer .jhf__booking-head h2{font-size:23px!important;}
  .jhf-mobile-modal-layer .jhf__form{gap:8px!important;}
  .jhf-mobile-modal-layer .jhf__form input,
  .jhf-mobile-modal-layer .jhf__form select{font-size:12px!important;padding:0 8px!important;}
}

@media (min-width:621px){
  #jubilee-hero-final .jhf__mobile-contact-row{display:none!important;}
}

/* MOBİL OTEL BAŞLIĞI — KESİN TEK SATIR */
@media screen and (max-width: 620px) {
  section.ks27-home-module--hotels .ks27-home-module__head > h2#homeHotelCardsTitle {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:6px 0 8px !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1.15 !important;
    letter-spacing:-0.25px !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    overflow:visible !important;
  }
}

/* SADECE MOBİL — final görünüm */
@media (max-width:620px){

  /* Hero avantaj kartlarını mobilde tekrar göster */
  #jubilee-hero-final .jhf__benefits{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:16px 0 0!important;
  }

  #jubilee-hero-final .jhf__benefit{
    min-width:0!important;
    min-height:108px!important;
    padding:12px 5px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    text-align:center!important;
    border:1px solid #18bde8!important;
    border-radius:13px!important;
    background:rgba(2,24,40,.90)!important;
    box-sizing:border-box!important;
  }

  #jubilee-hero-final .jhf__benefit-icon{
    width:39px!important;
    height:39px!important;
    min-width:39px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto!important;
    border:1px solid #18c7f1!important;
    border-radius:50%!important;
    color:#19c8f2!important;
    font-size:18px!important;
  }

  #jubilee-hero-final .jhf__benefit div{
    min-width:0!important;
    width:100%!important;
  }

  #jubilee-hero-final .jhf__benefit strong{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:800!important;
    white-space:nowrap!important;
    letter-spacing:-.25px!important;
  }

  #jubilee-hero-final .jhf__benefit small{
    display:block!important;
    margin-top:4px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:8px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  /* Oda bölüm başlığı: mobil final */
  .ks27-home-module--hotels .ks27-home-module__head h2,
  .ks27-hotels .ks27-home-module__head h2,
  #homeHotelCardsTitle{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:6px 0 9px!important;
    padding:0!important;
    font-size:clamp(15.5px,4.2vw,18px)!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing:-.65px!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    text-overflow:clip!important;
    overflow:visible!important;
  }

  .ks27-home-module--hotels .ks27-home-module__head{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:390px){
  #jubilee-hero-final .jhf__benefit strong{font-size:9px!important;}
  #jubilee-hero-final .jhf__benefit small{font-size:7.5px!important;}
}

/* Jubilee oda başlığı — FULL RESPONSIVE FINAL */
@media screen and (max-width: 620px) {
  section.ks27-home-module--hotels .ks27-home-module__head > h2#homeHotelCardsTitle {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:6px 0 9px !important;
    padding:0 !important;
    font-size:clamp(15px, 3.8vw, 19px) !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    letter-spacing:-0.45px !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
}
@media screen and (max-width: 380px) {
  section.ks27-home-module--hotels .ks27-home-module__head > h2#homeHotelCardsTitle {
    font-size:15px !important;
    letter-spacing:-0.55px !important;
  }
}