/* ==========================================================================
   Meeting Results (table-like div layout)
   Block: .meeting-results
   ========================================================================== */

.meeting-results {
    width: 100%;
}

/* Optional wrapper */
.meeting-results__table {
    width: 100%;
}

/* Shared row styles */
.meeting-results__table {
  --meeting-cols:
    minmax(0, 1.1fr)  /* time/day */
    minmax(0, 1fr)    /* types */
    minmax(0, 1.2fr)  /* language/literature */
    minmax(0, 2fr)    /* name/location */
    minmax(0, 1.4fr)  /* topics/focus */
    minmax(0, 0.8fr)  /* group # */
    1.33rem;             /* icon/actions */
}
.meeting-results__tr {
    display: grid;
    grid-template-columns: var(--meeting-cols);
    column-gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid currentColor;
    border-bottom-color: rgba(0, 0, 0, 0.12);
}

.meeting-results__th,
.meeting-results__td { 
    min-width: 0; 
    overflow: hidden;
    text-overflow: ellipsis;
}


.meeting-results__td {
  min-width: 0; /* allows wrapping inside grid items */
}

.meeting-results__td .meeting-lang {
    font-weight: 700;
}

.meeting-results__td--name-location,
.meeting-results__meta {
  overflow-wrap: anywhere;
}

.meeting-results__tr:not(.meeting-results__tr--head):nth-child(odd) {
    background-color: #fff;
}

/* Header row */
.meeting-results__tr--head {
   padding: 0 0 1rem 0;
}

/* Cells */
.meeting-results__th,
.meeting-results__td {
    min-width: 0; /* allow text to wrap */
}

.meeting-results__td .row-label {
    display: none;
}

/* Column tweaks */
.meeting-results__th--icons,
.meeting-results__td--icons {
    justify-self: end;
    white-space: nowrap;
    width: 2rem;
}

.meeting-results__th--time-day,
.meeting-results__td--time-day {
    padding-inline-start: 0.75rem;
}
.meeting-results__td--time-day {
    font-size: 1.2rem;
}
span.meeting-results__time-day-day,
span.meeting-results__time-day-time {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meeting-results__td--types span {
    display: block;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 1rem;
    padding-inline-start: 1.5rem;
}

/* Type icons */
.meeting-results__td--types span.meeting-results__type--face-to-face {
    background-image: url("../../assets/img/users.svg");
}
.meeting-results__td--types span.meeting-results__type--online {
    background-image: url("../../assets/img/webcam.svg");
}
.meeting-results__td--types span.meeting-results__type--phone {
    background-image: url("../../assets/img/phone.svg");
}
.meeting-results__td--types span.meeting-results__type--non-real-time {
    background-image: url("../../assets/img/chat-circles.svg");
}

/* Make “Name/Location” breathe a bit */
.meeting-results__td--name-location {
    line-height: 1.3;
}

.meeting-results__td--meeting-number {
    white-space: nowrap;
}

/* Hover/focus states for clickable rows */
.meeting-results__tr[data-permalink] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.meeting-results__tr[data-permalink]:hover {
    background-color: var(--wp--preset--color--accent-1);
}

.meeting-results__tr[data-permalink]:focus-visible {
    outline: 2px solid var(--wp--preset--color--accent-2);
    outline-offset: 2px;
}

.meeting-results__tr .icon--accessibility {
    width: 1.33rem;
    height: 1.33rem;
    display: inline-block;
    background-image: url("../../assets/img/accessibility.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding-inline-end: 2rem;
}

/* Loader */
.meeting-results__loader {
    background-image: url("../../assets/img/spinner-dots.svg");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 2rem 2rem;
    padding-inline-start: 3.5rem;
    filter: invert(1);
}
.meeting-results__loader span {
    filter: invert(1);
}

/* RTL adjustments */
[dir="rtl"] .meeting-results__th--icons,
[dir="rtl"] .meeting-results__td--icons {
    justify-self: start;
}

[dir="rtl"] .meeting-results__td--types span {
    background-position: 100% center;
}

[dir="rtl"] .meeting-results__tr .icon--accessibility {
    padding-inline-end: 0;
}

[dir="rtl"] .meeting-results__loader {
    background-position: 100% center;
}


/* Responsive: stack into label/value rows */
@media (max-width: 960px) {
    .meeting-results__tr {
        grid-template-columns: 1fr;
        gap: 0.35rem;
        padding: 1rem;
    }
    .meeting-results__td--time-day {
        padding-inline: 0;
    }
    .meeting-filters__group--top .meeting-filters__label {
        min-width: 7.222rem;
    }

    .meeting-results__td .row-label {
        display: inline-block;
    }

    span.meeting-results__time-day-day,
    span.meeting-results__time-day-time {
        display: inline;
    }

    .meeting-filters__field--service-bodies {
        margin-top: 2rem;
    }
   
    /* Hide header on small screens */
    .meeting-results__thead {
        display: none;
    }

    .meeting-results__td--icons {
        justify-self: start;
        padding-top: 0.25rem;
    }
}