/*
Theme Name:   WoodMart Child — Еспресо.БГ
Theme URI:    https://espreso.bg
Description:  Child theme for the espreso.bg rebuild, on top of WoodMart. Holds
              only site-specific CSS/PHP so WoodMart updates never overwrite it.
Author:       DomGrid
Template:     woodmart
Version:      0.1.0
Text Domain:  woodmart-child
*/

/* Hero: explicit aspect-ratio so nothing shifts when the video swaps over the
   poster. This is a CLS guard — do not remove. */
.espreso-hero {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #1a1a1a;
}
.espreso-hero__poster,
.espreso-hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.espreso-hero__video { opacity: 0; transition: opacity .4s ease; }
.espreso-hero__video.is-ready { opacity: 1; }

@media (max-width: 1024px) {
    /* Mobile: poster only. The video element is never inserted at all. */
    .espreso-hero { aspect-ratio: 4 / 5; }
}
@media (prefers-reduced-motion: reduce) {
    .espreso-hero__video { display: none !important; }
}