/* =========================================================
   ANTALYA TURLARI — OTELLER LOAD MORE + SEARCH FINAL
   ========================================================= */

/* Native hidden guarantees that only first four are visible initially */
.ks27-hotels__hotel-card[hidden]{display:none!important}

/* Listing grid */
.ks27-hotels__hotel-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
    overflow:visible!important;
}
.ks27-hotels__hotel-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%;
}

/* Result metadata */
.ks27-hotels__result-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:10px;
}
.ks27-hotels__result-meta strong{
    color:#536a80;
    font-size:12px;
    font-weight:850;
}
.ks27-hotels__result-meta a{
    color:#00abc4;
    font-size:11px;
    font-weight:900;
    text-decoration:none;
}
.ks27-hotels__result-meta a:hover{text-decoration:underline}

/* Search header */
.ks27-hotels__search-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:10px;
    padding:0 4px;
}
.ks27-hotels__search-heading div{
    display:flex;
    align-items:baseline;
    gap:10px;
}
.ks27-hotels__search-heading span{
    color:#08afc6;
    font-size:10px;
    font-weight:950;
    letter-spacing:.12em;
}
.ks27-hotels__search-heading strong{
    color:#0d2b47;
    font-size:18px;
    font-weight:950;
}
.ks27-hotels__search-heading small{
    color:#70839a;
    font-size:11px;
}

/* Search form */
.ks27-hotels__search--final{
    display:grid!important;
    grid-template-columns:1.25fr 1fr 1fr 1.08fr .8fr!important;
    gap:10px!important;
    padding:13px!important;
    border:1px solid #dce6ee!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 18px 45px rgba(14,49,78,.13)!important;
}
.ks27-hotels__search--final .ks27-hotels__search-field,
.ks27-hotels__search--final .ks27-hotels__guest-trigger{
    min-width:0!important;
    min-height:58px!important;
    border:1px solid #d7e2eb!important;
    border-radius:13px!important;
    background:#f8fbfd!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.ks27-hotels__search--final .ks27-hotels__search-field:focus-within,
.ks27-hotels__search--final .ks27-hotels__guest-trigger:hover{
    border-color:#11b9d0!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(17,185,208,.10)!important;
}
.ks27-hotels__search--final .ks27-hotels__field-copy small{
    font-size:9px!important;
    color:#7d8ea1!important;
    font-weight:850!important;
}
.ks27-hotels__search--final select,
.ks27-hotels__search--final input[type="date"]{
    width:100%!important;
    min-width:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#0d2b47!important;
    font:inherit!important;
    font-size:12px!important;
    font-weight:850!important;
}
.ks27-hotels__search--final .ks27-hotels__search-submit{
    min-height:58px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#ff6c55,#ff5a42)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:0 10px 24px rgba(255,92,67,.22)!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
}
.ks27-hotels__search--final .ks27-hotels__search-submit:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 14px 28px rgba(255,92,67,.3)!important;
}

/* Load more */
.ks27-hotels__load-more-wrap{
    display:flex!important;
    justify-content:center!important;
    margin:30px 0 4px!important;
}
.ks27-hotels__load-more{
    width:auto!important;
    min-width:300px!important;
    min-height:58px!important;
    padding:10px 20px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:1px 18px!important;
    border:1px solid #cfdce7!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#0d2b47!important;
    box-shadow:0 12px 30px rgba(14,49,78,.10)!important;
    cursor:pointer!important;
    font:inherit!important;
}
.ks27-hotels__load-more span{
    grid-column:1!important;
    grid-row:1!important;
    text-align:left!important;
    font-size:13px!important;
    font-weight:950!important;
}
.ks27-hotels__load-more small{
    grid-column:1!important;
    grid-row:2!important;
    text-align:left!important;
    color:#71849a!important;
    font-size:10px!important;
    font-weight:750!important;
}
.ks27-hotels__load-more svg{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:#08afc6!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.ks27-hotels__load-more:hover{
    border-color:#08afc6!important;
    box-shadow:0 16px 34px rgba(14,49,78,.16)!important;
}
.ks27-hotels__load-more[hidden]{display:none!important}

