/* hide title */
.otree-title {
        display: none;
        }

.otree-body {
    max-width: 100vw;
    max-height: 100vh;
    padding: 0px;
    margin: 0px;
}

.full-height {
    max-height: 100vh;
}

    /* Media Query for smaller screens */
    @media (max-width: 600px) {
        .poster h4 {
            font-size: 1.2em; /* smaller font size for smaller screens */
            text-align: left; /* align text to the left */
        }
    }

    /* Media Query for dark mode preference */
    @media (prefers-color-scheme: dark) {
        .poster h4 {
            color: #ddd; /* Lighter color for better contrast in dark mode */
        }
    }

    /* Media Query for reduced motion preference */
    @media (prefers-reduced-motion: reduce) {
        .poster h4 {
            font-weight: normal; /* adjust font weight for reduced motion */
        }
    }

    /* Responsive font size based on viewport width */
    .poster h4 {
        font-size: 2vw; /* adjust font size based on viewport width */
    }

    .img-fit {
        object-fit: cover; /* Add this */
    }


/*iframes*/
.iframe-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

/* Done browsing button pop-in */
@keyframes btn-appear {
    0%   { transform: scale(0.7); opacity: 0; }
    70%  { transform: scale(1.08); opacity: 1; }
    100% { transform: scale(1);   opacity: 1; }
}
.btn-appear {
    animation: btn-appear 0.4s ease-out forwards;
}

/* Lottery CTA pulse */
@keyframes lottery-pulse {
    0%, 100% { box-shadow: 0 0 8px 2px rgba(0, 154, 68, 0.6); }
    50%       { box-shadow: 0 0 20px 8px rgba(0, 154, 68, 0.0); }
}
.lottery-cta {
    animation: lottery-pulse 1.5s ease-in-out infinite;
}