/*
|--------------------------------------------------------------------------
| Oluşturulma Tarihi : 09.09.2026
| Değişiklik Tarihi  : 09.09.2026
| Versiyon           : v1.0.0
| Yaratan            : Özgür Elibol
| Dokümanın Amacı    : QR hero başlığını yarı yarıya küçültür ve rezervasyon
|                      düğmesini başlığın yanına alır.
|--------------------------------------------------------------------------
*/

.hqr-hero {
    position: relative !important;
    overflow: hidden !important;
}

.hqr-hero-overlay {
    position: absolute !important;
    z-index: 5 !important;
    inset: auto 0 0 0 !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 18px 10px 18px !important;
    background: linear-gradient(
        0deg,
        rgba(3, 12, 23, .54) 0%,
        rgba(3, 12, 23, .22) 52%,
        rgba(3, 12, 23, 0) 100%
    ) !important;
    box-sizing: border-box !important;
    transform: none !important;
}

.hqr-hero-overlay h1,
.hqr-hero h1 {
    position: static !important;
    flex: 1 1 auto !important;
    max-width: calc(100% - 150px) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(22px, 5.4vw, 34px) !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    transform: none !important;
}

.hqr-reservation-button,
.hqr-hero-overlay .hqr-reservation-button,
.hqr-hero-overlay a {
    position: static !important;
    flex: 0 0 auto !important;
    min-width: 132px !important;
    min-height: 44px !important;
    margin: 0 0 2px 0 !important;
    padding: 0 18px !important;
    transform: none !important;
    white-space: nowrap !important;
}

.hqr-hero::after,
.hqr-hero-overlay::after,
.hqr-hero-bottom,
.hqr-hero-caption,
.hqr-hero-extra,
.hqr-hero-glass,
.hqr-hero-transparent,
.hqr-hero-shade,
.hqr-hero-gradient-bottom {
    display: none !important;
    opacity: 0 !important;
    content: none !important;
}

@media (max-width: 768px) {
    .hqr-hero-overlay {
        gap: 9px !important;
        padding: 0 14px 8px 14px !important;
    }

    .hqr-hero-overlay h1,
    .hqr-hero h1 {
        max-width: calc(100% - 126px) !important;
        font-size: clamp(18px, 4.8vw, 24px) !important;
        line-height: 1 !important;
    }

    .hqr-reservation-button,
    .hqr-hero-overlay .hqr-reservation-button,
    .hqr-hero-overlay a {
        min-width: 116px !important;
        min-height: 40px !important;
        padding: 0 13px !important;
        font-size: 13px !important;
    }
}