/* components.css */

/* Accordion Styles */
.accordion-button {
    text-align: left;
    background-color: var(--primary-color);
    color: var(--button-text-color);
}

.accordion-button:hover {
    background-color: var(--button-primary-hover-bg);
    color: var(--button-primary-hover-color);
}

/* Category Header */
.category-header {
    background-color: var(--section-title-background);
    text-align: center;
    padding: 5px;
    font-size: 1.1em;
}

/* Sections */
section {
    margin: 20px;
    flex: 1;
    background-color: var(--section-background);
    box-shadow: 0 0 5px var(--container-shadow);
}

/* No Activities Message */
.no-activities-message {
    padding: 20px;
    background-color: var(--message-background-light);
    border: 1px solid var(--message-border-light);
    text-align: center;
    font-style: italic;
}

/* Carousel Item */
.carousel-item img {
    height: 50vh;
    object-fit: cover;
}