/* ═══════════════════════════════════════════════════════════════
   A Life — Modern kart & bileşen rötuşları
   Tüm sayfalarda header.php üzerinden en son yüklenir.
   Amaç: mevcut tasarım dilini bozmadan kartları hizalamak,
   yumuşatmak ve tutarlı hâle getirmek.
   ═══════════════════════════════════════════════════════════════ */

/* ---------------------------------------------------------------
   1) DOKTOR KARTLARI
   Ana sayfa, /doktorlar, hastane & bölüm detay, ünite detay...
   Sorunlar: kartlar farklı yükseklikte, butonlar hizasız,
   uzmanlık metni kelimenin ortasında kesiliyordu.
   --------------------------------------------------------------- */
.hospital_doctor_item{
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid #E4EAF4 !important;
	border-radius: 26px;
	box-shadow: 0 4px 16px rgba(9, 25, 59, .05);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hospital_doctor_item:hover{
	transform: translateY(-5px);
	border-color: #09193B !important;
	box-shadow: 0 18px 34px rgba(9, 25, 59, .13);
}
.hospital_doctor_item > a{
	flex: 1 1 auto;
}
/* İsim ve uzmanlık: sert kesme (max-height) yerine 2 satır + üç nokta */
.hospital_doctor_item .title h2,
.hospital_doctor_item .title h3,
.hospital_doctor_item .title h4,
.hospital_doctor_item .title h5,
.hospital_doctor_item .title h6,
.hospital_doctor_item .title p{
	max-height: none !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
}
.hospital_doctor_item .job h2,
.hospital_doctor_item .job h3,
.hospital_doctor_item .job h4,
.hospital_doctor_item .job h5,
.hospital_doctor_item .job h6,
.hospital_doctor_item .job p{
	max-height: none !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	min-height: 2.4em;
	line-height: 1.2;
}
/* Butonlar: kartın en altına sabit, eşit genişlikte, yan yana */
.hospital_doctor_item .links{
	margin-top: auto;
}
.hospital_doctor_item .links > div{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 8px;
}
.hospital_doctor_item .links > div > a{
	flex: 1 1 0;
	min-width: 0;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	white-space: nowrap;
}

/* ---------------------------------------------------------------
   2) BÖLÜM / ÜNİTE KARTLARI
   Ana sayfadaki 3px sabit altın çerçeve yerine ince çerçeve +
   hover'da altın vurgu (anlaşmalı kurum kartlarıyla aynı dil).
   --------------------------------------------------------------- */
.departments .department{
	border: 1px solid rgba(212, 175, 55, .40) !important;
	border-radius: 22px;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .3s ease-in-out;
}
.departments .department:hover{
	transform: translateY(-4px);
	border-color: #d4af37 !important;
	box-shadow: 0 16px 30px rgba(9, 25, 59, .18);
}

/* ---------------------------------------------------------------
   3) HIZLI ERİŞİM KUTULARI (E-Randevu, Check UP, ...)
   --------------------------------------------------------------- */
.home_boxes .home_item{
	transition: transform .25s ease, box-shadow .25s ease;
}
.home_boxes .home_item:hover{
	transform: translateY(-5px);
	box-shadow: 0 20px 38px rgba(9, 25, 59, .16);
}

/* ---------------------------------------------------------------
   4) MAKALE / İŞLEM KARTLARI
   Site genelindeki yuvarlaklık diliyle hizalama.
   --------------------------------------------------------------- */
.alife-art-card{
	border-radius: 20px;
}
.alife-art-card::before{
	border-radius: 20px 0 0 20px;
}
@media (max-width: 575.98px){
	.alife-art-card{ border-radius: 18px; }
}

/* ---------------------------------------------------------------
   5) SIKÇA SORULAN SORULAR (ana sayfa)
   Bootstrap'in varsayılan mavi/köşeli görünümü yerine marka rengi.
   --------------------------------------------------------------- */
#homeFaq .accordion{
	--bs-accordion-border-color: transparent;
	--bs-accordion-btn-focus-box-shadow: none;
}
#homeFaq .accordion-item{
	background-color: #fff;
	border: 1px solid #E4EAF4;
	border-radius: 18px;
	margin-bottom: 12px;
	overflow: hidden;
	transition: border-color .25s ease, box-shadow .25s ease;
}
#homeFaq .accordion-item:hover{
	border-color: #D3DFEF;
	box-shadow: 0 8px 20px rgba(9, 25, 59, .06);
}
#homeFaq .accordion-button{
	padding: 18px 22px;
	font-size: 15px;
	font-weight: 600;
	color: #09193B;
	background-color: #fff;
	border-radius: 18px;
	box-shadow: none;
}
#homeFaq .accordion-button:not(.collapsed){
	color: #09193B;
	background-color: #F5F8FD;
	box-shadow: none;
	border-radius: 18px 18px 0 0;
}
#homeFaq .accordion-button:focus{
	box-shadow: none;
	border-color: transparent;
}
#homeFaq .accordion-button::after{
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	border-radius: 50%;
	background-color: #F0F4FD;
	background-size: 13px;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2309193B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transition: background-color .25s ease, transform .25s ease;
}
#homeFaq .accordion-button:not(.collapsed)::after{
	background-color: #FF060D;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#homeFaq .accordion-body{
	padding: 4px 22px 20px;
	color: #55658A;
	font-size: 14.5px;
	font-weight: 300;
	line-height: 1.7;
}
#homeFaq .accordion h4{
	color: #09193B;
	font-weight: 700;
	margin-bottom: 18px;
}
/* Kapalı listedeki solma efekti sayfa arka planıyla uyumlu olsun */
#faqContainer.faq-collapsed::after{
	height: 90px;
	background: linear-gradient(rgba(240, 244, 253, 0), #F0F4FD) !important;
}

/* ---------------------------------------------------------------
   6) ERİŞİLEBİLİRLİK — klavye ile gezinirken görünür odak
   --------------------------------------------------------------- */
.news_card:focus-visible,
.home_care .service_card:focus-visible,
.hospital_doctor_item a:focus-visible,
.departments .department a:focus-visible,
.btn:focus-visible{
	outline: 2px solid #FF060D;
	outline-offset: 3px;
}

/* "Daha Fazla Göster" butonu — kontrast */
#faqToggleBtn{
	color: #09193B;
	font-weight: 600;
	border-color: #D3DFEF;
}
#faqToggleBtn:hover{
	background-color: #09193B;
	border-color: #09193B;
	color: #fff;
}