.homepage-slider {
    width: 100%;
    min-height: 430px;
    display: flex;
    align-items: center;
    padding: 70px 8%;
    box-sizing: border-box;
    overflow: hidden;
}

.slider-content {
    max-width: 750px;
}

.homepage-slider small {
    font-weight: 800;
    letter-spacing: 2px;
}

.homepage-slider h1 {
    font-size: clamp(36px, 5vw, 64px);
    margin: 15px 0;
}

.homepage-slider p {
    font-size: 19px;
    line-height: 1.7;
    max-width: 650px;
}

.slider-button {
    display: inline-block;
    margin-top: 20px;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
}


/* Template 1 */

.homepage-slider.template1 {
    color: #fff;
    background:
        linear-gradient(
            90deg,
            rgba(194,65,12,.98),
            rgba(249,115,22,.88)
        );
}

.template1 .slider-button {
    color: #ea580c;
    background: #fff;
}


/* Template 2 */

.homepage-slider.template2 {
    color: #fff;
    background:
        linear-gradient(
            135deg,
            #c2410c,
            #f97316,
            #fb923c
        );
    justify-content: center;
    text-align: center;
}

.template2 .slider-content {
    max-width: 900px;
}

.template2 .slider-button {
    color: #fff;
    background: #431407;
}


/* Template 3 */

.homepage-slider.template3 {
    color: #431407;
    background: #fff7ed;
    border-bottom: 5px solid #f97316;
}

.template3 .slider-button {
    color: #fff;
    background: #f97316;
}


/* Template 4 - Midnight Cargo (dark, premium, left-aligned) */

.homepage-slider.template4 {
    color: #fff;
    background:
        linear-gradient(
            120deg,
            #0b0f19,
            #1e293b 65%,
            #3b2410
        );
    border-bottom: 4px solid #f97316;
}

.template4 .slider-content small {
    color: #fb923c;
}

.template4 .slider-button {
    color: #0b0f19;
    background: #f97316;
}


/* Template 5 - Diagonal Split (bold two-tone, right-aligned) */

.homepage-slider.template5 {
    color: #fff;
    background:
        linear-gradient(
            100deg,
            #1c1917 0%,
            #1c1917 42%,
            #ea580c 42%,
            #f97316 100%
        );
    justify-content: flex-end;
    text-align: right;
}

.template5 .slider-content {
    margin-left: auto;
}

.template5 .slider-button {
    color: #1c1917;
    background: #fff;
}


/* Template 6 - Glass Frost (frosted-glass card, centered) */

.homepage-slider.template6 {
    color: #0f172a;
    background:
        linear-gradient(
            135deg,
            #fed7aa,
            #ffedd5 55%,
            #e0f2fe
        );
    justify-content: center;
    text-align: center;
}

.template6 .slider-content {
    max-width: 780px;
    background: rgba(255, 255, 255, .55);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 20px;
    padding: 32px 40px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .08);
}

.template6 .slider-button {
    color: #fff;
    background: #ea580c;
}


/* Template 7 - Bold Outline (high-contrast framed card, centered) */

.homepage-slider.template7 {
    color: #1c1917;
    background: #fff;
    justify-content: center;
    text-align: center;
    padding: 40px 8%;
}

.template7 .slider-content {
    max-width: 820px;
    border: 3px solid #f97316;
    border-radius: 16px;
    padding: 28px 36px;
    position: relative;
}

.template7 .slider-content::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 46px;
    height: 46px;
    border-top: 3px solid #1c1917;
    border-left: 3px solid #1c1917;
    border-radius: 16px 0 0 0;
}

.template7 .slider-button {
    color: #fff;
    background: #1c1917;
}


/* ---- Festival templates (Seasonal Mode) ---- */

/* Nauryz - spring, green + gold */
.homepage-slider.template-nauryz {
    color: #fff;
    background:
        linear-gradient(
            120deg,
            #0f766e,
            #15803d 55%,
            #ca8a04
        );
    text-align: center;
    justify-content: center;
}

.template-nauryz .slider-content {
    max-width: 900px;
}

.template-nauryz .slider-button {
    color: #14532d;
    background: #fde68a;
}

/* Kazakhstan Independence Day - flag sky-blue + gold */
.homepage-slider.template-independence-kz {
    color: #fff;
    background:
        linear-gradient(
            90deg,
            #0997c2,
            #27b3d4
        );
    border-bottom: 6px solid #ffd100;
}

.template-independence-kz .slider-button {
    color: #05445a;
    background: #ffd100;
}

/* Winter / New Year - cool blue + white */
.homepage-slider.template-winter {
    color: #0f172a;
    background:
        linear-gradient(
            160deg,
            #e0f2fe,
            #bae6fd 60%,
            #f8fafc
        );
    border-bottom: 5px solid #38bdf8;
}

.template-winter .slider-button {
    color: #fff;
    background: #0284c7;
}


/* Mobile */

@media (max-width: 768px) {

    .homepage-slider {
        min-height: 380px;
        padding: 45px 25px;
    }

    .homepage-slider h1 {
        font-size: 38px;
    }

    .homepage-slider p {
        font-size: 16px;
    }

    .homepage-slider.template5 {
        justify-content: flex-start;
        text-align: left;
    }

    .template5 .slider-content {
        margin-left: 0;
    }

    .template6 .slider-content,
    .template7 .slider-content {
        padding: 22px 24px;
    }

}


/* ---- Multi-slide carousel wrapper (index.php) ---- */

.homepage-slider-carousel .carousel-indicators {
    margin-bottom: 12px;
}

.homepage-slider-carousel .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, .65);
}

.homepage-slider-carousel .carousel-indicators .active {
    background: #fff;
}

.homepage-slider-carousel .carousel-control-prev,
.homepage-slider-carousel .carousel-control-next {
    width: 6%;
    opacity: .7;
}

/* single slide: no controls, no indicators, no pointer affordance */
.homepage-slider-carousel.is-single .carousel-indicators,
.homepage-slider-carousel.is-single .carousel-control-prev,
.homepage-slider-carousel.is-single .carousel-control-next {
    display: none;
}


/* ---- Festive accents applied site-wide when Seasonal Mode is on ---- */

body.festive .btn-orange,
body.festive .orange-btn {
    box-shadow: 0 0 0 2px rgba(255, 209, 0, .35);
}

body.festive-nauryz .site-news {
    background: #ecfdf5;
    border-bottom-color: #6ee7b7;
}

body.festive-independence-kz .site-news {
    background: #ecfeff;
    border-bottom-color: #67e8f9;
}

body.festive-winter .site-news,
body.festive-new-year .site-news {
    background: #f0f9ff;
    border-bottom-color: #7dd3fc;
}

body.festive-anniversary .site-news {
    background: #fff7ed;
    border-bottom-color: #fdba74;
}

body.festive-independence-kz .navbar,
body.festive-new-year .navbar,
body.festive-anniversary .navbar {
    border-bottom: 3px solid #ffd100;
}

body.festive-anniversary .navbar {
    border-bottom-color: #f97316;
}