/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/


.popupmenu {
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.headhero-img img {
	width: 100%;
}

.mapstyle {
	filter: grayscale(100%);
	transition-duration: 700ms
}

.mapstyle:hover {
	filter: grayscale(0%);
}

.resimgri {
    filter: grayscale(100%);
    transition: filter 0.5s ease; 
}

.resimgri:hover {
    filter: grayscale(0%);
}


.habergorsel {
    filter: grayscale(100%);
    transition: filter 0.5s ease; 
}

.habergorsel:hover {
    filter: grayscale(0%);
}


/* ==========================================================================
   ETKİNLİK VE FUAR TAKVİMİ - SCROLLABLE COMPACT VIEW
   ========================================================================== */

.custom-calendar-wrapper {
    display: flex;
    gap: 30px;
    background: #fff;
    padding: 50px;
    width: 100%;
    box-sizing: border-box;
}

/* Sidebar */
.calendar-sidebar {
    width: 320px;
    flex-shrink: 0;
    border-right: 1px solid #eee;
    padding-right: 25px;
}

.calendar-sidebar h3 { font-size: 20px; font-weight: 800; margin-bottom: 25px; }

.yearly-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.yearly-list li { background: #fff; border: 1px solid #eee; margin-bottom: 12px; border-radius: 4px; transition: 0.3s; }
.list-item-content { display: flex; align-items: center; padding: 12px 15px; gap: 12px; }
.event-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }

/* Kategori Renkleri */
.cat-fuarlar .event-dot, .day-cell .cat-fuarlar { background-color: #b21f24 !important; }
.cat-etkinlikler .event-dot, .day-cell .cat-etkinlikler { background-color: #1f4bb2 !important; }

/* Calendar Main */
.calendar-main { flex-grow: 1; min-width: 0; }
.calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.calendar-header h2 { font-size: 24px; font-weight: 800; }

.calendar-grid { 
    display: grid; 
    grid-template-columns: repeat(7, 1fr); 
    border-top: 1px solid #eee; 
    border-left: 1px solid #eee; 
    width: 100%;
}

.day-name { background: #f8f8f8; padding: 12px; text-align: center; font-weight: 700; font-size: 12px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.day-cell { min-height: 110px; padding: 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.day-num { font-weight: 700; font-size: 16px; margin-bottom: 5px; display: block; }

/* Masaüstündeki Kutular Mobilde de Aynı Kalsın */
.event-box {
    margin-top: 5px;
    padding: 4px 8px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}

/* ==========================================================================
   MOBİL DÜZENLEMELER (ÖNEMLİ: TAŞMAYI ÖNLER)
   ========================================================================== */
@media (max-width: 950px) {
    .custom-calendar-wrapper { flex-direction: column; padding: 20px; }
    .calendar-sidebar { width: 100%; border-right: none; padding-right: 0; margin-bottom: 20px; }

    /* Takvim Alanına Yatay Scroll Ekle */
    .calendar-main { 
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch; 
        padding-bottom: 10px;
    }
    
    /* Takvimin çok daralmasını engelle, böylece kutular okunur kalır */
    .calendar-grid { 
        min-width: 750px; /* Bu değer takvimin mobilde ne kadar geniş duracağını belirler */
    }

    .day-cell { min-height: 90px; }
}