/* Basic styles for SHD Events */

.shd-event-header {
    border: 1px solid #eee;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    background: #fafafa;
    font-size: 0.95rem;
}

.shd-event-header-meta > div {
    margin-bottom: 0.25rem;
}

.shd-event-request-notice {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #e6ffed;
    border-left: 4px solid #46b450;
}

/* Event request form */

.shd-event-request {
    margin-top: 1.5rem;
    padding: 1rem 1.25rem;
    border: 1px solid #eee;
    background: #fcfcfc;
}

/* Event list grid */

.shd-events-list-grid .shd-events-grid-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.shd-events-list-grid .shd-event-card {
    flex: 1 1 260px;
    border: 1px solid #eee;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.shd-event-card-image img {
    display: block;
    width: 100%;
    height: auto;
}

.shd-event-card-body {
    padding: 0.75rem 1rem 1rem;
}

.shd-event-card-meta {
    font-size: 0.9rem;
    opacity: 0.8;
    margin-bottom: 0.25rem;
}

.shd-event-card-excerpt {
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

/* Event list (list layout) */

.shd-events-list-list .shd-events-list-inner {
    list-style: none;
    margin: 0;
    padding: 0;
}

.shd-events-list-list .shd-event-list-item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #eee;
    padding: 0.75rem 0;
    gap: 1rem;
}

.shd-event-list-date {
    min-width: 120px;
    font-size: 0.9rem;
}

.shd-event-list-title {
    margin: 0 0 0.25rem 0;
}

/* Calendar */

.shd-events-calendar-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5rem;
}

.shd-events-calendar-table th,
.shd-events-calendar-table td {
    border: 1px solid #eee;
    vertical-align: top;
    padding: 0.25rem;
    font-size: 0.85rem;
}

.shd-events-calendar-day-number {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.shd-events-calendar-events {
    list-style: none;
    margin: 0;
    padding: 0;
}

.shd-events-calendar-event a {
    text-decoration: none;
    display: block;
    margin-bottom: 0.15rem;
}