/* =============================================================
   DISE Festival — Stile Card Evento
   File: /wp-content/themes/YOUR-THEME/css/dise-events.css
   (oppure incollare in: Personalizza > CSS aggiuntivo)
   ============================================================= */

/* ── Font ────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Jost:wght@300;400;500&display=swap');

/* ── Token colore ────────────────────────────────────────────── */
:root {
    --dise-bg:          #F9F7F4;   /* crema chiaro */
    --dise-surface:     #FFFFFF;
    --dise-text:        #1A1A1A;
    --dise-text-muted:  #888880;
    --dise-accent:      #C0392B;   /* rosso/arancio categoria */
    --dise-border:      #E8E4DE;
    --dise-overlay:     rgba(0, 0, 0, 0.55);
    --dise-radius:      0px;       /* angoli netti, stile editoriale */
    --dise-shadow:      0 2px 18px rgba(0,0,0,0.08);
    --dise-shadow-hover:0 8px 32px rgba(0,0,0,0.14);
    --dise-transition:  0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ── Griglia lista eventi ─────────────────────────────────────── */
.tribe-events-calendar,
.tribe-events-pro-photo,
.tribe-common-g-row.tribe-common-g-row--gutters,
.tribe-events-list {
    background: var(--dise-bg);
}

.tribe-common-g-row{
    padding:20px 0 0 20px ;
    border-radius: 0 12px 12px 12px;
    overflow: hidden;
}

.tribe-events-calendar-latest-past__event-date-tag{
    height: 100px;
    background-color: #ddd;
    padding: 10px 0;
    border-radius: 12px 0 0 12px;
    padding:20px 0 0 0 !important;
}
.tribe-events-calendar-latest-past__event-details{
    padding:20px !important;
}

.tribe-events-calendar-latest-past__event-featured-image-wrapper{
    padding:0;
}

/* Override griglia TEC: 3 colonne su desktop */
.tribe-common .tribe-common-g-col {
    padding: 0 12px;
}

/* ── Card wrapper ────────────────────────────────────────────── */
.dise-event-card {
    background: var(--dise-surface);
    border: 1px solid var(--dise-border);
    border-radius: var(--dise-radius);
    overflow: hidden;
    box-shadow: var(--dise-shadow);
    transition: box-shadow var(--dise-transition), transform var(--dise-transition);
    margin-bottom: 28px;
}

.dise-event-card:hover {
    box-shadow: var(--dise-shadow-hover);
    transform: translateY(-3px);
}

/* ── Link interno (tutta la card è cliccabile) ───────────────── */
.dise-event-card__inner {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* ── Immagine ────────────────────────────────────────────────── */
.dise-event-card__media {
    position: relative;
    width: 100%;
    padding-top: 62%;   /* aspect ratio ~16:10 */
    overflow: hidden;
    background: #111;
}

.dise-event-card__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
    display: block;
}

.dise-event-card:hover .dise-event-card__img {
    transform: scale(1.04);
}

.dise-event-card__img-overlay {
    position: absolute;
    inset: 0;
    background: var(--dise-overlay);
    pointer-events: none;
}

/* ── Corpo testo ─────────────────────────────────────────────── */
.dise-event-card__body {
    padding: 22px 24px 24px;
}

/* ── Categoria ───────────────────────────────────────────────── */
.dise-event-card__category {
    display: block;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    color: var(--dise-accent);
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* ── Titolo ──────────────────────────────────────────────────── */
.dise-event-card__title {
    font-family: 'Cormorant Garamond', 'Georgia', serif;
    font-weight: 700;
    font-size: clamp(1.2rem, 2.2vw, 1.6rem);
    line-height: 1.18;
    color: var(--dise-text);
    margin: 0 0 14px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* ── Date ────────────────────────────────────────────────────── */
.dise-event-card__date {
    font-family: 'Jost', sans-serif;
    font-weight: 300;
    font-size: 0.82rem;
    color: var(--dise-text-muted);
    margin: 0 0 6px;
    letter-spacing: 0.04em;
}

/* ── Venue (opzionale) ───────────────────────────────────────── */
.dise-event-card__venue {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 0.78rem;
    color: var(--dise-text-muted);
    margin: 0;
    opacity: 0.7;
}

/* ── Separatore data (–) ─────────────────────────────────────── */
.dise-event-card__date-sep {
    display: inline-block;
    margin: 0 4px;
}

/* ── Versione lista (layout orizzontale) ─────────────────────── */
@media (min-width: 640px) {
    .dise-events-list .dise-event-card__inner {
        display: flex;
        align-items: stretch;
    }

    .dise-events-list .dise-event-card__media {
        width: 220px;
        min-width: 220px;
        padding-top: 0;
        flex-shrink: 0;
    }

    .dise-events-list .dise-event-card__img {
        position: absolute;
        height: 100%;
    }

    .dise-events-list .dise-event-card__body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 28px;
    }
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 480px) {
    .dise-event-card__body {
        padding: 16px 18px 20px;
    }

    .dise-event-card__title {
        font-size: 1.15rem;
    }
}