/*
Theme Name: Appy Days
Theme URI: https://appydays.online
Author: Stephen Ramsay
Description: A clean and simple theme for Appy Days
Version: 1.0
*/
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevents scrolling if video fills screen */
    background: #000; /* Fallback black background */
}

.video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99;
}

#background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  
    width: auto;
    height: auto;
    object-fit: contain; /* Crops to fill while preserving aspect ratio */
}


    @media (max-width: 767px) {
    #background-video {
            width: 90vw;
            max-width:90%;
            height: 177.78vw; /* 16/9 * 100vw = vertical video height based on width */
            max-height: 100vh; /* Don't exceed screen height */
            /*object-fit: contain; */
        }
    }



/* TikTok-style: Full screen on mobile/portrait, centered box on desktop/landscape */
@media (min-aspect-ratio: 10/16) { /* Wider than ~9:16 (typical desktop) */
    #background-video {
        width: 56.25vh; /* 9/16 * 100vh = vertical video width based on height */
        height: 100vh;
        max-width: 100vw; /* Don't exceed screen width */
        object-fit: contain; /* Crops to fill while preserving aspect ratio */
    }
}