/* Featured Events — kabdalis2 design system.
   view.js adds .fes.b-card to wrapper at runtime. Each .featured-event-item
   is a row with optional expandable details (.event-details). */

.kabdalis-featured-events.fes{
    padding:var(--card-pad);
    display:flex; flex-direction:column; gap:10px;
}
.fes .featured-events-container,
.fes .featured-events-list-wrapper{
    display:flex; flex-direction:column;
}
.fes .featured-events-list{ display:flex; flex-direction:column; }

.fes .featured-event-item{
    display:flex; flex-direction:column;
    padding:12px 0;
    border-top:1px solid var(--line);
}
.fes .featured-event-item:first-child{ border-top:0; }
.fes .event-header{
    display:flex; align-items:center; gap:14px; min-width:0;
    cursor:pointer;
}
.fes .event-date{
    flex:0 0 auto;
    font-family:var(--font-mono); font-size:.72rem;
    text-transform:uppercase; letter-spacing:.06em; color:var(--accent);
    width:80px;
}
.fes .event-title{
    flex:1; font-weight:600; color:var(--ink); min-width:0;
}
.fes .event-expand-icon{
    flex:0 0 auto; color:var(--ink-soft);
    transition:transform .2s ease;
}
.fes .featured-event-item.has-details .event-expand-icon{ color:var(--accent); }
.fes .featured-event-item[aria-expanded="true"] .event-expand-icon{ transform:rotate(180deg); }

.fes .event-details{
    margin-top:10px; padding:10px 0 4px;
    border-top:1px dashed var(--line);
    color:var(--ink-soft); line-height:1.55; font-size:.9rem;
}
.fes .featured-events-read-more{
    display:inline-flex; align-items:center; gap:6px;
    font-size:.82rem; font-weight:600; color:var(--accent);
    text-decoration:none; cursor:pointer;
    margin-top:8px;
}

/* Loading / config-error states (fetch errors hide the widget instead). */
.fes .featured-events-loading{
    padding:14px 0; color:var(--muted); font-style:italic; font-size:.9rem;
}
.fes .featured-events-error{
    padding:11px 14px; border-radius:var(--radius-sm);
    background:var(--no-bg); color:var(--no); font-size:.9rem; line-height:1.45;
}