#agenda-data {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.agenda-dates > li {

}

.agenda-items {
    margin-top: 1rem;
}

.agenda-items  li {
    margin-top: 1rem;
}

    .agenda-items li ul li {
        margin-left:2rem;
        list-style-type:initial;
    }

/* ============================
   Accordion Button
   ============================ */
.agenda-date-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.5rem 16px;
    border-top: 1px #e5e7eb solid;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin:0;
}



/* Active (open) state */
li.open .agenda-date-btn {
    border:inherit;
}

/* Text inside the button */
.agenda-date {
    flex: 1;
    text-align: left;
}

/* Icon on the right */
.agenda-date-btn .icon {
    font-size: 20px;
    width: 40px;
    height:40px;
    text-align: center;
    transition: transform 0.2s ease;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23B29161'/%3E%3Cpath d='M12 20.6154V19.3846H19.3846V12H20.6154V19.3846H28V20.6154H20.6154V28H19.3846V20.6154H12Z' fill='white'/%3E%3C/svg%3E%0A");
}


/* Rotate icon when open (optional) */
li.open .agenda-date-btn .icon {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.000244141' width='40' height='40' rx='20' fill='%23B29161'/%3E%3Cg clip-path='url(%23clip0_319_41038)'%3E%3Cpath d='M14 20.4837V19.5237H26V20.4837H14Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_319_41038'%3E%3Crect width='12' height='1' fill='white' transform='translate(14 19.5002)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* ============================
   Accordion Content
   ============================ */

.agenda-date-results {
    padding: 12px 16px;
    margin-bottom: 10px;

   
    display: none; /* hidden by default */
}

/* When open, show content */
li.open .agenda-date-results {
    display: block;
}


/* ============================
   Dark Mode (optional)
   ============================ */

@media (prefers-color-scheme: dark) {
    .agenda-date-btn {
        background: #2b2b2b;
        border-color: #444;
        color: #eee;
    }

    .agenda-date-btn:hover {
        background: #333;
        border-color: #555;
    }

    li.open .agenda-date-btn {
        background: #1f2a40;
        border-color: #4d7cff;
    }

    .agenda-date-results {
        background: #1e1e1e;
        border-left-color: #4d7cff;
        color: #ddd;
    }
}