.elementor-4571 .elementor-element.elementor-element-6546e25{--display:flex;}.elementor-4571 .elementor-element.elementor-element-59c85d4{--display:flex;}.elementor-4571 .elementor-element.elementor-element-f5f4096{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-272ad3b *//* ============================================================
   LOLA LOKAAL — MEC List Classic Premium
   Burak'ın kodu + polish
   Appearance > Customize > Additional CSS
   ============================================================ */

/* 1. ARKA PLANLARI SIFIRLA */
#mec_skin_4710,
.mec-skin-list-events-container,
.mec-event-list-classic,
.mec-event-article,
.mec-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* Container ortalama */
#mec_skin_4710 {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 2. AY AYIRICI */
.mec-month-divider {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1rem !important;
    letter-spacing: .15em !important;
    color: rgba(255,255,255,.35) !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    text-transform: uppercase !important;
    padding: .6rem 0 !important;
    margin-bottom: 1.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
}

.mec-month-divider h5 {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1rem !important;
    letter-spacing: .15em !important;
    color: rgba(255,255,255,.4) !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.mec-month-divider i {
    display: none !important;
}

/* 3. EVENT SATIRI */
.mec-event-list-classic .mec-event-article {
    display: flex !important;
    align-items: center !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    margin-bottom: 10px !important;
    transition: all .3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Sol gold accent lijn */
.mec-event-list-classic .mec-event-article::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important; top: 0 !important; bottom: 0 !important;
    width: 3px !important;
    background: rgba(245,197,24,.3) !important;
    transition: background .3s !important;
}

.mec-event-list-classic .mec-event-article:hover {
    background: rgba(245,197,24,.04) !important;
    border-color: rgba(245,197,24,.25) !important;
    transform: translateX(4px) !important;
}

.mec-event-list-classic .mec-event-article:hover::before {
    background: #F5C518 !important;
}

/* Past event */
.mec-event-list-classic .mec-past-event {
    opacity: .65 !important;
}
.mec-event-list-classic .mec-past-event:hover {
    opacity: 1 !important;
}

/* 4. FOTOĞRAF */
.mec-event-list-classic .mec-event-image {
    margin-right: 18px !important;
    flex-shrink: 0 !important;
}

.mec-event-list-classic .mec-event-image img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
    filter: saturate(.75) brightness(.85) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    transition: filter .3s !important;
    display: block !important;
}

.mec-event-list-classic .mec-event-article:hover .mec-event-image img {
    filter: saturate(1.05) brightness(1) !important;
}

/* 5. TARİH */
.mec-event-list-classic .mec-event-date {
    font-family: 'DM Sans', sans-serif !important;
    font-size: .78rem !important;
    font-weight: 500 !important;
    color: #F5C518 !important;
    margin-bottom: 3px !important;
    display: flex !important;
    align-items: center !important;
    gap: .3rem !important;
    white-space: nowrap !important;
}

.mec-event-list-classic .mec-event-date i {
    font-size: .75rem !important;
    opacity: .6 !important;
}

/* 6. SAAT */
.mec-event-list-classic .mec-event-time {
    font-family: 'DM Sans', sans-serif !important;
    font-size: .75rem !important;
    color: rgba(255,255,255,.4) !important;
    display: flex !important;
    align-items: center !important;
    gap: .3rem !important;
    white-space: nowrap !important;
    margin-right: 20px !important;
}

.mec-event-list-classic .mec-event-time i {
    font-size: .72rem !important;
    opacity: .5 !important;
}

.mec-event-list-classic .mec-time-details {
    display: inline !important;
}

/* Tarih + saat wrapper */
.mec-event-list-classic .mec-event-date,
.mec-event-list-classic .mec-event-time {
    margin-bottom: 2px !important;
}

/* Tarih/saat sütunu */
.mec-event-list-classic .mec-event-article > .mec-event-date,
.mec-event-list-classic .mec-event-article > .mec-event-time {
    flex-shrink: 0 !important;
}

/* 7. BAŞLIK */
.mec-event-list-classic .mec-event-title {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .4rem !important;
    margin: 0 0 0 4px !important;
    flex: 1 !important;
}

.mec-event-list-classic .mec-event-title a,
.mec-event-list-classic .mec-event-title a.mec-color-hover {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1.5rem !important;
    color: #fff !important;
    text-decoration: none !important;
    letter-spacing: .04em !important;
    line-height: 1.1 !important;
    transition: color .25s !important;
}

.mec-event-list-classic .mec-event-article:hover .mec-event-title a {
    color: #F5C518 !important;
}

/* 8. RENK NOKTASI */
.mec-event-list-classic .event-color {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 6px currentColor !important;
}

/* 9. KATEGORİ */
.mec-event-list-classic .mec-categories-wrapper {
    display: flex !important;
    align-items: center !important;
    margin-left: 8px !important;
    flex-shrink: 0 !important;
}

.mec-event-list-classic .mec-sl-folder {
    display: none !important;
}

.mec-event-list-classic .mec-categories {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    gap: .3rem !important;
}

.mec-event-list-classic .mec-category a,
.mec-event-list-classic .mec-categories a {
    background: rgba(245,197,24,.08) !important;
    border: 1px solid rgba(245,197,24,.2) !important;
    color: rgba(245,197,24,.8) !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: .62rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    text-decoration: none !important;
    transition: all .25s !important;
    white-space: nowrap !important;
}

.mec-event-list-classic .mec-category a:hover {
    background: #F5C518 !important;
    color: #0d1117 !important;
}

/* Kategori renk dot gizle */
.mec-event-category-color {
    display: none !important;
}

/* 10. MEER LADEN */
.mec-load-more-wrap {
    margin-top: 1.5rem !important;
    padding: 0 !important;
    text-align: center !important;
    background: transparent !important;
}

.mec-load-more-button {
    background: transparent !important;
    border: 1px solid rgba(245,197,24,.3) !important;
    color: #F5C518 !important;
    padding: .7rem 2.2rem !important;
    border-radius: 8px !important;
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1rem !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: inline-block !important;
    transition: all .3s ease !important;
}

.mec-load-more-button:hover {
    background: rgba(245,197,24,.1) !important;
    border-color: #F5C518 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.3) !important;
}

/* MEC kleur vars */
.mec-color { color: #F5C518 !important; }
.mec-bg-color { background-color: #F5C518 !important; }
.mec-color-hover:hover { color: #F5C518 !important; }

/* RESPONSIVE */
@media (max-width: 600px) {
    #mec_skin_4710 { padding: 0 1rem !important; }

    .mec-event-list-classic .mec-event-article {
        flex-wrap: wrap !important;
        padding: 12px 14px !important;
    }

    .mec-event-list-classic .mec-event-image img {
        width: 60px !important;
        height: 60px !important;
    }

    .mec-event-list-classic .mec-event-title a {
        font-size: 1.2rem !important;
    }

    .mec-event-list-classic .mec-event-time {
        margin-right: 10px !important;
    }
}

/* --- MEER LADEN FIX --- */
#mec_skin_4710 .mec-load-more-wrap,
.mec-load-more-wrap {
    background: transparent !important;
    text-align: center !important;
    padding: 1.5rem 0 !important;
    margin-top: 1rem !important;
    clear: both !important;
    width: 100% !important;
    display: block !important;
    float: none !important;
}

#mec_skin_4710 .mec-load-more-button,
.mec-load-more-button {
    display: inline-block !important;
    background: transparent !important;
    border: 1px solid rgba(245,197,24,.35) !important;
    color: #F5C518 !important;
    padding: .7rem 2.2rem !important;
    border-radius: 8px !important;
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1rem !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all .3s ease !important;
    line-height: 1 !important;
    text-decoration: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

#mec_skin_4710 .mec-load-more-button:hover,
.mec-load-more-button:hover {
    background: rgba(245,197,24,.1) !important;
    border-color: #F5C518 !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */