/*
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:*/


/*kurulus seması*/
/* Ana Kapsayıcı */
.wp-tl-84x-wrapper {
	max-width: 900px;
	margin: 40px auto;
	overflow: hidden;
}

/* Her Bir Tarih Satırı */
.wp-tl-84x-item {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

/* Çift sıralı öğeleri ters çevir (Görseldeki gibi sağ-sol çapraz düzen) */
.wp-tl-84x-item:nth-child(even) {
	flex-direction: row-reverse;
}

/* İçerik ve Yıl Alanları */
.wp-tl-84x-content, 
.wp-tl-84x-year {
	flex: 1;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}

/* Metin Hizalamaları */
.wp-tl-84x-content { text-align: right; }
.wp-tl-84x-year { text-align: left; }

.wp-tl-84x-item:nth-child(even) .wp-tl-84x-content { text-align: left; }
.wp-tl-84x-item:nth-child(even) .wp-tl-84x-year { text-align: right; }

/* Merkez Çizgi ve Nokta Kapsayıcısı */
.wp-tl-84x-center {
	width: 60px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* Dikey Omurga Çizgisi */
.wp-tl-84x-center::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #0094d9; /* Tek (Odd) satırlar için açık mavi */
	z-index: 1;
}

/* Çizginin başlangıç ve bitiş noktalarını taşırmama */
.wp-tl-84x-item:first-child .wp-tl-84x-center::before { top: 50%; }
.wp-tl-84x-item:last-child .wp-tl-84x-center::before { bottom: 50%; }

/* Çift (Even) satırlarda dikey çizgiyi koyu lacivert yap */
.wp-tl-84x-item:nth-child(even) .wp-tl-84x-center::before {
	background: #004071;
}

/* Merkezdeki Noktalar */
.wp-tl-84x-dot {
	position: relative;
	width: 18px;
	height: 18px;
	background: #ffffff;
	border: 4px solid #0094d9;
	border-radius: 50%;
	z-index: 2;
}

/* Noktalardan çıkan yatay çizgiler */
.wp-tl-84x-dot::before,
.wp-tl-84x-dot::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 35px;
	height: 2px;
	background: #0094d9;
	transform: translateY(-50%);
}
.wp-tl-84x-dot::before { right: 100%; }
.wp-tl-84x-dot::after { left: 100%; }

