/* ==========================================================
   Responsive
========================================================== */

@media (max-width: 1024px) {
    .dtv-front-slider-track { height: 560px; border-radius: 24px; }
    .dtv-front-hero-content { left: 88px; right: 56px; bottom: 118px; }
    .dtv-front-slider-controls { left: 88px; right: 56px; }
    .dtv-front-hero-slider button.dtv-front-slider-dot { min-width: 120px; }
    .dtv-live-strip { grid-template-columns: 1fr; margin-top: -34px; }
    .dtv-live-strip__epg { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); padding-left: 0; padding-top: 16px; }
}

@media (max-width: 768px) {
    .dtv-front-slider-track { height: 520px; border-radius: 20px; }
    .dtv-front-hero-content { left: 24px; right: 24px; bottom: 112px; }
    .dtv-front-hero-content h1 { font-size: clamp(34px, 10vw, 48px); letter-spacing: -.6px; }
    .dtv-front-hero-content p { font-size: 17px; line-height: 1.45; }
    .dtv-front-slider-controls { left: 24px; right: 24px; bottom: 28px; }
    .dtv-front-slider-dots { max-width: none; gap: 7px; }
    .dtv-front-hero-slider button.dtv-front-slider-dot { min-width: 32px; height: 4px; }
    .dtv-front-hero-slider .dtv-front-slider-track > button.dtv-home-hero__side-arrow { width: 38px; height: 38px; min-width: 38px; min-height: 38px; font-size: 26px; }
    .dtv-front-hero-slider button.dtv-home-hero__side-arrow--prev { left: 14px; }
    .dtv-front-hero-slider button.dtv-home-hero__side-arrow--next { right: 14px; }
    .dtv-front-hero-slider button.dtv-front-slider-pause,
    .dtv-front-hero-slider button.dtv-front-slider-play { width: 42px; height: 42px; min-width: 42px; min-height: 42px; }
    .dtv-live-strip__current { grid-template-columns: 1fr; }
    .dtv-live-strip__thumb { height: 140px; }
    .dtv-video-card--portrait { flex: 0 0 230px; max-width: 230px; }
    .dtv-video-card__copy h3 { font-size: 20px; }
    .dtv-carousel-row { gap: 16px; padding: 8px 4px 16px; }
    .dtv-carousel-arrow,
    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; font-size: 26px !important; }
    .dtv-carousel-arrow--prev,
    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow--prev { left: -10px !important; }
    .dtv-carousel-arrow--next,
    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow--next { right: -10px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .dtv-carousel-row { scroll-behavior: auto; }
    .dtv-carousel-arrow,
    .dtv-video-card__media,
    .dtv-video-card__media img,
    .dtv-front-slide,
    .dtv-front-hero-card img { transition: none; }
}


/* Mobile carousel controls below card */
@media (max-width: 768px) {

    .dtv-carousel-shell {
        padding-inline: 0 !important;
        padding-bottom: 64px !important;
        overflow: visible !important;
    }

    .dtv-carousel-row {
        padding-inline: 18px !important;
        padding-bottom: 18px !important;
    }

    .dtv-video-card--short {
        flex: 0 0 86vw !important;
        max-width: 86vw !important;
    }

    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow {
        top: auto !important;
        bottom: 8px !important;

        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;

        transform: none !important;
        z-index: 50 !important;
    }

    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow--prev {
        left: calc(50% - 56px) !important;
        right: auto !important;
    }

    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow--next {
        right: calc(50% - 56px) !important;
        left: auto !important;
    }
}

/* Mobile poster cards / Εκπομπές */
@media (max-width: 768px) {

    .dtv-video-card--poster {
        flex: 0 0 85vw !important;
        max-width: 85vw !important;
    }

    .dtv-carousel-row:has(.dtv-video-card--poster) {
        justify-content: center !important;
    }
}