.agenda-page{
max-width:1100px;
margin:auto;
padding:20px;
font-family:Arial, sans-serif;
}


/* HEADER */

.agenda-header{
text-align:center;
margin-bottom:25px;
}

.agenda-logo{
max-width:220px;
margin-bottom:8px;
}

.tagline{
color:#626365;
font-size:15px;
margin-top:6px;
}


/* DAY TABS */

.agenda-day-tabs{
display:flex;
gap:10px;
justify-content:center;
flex-wrap:wrap;
margin-bottom:25px;
position:sticky;
top:80px;
background:white;
z-index:50;
padding:10px 0;
border-bottom:1px solid #eee;
}

.day-tab{
border:none;
background:#05367B;
color:white;
padding:10px 16px;
border-radius:6px;
font-weight:600;
cursor:pointer;
transition:background .2s ease;
}

.day-tab:hover{
background:#305CDE;
}

.day-tab.active{
background:#305CDE;
}


/* SESSION CARD */

.session-card{
background:white;
border-radius:10px;
padding:18px;
margin-bottom:14px;
border:1px solid #e5e5e5;
box-shadow:0 4px 10px rgba(0,0,0,0.05);
position:relative;
}


.session-time{
font-weight:700;
font-size:15px;
color:#05367B;
}

.session-title{
font-size:18px;
font-weight:600;
margin-top:4px;
}

.session-type{
font-size:14px;
color:#555;
margin-top:8px;
line-height:1.6;
}


/* ROOM BADGES */

.session-room{
margin-top:10px;
}

.room-badge{
display:inline-block;
padding:4px 10px;
border-radius:14px;
font-size:12px;
font-weight:600;
color:white;
margin-right:6px;
}

.room-windsong{
background:#305CDE;
}

.room-prefunction{
background:#626365;
}

.room-outdoor{
background:#28a745;
}


/* LIVE SESSION */

.live-now{
border:2px solid #ff7a00;
box-shadow:0 0 10px rgba(255,122,0,.4);
}

.live-indicator{
position:absolute;
top:-10px;
right:14px;
background:#ff7a00;
color:white;
font-size:11px;
font-weight:700;
padding:4px 8px;
border-radius:4px;
}


/* BREAKOUT TABLE */

.breakout-table{
width:100%;
border-collapse:collapse;
margin-top:12px;
font-size:14px;
}

.breakout-table th{
background:#05367B;
color:white;
padding:8px;
}

.breakout-table td{
border:1px solid #ddd;
padding:8px;
text-align:center;
}


/* CHECKOUT HIGHLIGHT */

.checkout-highlight{
border:2px solid #305CDE;
background:#eef3ff;
}


/* DAY VISIBILITY */

.agenda-day{
display:none;
}

.agenda-day.active{
display:block;
}


/* MOBILE */

@media (max-width:768px){

.agenda-page{
padding:15px;
}

.session-card{
padding:16px;
}

.session-title{
font-size:16px;
}

.session-type{
font-size:13px;
}

.day-tab{
flex:1;
font-size:14px;
padding:10px;
}

.breakout-table{
font-size:12px;
}

}



/* =================================================
BREAKOUT BUTTONS (NEW)
================================================= */

.breakout-btn{

background:#eef3ff;
border:1px solid #c9d5ff;
color:#05367B;

padding:6px 12px;
border-radius:8px;

font-size:14px;
font-weight:600;

cursor:pointer;
display:inline-block;

margin:4px 4px;

transition:all .15s ease;

}

.breakout-btn:hover{

background:#305CDE;
color:white;
border-color:#305CDE;

}

.breakout-btn:active{
transform:scale(.96);
}



/* =================================================
BREAKOUT MODAL (NEW)
================================================= */

.breakout-modal{

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.55);

display:none;
align-items:center;
justify-content:center;

z-index:9999;

}

.breakout-modal-card{

background:white;
padding:28px;

border-radius:14px;

width:90%;
max-width:420px;

box-shadow:0 20px 60px rgba(0,0,0,.3);

}

.modal-header{

display:flex;
justify-content:space-between;
align-items:center;

font-size:20px;
font-weight:700;

color:#05367B;

margin-bottom:14px;

}

#modalClose{

background:none;
border:none;

font-size:20px;
cursor:pointer;

}

.modal-meta{

font-size:14px;
color:#626365;

margin-bottom:16px;

}

.reserve-seat-btn{

display:block;

background:#305CDE;
color:white;

padding:12px 16px;

text-align:center;
border-radius:8px;

font-weight:600;
margin-top:20px;

text-decoration:none;

}

.reserve-seat-btn:hover{
background:#05367B;
}