/* Çift satırlardaki nokta ve yatay çizgi renkleri (Koyu Lacivert) */
.wp-tl-84x-item:nth-child(even) .wp-tl-84x-dot { border-color: #004071; }
.wp-tl-84x-item:nth-child(even) .wp-tl-84x-dot::before,
.wp-tl-84x-item:nth-child(even) .wp-tl-84x-dot::after { background: #004071; }

/* Metin Formatları */
.wp-tl-84x-title {
	color: #0094d9;
	font-size: 1.3rem;
	font-weight: 700;
	margin: 0 0 8px 0;
}
.wp-tl-84x-desc {
	color: #555555;
	font-size: 0.95rem;
	line-height: 1.6;
	margin: 0;
}
.wp-tl-84x-year span {
	display: inline-block;
	background: #0094d9;
	color: #ffffff;
	padding: 8px 24px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 1.25rem;
}

/* Çift satırlardaki metin ve yıl renkleri */
.wp-tl-84x-item:nth-child(even) .wp-tl-84x-title { color: #004071; }
.wp-tl-84x-item:nth-child(even) .wp-tl-84x-year span { background: #004071; }

/* ======== MOBİL UYUM (Mobil Telefonlar İçin) ======== */
@media (max-width: 768px) {
	.wp-tl-84x-item, 
	.wp-tl-84x-item:nth-child(even) {
		display: block;
		position: relative;
		padding-left: 50px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.wp-tl-84x-center {
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
		height: 100%;
	}
	.wp-tl-84x-center::before {
		left: 50%;
		transform: translateX(-50%);
	}
	.wp-tl-84x-dot {
		position: absolute;
		top: 25px; /* Noktayı metnin başlangıcına hizalar */
		left: 50%;
		transform: translateX(-50%);
	}
	/* Mobilde yatay çizgileri gizle ki karmaşa olmasın */
	.wp-tl-84x-dot::before, 
	.wp-tl-84x-dot::after { display: none; }

	.wp-tl-84x-content, 
	.wp-tl-84x-year,
	.wp-tl-84x-item:nth-child(even) .wp-tl-84x-content,
	.wp-tl-84x-item:nth-child(even) .wp-tl-84x-year {
		padding: 0;
		text-align: left;
	}
	.wp-tl-84x-year { margin-bottom: 12px; }
	.wp-tl-84x-year span { font-size: 1.1rem; padding: 6px 18px; }

	/* Mobilde çizgi sınırları */
	.wp-tl-84x-item:first-child .wp-tl-84x-center::before { top: 25px; }
	.wp-tl-84x-item:last-child .wp-tl-84x-center::before { bottom: calc(100% - 43px); height: auto; }
}

/*kurulus seması*/


.no-touch .w-nav.type_desktop .hover_underline .menu-item.level_1:hover .w-nav-title:after {
    bottom: auto;
    opacity: 1;
}

.no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after {
    bottom: auto;
}


/* Geçiş efektleri */
.g-cols, .sol-icerik-alani, .sag-sidebar-menu {
    transition: all 0.4s ease-in-out !important;
}

/* Sağ Menü Varsayılan Gri Zemin */
.sag-sidebar-menu {
    background-color: #e5e7eb !important;
    padding: 20px !important;
}

/* --- MENÜ KAPANDIĞINDA GEÇERLİ OLACAK CSS KURALLARI --- */

/* Ana satırı tek sütuna zorla */
.sidebar-kapali-satir {
    grid-template-columns: 100% !important;
    display: block !important; /* Grid yapısını tamamen iptal edip düz satır yapar */
}

/* Sağ menüyü tamamen yok et */
.sidebar-kapali-satir .sag-sidebar-menu {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
}

/* Sol içeriği tam genişlik yap */
.sidebar-kapali-satir .sol-icerik-alani {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* --- BUTONUN SABİT KONUMU --- */
#toggle-sidebar-btn {
    position: absolute;
    right: -3rem; 
    top: 0;   
    background: #e5e7eb;
    color: #004071;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
}

/* Ekran genişliği 768px ve daha küçük olan cihazlarda (Mobil ve dikey tabletler) */
@media (max-width: 768px) {
    #toggle-sidebar-btn {
        display: none !important; /* Butonu tamamen gizle */
    }
    
    /* Mobilde sağ menünün alt alta düzgün listelenmesi için grid yapısını sıfırla */
    .g-cols {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .sag-sidebar-menu {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important; /* Mobilde tam ekran yüksekliği kaplamasın, içeriği kadar olsun */
    }
}



/*hastane menu css*/

.lh-mega-menu-container {
            display: flex;
            width: 100%;
            overflow: hidden;
            margin: 20px auto;
        }

        /* Sol Liste Yapısı */
        .lh-menu-left {
            width: 45%;
            border-right: 1px solid #f0f0f0;
        }
        .lh-hospital-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .lh-hospital-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 5px 20px;
            border-bottom: 1px solid #f9f9f9;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .lh-hospital-item a {
            text-decoration: none;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 600;
            width: 100%;
        }
        .lh-hospital-item .lh-arrow {
            color: #ffffff;
            opacity: 0;
            transition: transform 0.3s ease, opacity 0.3s ease;
            transform: translateX(-10px);
        }

        /* Aktif ve Hover Durumları */
        .lh-hospital-item:hover a, 
        .lh-hospital-item.active a {
            color: #ffffff!important;
            font-weight: 600;
        }
        .lh-hospital-item:hover,
        .lh-hospital-item.active {
            background-color: #004071;
            padding-left: 21px; 
        }
        .lh-hospital-item:hover .lh-arrow,
        .lh-hospital-item.active .lh-arrow {
            opacity: 1;
            transform: translateX(0);
        }

        /* Sağ Görsel Alanı (4:3 Oranı) */
        .lh-menu-right {
            width: 55%;
            padding: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
        }
        .lh-image-wrapper {
            width: 100%;
            position: relative;
            padding-top: 75%; /* 4:3 En Boy Oranı (3 / 4 = 0.75) */
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }
        #lh-dynamic-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.3s ease-in-out;
            opacity: 1;
        }

        /* MOBİL UYUMLULUK (Resim Gizlenir, Liste Tam Genişlik Olur) */
        @media (max-width: 768px) {
            .lh-mega-menu-container {
                flex-direction: column;
                margin: 0;
            }
            .lh-menu-left {
                width: 100%;
                border-right: none;
            }
            .lh-menu-right {
                display: none;
            }
            .lh-hospital-item .lh-arrow {
                opacity: 1;
                transform: translateX(0);
            }
        }