/* Video Player Comments */

/* Remove height restrictions from desktop comments */
@media (min-width: 768px) {
    .comment-container {
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
    }

    .video-player-comment {
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
    }
}

/* Keep comment input visible when keyboard opens */
@supports (-webkit-touch-callout: none) {
    /* iOS specific */
    .comment-input-field {
        position: relative;
        z-index: 10;
    }

    /* When input is focused */
    .comment-input-field:focus-within {
        position: sticky;
        bottom: 0;
        background: inherit;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}