/* ═══════════════════════════════════════════════════════════════════════
   TaruCMS Custom Styles
   ═══════════════════════════════════════════════════════════════════════ */

/* ─── Hero Video — Orijinal Oran, Beyaz Zemin ────────────── */
#home {
    overflow: hidden !important;
    background: #ffffff !important;
}

/* Local video: orijinal boyutunda, ortalanmış, beyaz zemin */
#home video {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff;
}

/* YouTube iframe container: beyaz zemin */
#home > div:has(iframe#hero-yt-bg) {
    background: #ffffff !important;
}

/* YouTube iframe: orantılı küçült, ortala */
#home iframe#hero-yt-bg {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


/* Mobil: hero yüksekliğini küçült */
@media (max-width: 767px) {
    #home {
        min-height: 300px !important;
        max-height: 400px !important;
        height: 50vh !important;
    }
    #home .hero-title {
        font-size: clamp(1.2rem, 5vw, 1.8rem) !important;
    }
    #home .hero-slogan {
        font-size: 13px !important;
    }
    #home .hero-text {
        font-size: 0.85rem !important;
    }
}

@media (max-width: 480px) {
    #home {
        min-height: 220px !important;
        max-height: 300px !important;
        height: 40vh !important;
    }
    #home .hero-title {
        font-size: 1rem !important;
    }
}