/* SEARCH BAR */

.tsc-search {

    display: flex;

    gap: 14px;

    margin-bottom: 40px;

}



.tsc-search input,

.tsc-search select {

    padding: 12px;

    width: 100%;
        background: black;
    border-radius: 6px;

    border: 1px solid #ddd;

}



/* GRID */

.tsc-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

    gap: 40px;

}



/* CARD */

.event-card-unique {

    position: relative;

    padding-top: 70px;

    border-radius: 22px;

    overflow: hidden;

    text-decoration: none;

    color: #fff;

    transition: transform .35s ease, box-shadow .35s ease;

}



.event-card-unique:hover {

    transform: translateY(-10px);

    box-shadow: 0 25px 50px rgba(0,0,0,.35);

}



/* GRADIENT */

.event-card-bg {

    position: absolute;

    inset: 0;

    background: linear-gradient(135deg, #cd58f3 0%, #263c89 100%);

    z-index: 1;

}



/* LOGO */

.event-logo-unique {

    position: absolute;

    top: 0px;

    left: 50%;

    transform: translateX(-50%);

    width: 68px;

    height: 68px;

    background: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 33;

    box-shadow: 0 10px 30px rgba(0,0,0,.25);

}

.event-logo-unique img {

    max-width: 70%;

    max-height: 70%;

    object-fit: contain;

}



/* CONTENT */

.event-content-unique {

    position: relative;

    z-index: 2;

    background: rgba(0,0,0,.35);

    backdrop-filter: blur(6px);

    text-align: center;

    padding: 55px 20px 24px;

    border-radius: 0 0 22px 22px;

}



/* DATE */

.event-date-unique {

    display: inline-block;

    background: #fff;

    color: #263c89;

    font-size: 13px;

    font-weight: 700;

    padding: 6px 16px;

    border-radius: 30px;

    margin-bottom: 14px;

}



/* TITLE */

.event-title-unique {

    font-size: 16px;

    font-weight: 700;

    margin: 0 0 6px;

    text-transform: uppercase;

}



/* LOCATION */

.event-location-unique {

    font-size: 13px;

    opacity: .85;

    margin: 0;

}

