/* =========================================================
   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;
    }
}