#training-calendar{
max-width:900px;
margin:40px auto;
}

/* Clickable event */
.fc-event{
cursor:pointer;
border:none !important;
background:none !important;
}

/* Bigger day boxes */
.fc-daygrid-day-frame{
min-height:160px !important;
padding:4px;
}

/* Event container */
.training-event{
background: linear-gradient(to bottom, #c49840, #faec93, #e7bf68);
color:black;
padding:10px;
border-radius:10px;
font-size:12px;
line-height:1.4;
white-space:normal;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
transition:0.2s ease;
}

/* Hover effect */
.training-event:hover{
transform:scale(1.03);
}

/* Time */
.event-time{
font-weight:bold;
font-size:13px;
margin-bottom:5px;
display:block;
}

/* Title (NO ticker, wrapped text) */
.event-title{
white-space:normal;
word-break:break-word;
line-height:1.3;
font-weight:500;
margin-bottom:4px;
}

/* Location */
.event-location{
font-size:11px;
margin-top:4px;
opacity:0.9;
white-space:normal;
word-break:break-word;
}

/* Optional: limit very long titles (uncomment if needed) */
/*
.event-title{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
*/

/* Remove old ticker completely */
.event-title span{
display:inline;
padding:0;
animation:none;
}

/* Smooth hover for fullcalendar wrapper */
.fc-event:hover{
transform:scale(1.02);
transition:0.2s;
}

/* Mobile responsive */
@media(max-width:768px){

#training-calendar{
margin:20px auto;
}

.fc-daygrid-day-frame{
min-height:120px !important;
}

.training-event{
font-size:11px;
padding:8px;
}

.event-time{
font-size:12px;
}

.event-location{
font-size:10px;
}

}




/* ========================= */
/* TODAY EVENTS (FORCED STYLE FIX) */
/* ========================= */

.today-events-wrapper{
display:grid !important;
grid-template-columns:repeat(6, 1fr) !important;
gap:15px !important;
margin-top:25px !important;
}

/* Card */
.today-events-wrapper .today-event-card{
background:#ffffff !important;
padding:15px !important;
border-radius:12px !important;
box-shadow:0 6px 15px rgba(0,0,0,0.08) !important;
transition:all 0.25s ease !important;
position:relative !important;
overflow:hidden !important;
}

/* Hover */
.today-events-wrapper .today-event-card:hover{
transform:translateY(-5px) !important;
box-shadow:0 10px 25px rgba(0,0,0,0.15) !important;
}

/* Title */
.today-events-wrapper .today-event-card h4{
font-size:14px !important;
font-weight:600 !important;
margin-bottom:8px !important;
color:#1f2937 !important;
line-height:1.3 !important;
}

/* Text */
.today-events-wrapper .today-event-card p{
font-size:12px !important;
margin:4px 0 !important;
color:#000 !important;
}

/* Button */
.today-events-wrapper .event-btn{
display:inline-block !important;
margin-top:10px !important;
padding:6px 10px !important;
background:linear-gradient(to bottom, #c49840, #faec93, #e7bf68) !important;
color:#000 !important;
border-radius:6px !important;
text-decoration:none !important;
font-size:12px !important;
}

/* Accent */
.today-events-wrapper .today-event-card::before{
content:'' !important;
position:absolute !important;
left:0 !important;
top:0 !important;
height:100% !important;
width:4px !important;
background:linear-gradient(to bottom, #c49840, #faec93, #e7bf68) !important;
}

/* TABLET */
@media(max-width:1024px){
.today-events-wrapper{
grid-template-columns:repeat(4, 1fr) !important;
}
}

/* MOBILE */
@media(max-width:768px){
.today-events-wrapper{
grid-template-columns:repeat(2, 1fr) !important;
}

.today-events-wrapper .today-event-card{
padding:12px !important;
}
}