/**
 * JupiterMeet — Frontend Styles
 *
 * Minimal styles for the meeting iframe wrapper.
 *
 * @package JupiterMeet
 */

/* ── Meeting wrapper ─────────────────────────── */

.jupitermeet-meeting-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 2em 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    background: #000;
    /* Ensure it handles full-width in most themes */
    display: block;
    clear: both;
}

.jupitermeet-meeting-wrapper iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 400px;
    border: none;
    aspect-ratio: 16 / 9; /* Modern browsers will respect this if height is auto */
}

/* ── Error message ───────────────────────────── */

.jupitermeet-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
}