/**
 * Event Card Component Styles
 * Tarjeta de evento con fecha, titulo, descripcion, ubicacion y hora
 * Basado en Figma: node 477:17831 (Card Event - Mobile)
 */

.menudos-event-card {
    background-color: var(--wp--preset--color--white, #FFFFFF);
    border: 1px solid var(--wp--preset--color--secondary, #787878);
    border-radius: 16px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

/* Content Container */
.event-card__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

/* Info Section (Title + Description) */
.event-card__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.event-card__title {
    margin: 0;
    font-family: var(--wp--preset--font-family--inter, 'Inter', sans-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.21;
    color: var(--wp--preset--color--text-dark, #333333);
}

.event-card__description {
    margin: 0;
    font-family: var(--wp--preset--font-family--inter, 'Inter', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.21;
    color: var(--wp--preset--color--text-gray, #4F4F4F);
}

/* Details Section (Date + Meta) */
.event-card__details {
    display: flex;
    gap: 8px;
}

/* Date Column */
.event-card__date {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px;
    flex-shrink: 0;
}

.event-card__day {
    font-family: var(--wp--preset--font-family--inter, 'Inter', sans-serif);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.21;
    color: var(--wp--preset--color--text-dark, #333333);
}

.event-card__month {
    font-family: var(--wp--preset--font-family--inter, 'Inter', sans-serif);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.21;
    color: var(--wp--preset--color--primary, #D50032);
    text-transform: capitalize;
}

/* Meta Column (Location + Hour) */
.event-card__meta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    flex: 1;
}

.event-card__location,
.event-card__date-text,
.event-card__hour {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.event-card__icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--wp--preset--color--text-light, #787878);
    margin-top: 2px;
}

.event-card__location-text,
.event-card__date-text-value,
.event-card__hour-text {
    font-family: var(--wp--preset--font-family--inter, 'Inter', sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.21;
    color: var(--wp--preset--color--text-light, #787878);
}

/* Responsive - Desktop */
@media (min-width: 1024px) {
    .event-card__title {
        font-size: 20px;
    }

    .event-card__description {
        font-size: 14px;
    }

    .event-card__content {
        padding: 24px;
        gap: 24px;
    }
}

/* Editor Styles */
.is-admin .menudos-event-card,
.block-editor-block-list__block .menudos-event-card {
    min-height: auto;
}