/*
|--------------------------------------------------------------------------
| Oluşturulma Tarihi : 09.09.2026
| Değişiklik Tarihi  : 09.09.2026
| Versiyon           : v1.0.1
| Yaratan            : Özgür Elibol
| Dokümanın Amacı    : QR hero yazı ve rezervasyon butonunu hero alanının
|                      en altına sabitler.
|--------------------------------------------------------------------------
*/

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

.hqr-hero-overlay {
    position: absolute !important;
    z-index: 4 !important;
    inset: auto 0 0 0 !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 18px 8px 18px !important;
    background: linear-gradient(
        0deg,
        rgba(3, 12, 23, .72) 0%,
        rgba(3, 12, 23, .34) 58%,
        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;
    display: block !important;
    max-width: 94% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.hqr-reservation-button,
.hqr-hero-overlay .hqr-reservation-button,
.hqr-hero-overlay a {
    position: static !important;
    margin: 0 !important;
    transform: none !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 {
        padding: 0 16px 6px 16px !important;
    }

    .hqr-hero-overlay h1,
    .hqr-hero h1 {
        max-width: 96% !important;
        margin-bottom: 9px !important;
    }
}