/* =====================================================
   OVA MEDIA GROUP - visual polish layer (Oct 2026)
   Small, additive refinements only. Remove this file's <link> tag to undo.
   ===================================================== */

/* Posters that don't match their card's shape: fill the empty space with a soft,
   blurred copy of the same artwork instead of flat black bars (no cropping, no stretching) */
.card-poster .ova-poster-fill {
    position:absolute; inset:-12px; z-index:0;
    background-size:cover; background-position:center;
    filter:blur(18px) brightness(0.45) saturate(1.15);
    transform:scale(1.08);
    pointer-events:none;
}
.card-poster img { position:relative; z-index:1; }
.card-poster .ova-poster-fill ~ img { background:transparent !important; }

/* Consistent card titles: one tidy line with ellipsis, same weight everywhere */
.card-poster-title {
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    max-width:calc(100% - 28px);
    letter-spacing:0.005em;
}
.classic-card-title {
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; line-height:1.3;
}
.classic-card-genre {
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Smoother, consistent hover lift on all poster cards */
.card-inner, .classic-card {
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

/* Slightly tighter vertical rhythm between homepage rows */
@media (min-width: 769px) {
    .content-section { padding-top:56px; }
}
@media (max-width: 768px) {
    .content-section { padding-top:40px; }
}

/* Section headers: align the "See All" link with the title baseline */
.section-header { align-items:flex-end; }
.see-all-link { white-space:nowrap; }

/* Ova Viva row: "More Coming Soon" card matches the height of its neighbours */
.viva-cards { align-items:stretch; }
.viva-cards > .viva-card { align-self:stretch; }

/* Buttons: consistent text rendering */
.hero-btn-watch, .hero-btn-info, .btn-hero-watch, .btn-hero-browse { letter-spacing:0.01em; }

/* Keyboard focus visible on cards and buttons (accessibility) */
.card-slot:focus-visible, .classic-card:focus-visible, .see-all-link:focus-visible, .filter-pill:focus-visible {
    outline:2px solid #E84393; outline-offset:3px; border-radius:12px;
}