/* --- MODERN UI UPDATES --- */
    .results-hero { text-align: center; margin: 40px 0 30px; }
    .section-title { font-family: 'Oswald', sans-serif; font-size: 2.8rem; font-weight: 700; color: #1e293b; text-transform: uppercase; }
    .section-title span { color: var(--aloha-red); }

    .back-link {
        display: inline-flex; align-items: center; gap: 8px; color: #64748b;
        text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: 0.2s;
    }
    .back-link:hover { color: var(--aloha-red); }

    /* Filter Card */
    .filter-card-premium {
        background: #fff; padding: 25px; border-radius: 20px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05); margin-bottom: 40px;
        border: 1px solid rgba(0,0,0,0.03);
    }

    .filter-flex { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }

    /* Modern Search Input */
    .search-wrapper { position: relative; flex-grow: 1; min-width: 280px; }
    .search-wrapper i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #94a3b8; }
    .search-input-modern {
        width: 100%; padding: 12px 15px 12px 45px; border-radius: 50px;
        border: 2px solid #f1f5f9; background: #f8fafc; font-size: 1rem;
        transition: all 0.3s ease;
    }
    .search-input-modern:focus { border-color: var(--aloha-red); outline: none; background: #fff; box-shadow: 0 0 0 4px rgba(214, 54, 56, 0.1); }

    /* Year Buttons */
    .year-nav { display: flex; gap: 8px; flex-wrap: wrap; }
    .year-pill {
        padding: 8px 18px; border-radius: 50px; background: #f1f5f9;
        color: #64748b; text-decoration: none; font-weight: 700; font-size: 0.85rem;
        transition: all 0.2s; border: 1px solid transparent;
    }
    .year-pill:hover { background: #e2e8f0; color: #1e293b; }
    .year-pill.active { background: #1e293b; color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.15); }

    /* --- NEW LIST VIEW STYLES --- */
    .event-list-container {
        background: #fff; border-radius: 24px; overflow: hidden;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.02);
    }
    .event-list-table { width: 100%; border-collapse: collapse; }
    .event-list-table th {
        background: var(--slate-50); padding: 18px 25px; text-align: left;
        font-family: 'Oswald', sans-serif; text-transform: uppercase;
        letter-spacing: 1px; font-size: 0.85rem; color: var(--slate-400);
        border-bottom: 1px solid #f1f5f9;
    }
    .event-list-row { transition: all 0.2s; border-bottom: 1px solid #f1f5f9; cursor: pointer; }
    .event-list-row:last-child { border-bottom: none; }
    .event-list-row:hover { background: #fff1f1; }

    .event-list-cell { padding: 20px 25px; vertical-align: middle; }

    .list-logo-wrapper { width: 60px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--slate-50); border-radius: 8px; padding: 5px; }
    .list-logo-img { max-width: 100%; max-height: 100%; object-fit: contain; }

    .list-date { font-weight: 800; font-family: 'Oswald', sans-serif; color: var(--dark-blue); font-size: 1rem; white-space: nowrap; }
    .list-title { font-family: 'Oswald', sans-serif; font-size: 1.2rem; margin: 0; color: var(--dark-blue); text-transform: uppercase; }
    .list-location { color: var(--slate-400); font-size: 0.85rem; display: flex; align-items: center; gap: 4px; margin-top: 2px; }

    /* Aloha Button Style */
    .btn-aloha {
        display: inline-flex; align-items: center; justify-content: center;
        background: var(--aloha-red); color: #fff; padding: 10px 20px; border-radius: 50px;
        font-weight: 700; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.5px;
        text-decoration: none; transition: 0.3s; box-shadow: 0 4px 12px rgba(214, 54, 56, 0.2);
    }
    .btn-aloha:hover { background: #b52a2c; transform: scale(1.05); color: #fff; box-shadow: 0 6px 20px rgba(214, 54, 56, 0.3); }

    .status-badge {
        display: inline-flex; align-items: center; gap: 5px;
        background: #ecfdf5; color: #10b981; padding: 5px 12px;
        border-radius: 50px; font-weight: 800; font-size: 0.65rem; text-transform: uppercase;
    }

    @media (max-width: 768px) {
        .hide-mobile { display: none; }
        .event-list-cell { padding: 15px; }
    }