/* Profetudtalelser genbruger Koran-sliderens typografi og betjening.
   Denne fil afgrænser kun heroens baggrund, højde og tekstbredde. */
.hadith-slider-hero {
    min-height: var(--hero-height);
    align-items: center;
}

.hadith-slider-hero .destination-overlay {
    background:
        linear-gradient(90deg, rgba(4, 20, 15, .95) 0%, rgba(4, 20, 15, .79) 54%, rgba(4, 20, 15, .22) 100%),
        linear-gradient(0deg, rgba(4, 20, 15, .78), transparent 58%);
}

.hadith-slider-hero .destination-inner {
    width: var(--hero-inner-width);
    padding-block: var(--hero-inner-padding);
}

.hadith-hero-copy {
    width: 100%;
}

.hadith-slider-hero .quran-slide-declaration[lang="ar"] {
    direction: rtl;
    font-family: "Uthman Taha Naskh", "Traditional Arabic", serif;
    font-size: clamp(1.45rem, 1.9vw, 1.85rem);
    text-align: right;
}

@media (max-width: 760px) {
    .hadith-slider-hero {
        min-height: var(--hero-height-narrow);
        padding-top: 0;
        align-items: end;
    }

    .hadith-slider-hero .destination-inner {
        width: var(--hero-inner-width-narrow);
        padding-block: var(--hero-inner-padding-narrow);
    }

    .hadith-slider-hero .destination-image {
        height: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hadith-slider-hero .destination-image {
        animation: none !important;
        transform: none !important;
    }
}