/*
|--------------------------------------------------------------------------
| QR Hero Yazı Konumu ve Alt Transparan Bant Fix
|--------------------------------------------------------------------------
*/

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

.hqr-hero-overlay {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    padding-top: 0 !important;
    padding-right: 18px !important;
    padding-bottom: 54px !important;
    padding-left: 18px !important;
    background: linear-gradient(
        90deg,
        rgba(3, 12, 23, .72) 0%,
        rgba(3, 12, 23, .34) 48%,
        rgba(3, 12, 23, .12) 100%
    ) !important;
}

.hqr-hero-overlay h1,
.hqr-hero h1 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    transform: translateY(18px) !important;
}

.hqr-reservation-button,
.hqr-hero-overlay .hqr-reservation-button,
.hqr-hero-overlay a {
    transform: translateY(18px) !important;
}

.hqr-hero::after,
.hqr-hero::before,
.hqr-hero-overlay::after,
.hqr-hero-overlay::before {
    pointer-events: none !important;
}

.hqr-hero::after,
.hqr-hero-overlay::after {
    display: none !important;
    opacity: 0 !important;
    content: none !important;
}

.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;
}

@media (max-width: 768px) {
    .hqr-hero-overlay {
        padding-right: 16px !important;
        padding-bottom: 50px !important;
        padding-left: 16px !important;
    }

    .hqr-hero-overlay h1,
    .hqr-hero h1 {
        margin-bottom: 17px !important;
        transform: translateY(20px) !important;
    }

    .hqr-reservation-button,
    .hqr-hero-overlay .hqr-reservation-button,
    .hqr-hero-overlay a {
        transform: translateY(20px) !important;
    }
}