/* FORCE FONT OVERRIDE – FINAL FIX */


body, h1, h2, h3, h4, h5, h6,
.uk-heading,
.heading,
.title {
  font-family: cursive !important;
}


/* ================= MEETING LOBBY HEADER ================= */

.lobby-header{
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
    padding:12px 0;
    position:sticky;
    top:0;
    z-index:1000;
}

.dark .lobby-header{
    background:#111827;
    border-bottom:1px solid #1f2937;
}
/* ===== Theme Page Background ===== */

body{
    background: #f3e8dd;
}

/* Dark mode safe */
.dark body{
    background: #0f172a;
}
.uc-section{
    min-height: 85vh;
    display: flex;
    align-items: center;
}

.lobby-header-pro{
    background: rgba(243,232,221,0.7);
    backdrop-filter: blur(10px);
}

.panel{
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.panel{
  border-radius: 18px;
}

.form-control{
  height: 48px;
  border-radius: 12px;
}

.btn{
  border-radius: 12px;
  font-weight: 600;
}
/* CAMERA PREVIEW BOX */
.camera-preview-box{
height: 420px;
background: #111827;
}

.dark .camera-preview-box{
background: #000;
}

/* CAMERA PLACEHOLDER */
.camera-placeholder{
height: 100%;
color: white;
}

/* CAMERA CONTROLS */
.camera-controls{
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 14px;
}

.control-btn{
width: 50px;
height: 50px;
border-radius: 50%;
border: none;
background: white;
box-shadow: 0 5px 15px rgba(0,0,0,0.15);
font-size: 18px;
}

.control-btn.danger{
background: #ef4444;
color: white;
}

/* INPUT + BUTTON POLISH */
.form-control{
height: 48px;
border-radius: 12px;
}

.btn{
border-radius: 12px;
font-weight: 600;
}