@media (min-width:1500px){
    .ks27-hotels__container{width:min(1480px,calc(100% - 64px))!important}
}

@media (max-width:1180px){
    .ks27-hotels__hotel-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .ks27-hotels__search--final{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .ks27-hotels__search--final .ks27-hotels__search-submit{
        grid-column:1 / -1!important;
    }
}

@media (max-width:760px){
    .ks27-hotels__search-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
    .ks27-hotels__search-heading div{
        flex-direction:column;
        align-items:flex-start;
        gap:2px;
    }
    .ks27-hotels__search--final{
        grid-template-columns:1fr!important;
        padding:12px!important;
        gap:10px!important;
    }
    .ks27-hotels__search--final .ks27-hotels__search-submit{
        grid-column:auto!important;
    }
    .ks27-hotels__hotel-grid{
        grid-template-columns:1fr!important;
        gap:16px!important;
    }
    .ks27-hotels__load-more{
        width:100%!important;
        min-width:0!important;
    }
    .ks27-hotels__result-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
}


/* =========================================================
   JUBILEE — ODA FİLTRE ÖZETİ FINAL
   ========================================================= */
.ks27-hotels__filter-summary{
    display:grid;
    grid-template-columns:minmax(280px,1.6fr) minmax(150px,.8fr) minmax(190px,1fr) auto;
    align-items:center;
    gap:0;
    margin:18px 0 24px;
    padding:14px 18px;
    border:1px solid #d9e6f1;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 35px rgba(17,61,96,.07);
}
.ks27-hotels__filter-item{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    min-height:54px;
    padding:0 22px;
    border-right:1px solid #dfe8f0;
}
.ks27-hotels__filter-item:first-child{padding-left:0}
.ks27-hotels__filter-icon{
    display:grid;
    place-items:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
    border-radius:12px;
    background:#edf5ff;
    color:#2f7df5;
    font-size:19px;
    font-weight:900;
}
.ks27-hotels__filter-copy{
    display:block;
    min-width:0;
}
.ks27-hotels__filter-copy small{
    display:block;
    margin-bottom:3px;
    color:#7f91a6;
    font-size:11px;
    font-weight:800;
    line-height:1.1;
}
.ks27-hotels__filter-copy strong{
    display:block;
    color:#0b2745;
    font-size:15px;
    font-weight:900;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ks27-hotels__filter-arrow{
    display:inline-block;
    margin:0 8px;
    color:#4f6f90;
}
.ks27-hotels__filter-clear{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    margin-left:18px;
    padding:0 18px;
    border:1px solid #ff6b65;
    border-radius:12px;
    color:#f24e49;
    background:#fff;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
    transition:.2s ease;
}
.ks27-hotels__filter-clear span{
    font-size:20px;
    line-height:1;
    font-weight:500;
}
.ks27-hotels__filter-clear:hover{
    color:#fff;
    background:#ff655f;
    box-shadow:0 8px 20px rgba(255,101,95,.18);
}

@media (max-width:1100px){
    .ks27-hotels__filter-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .ks27-hotels__filter-item{
        padding:8px 12px;
        border:1px solid #e5edf4;
        border-radius:12px;
    }
    .ks27-hotels__filter-item:first-child{padding-left:12px}
    .ks27-hotels__filter-clear{
        min-height:54px;
        margin-left:0;
    }
}
@media (max-width:620px){
    .ks27-hotels__filter-summary{
        grid-template-columns:1fr;
        gap:8px;
        margin:14px 0 18px;
        padding:10px;
        border-radius:14px;
    }
    .ks27-hotels__filter-item{
        min-height:58px;
        padding:8px 10px;
    }
    .ks27-hotels__filter-icon{
        flex-basis:38px;
        width:38px;
        height:38px;
        border-radius:10px;
        font-size:17px;
    }
    .ks27-hotels__filter-copy small{font-size:10px}
    .ks27-hotels__filter-copy strong{
        font-size:13px;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
    }
    .ks27-hotels__filter-clear{
        width:100%;
        min-height:48px;
        margin:2px 0 0;
        font-size:12px;
    }
}