/* ----------------------------------------------------------------------------------------
* Proje         : BRKDent - Ağız ve Diş Sağlığı Polikliniği
* Dosya         : Marka / Türkçe içerik düzenlemeleri (custom.css'ten SONRA yüklenir)
* Not           : Tema dosyaları (custom.css vb.) değiştirilmez; tüm marka düzenlemeleri
*                 bu dosyada toplanır, böylece tema güncellemesi sorun çıkarmaz.
* ---------------------------------------------------------------------------------------- */

/* Tema başlık etiketlerini "Capitalize" yapıyor; Türkçede "ve, ile, için" gibi
   bağlaçların büyük harfle başlamaması için metni yazıldığı gibi bırakıyoruz. */
.section-sub-heading,
.section-title .section-sub-title{
	text-transform: none;
}

/* Türkçe kelimeler İngilizceye göre daha uzun; başlıkların taşmaması için. */
.section-title h1,
.section-title h2,
.service-item-title h2,
.team-item-content h2,
.case-study-item-contant h2,
.post-item-content h2{
	overflow-wrap: break-word;
}

/* --- Randevu formu: temada olmayan alan tipleri --- */

/* Açılır listeler: input'larla aynı görünsün, tarayıcının kendi okunu gizleyip
   temanın renginde bir ok koyalım. */
.book-appointment-form select.form-control{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23031D4F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 46px;
	cursor: pointer;
}

.book-appointment-form select.form-control:invalid{
	color: var(--text-color);
}

/* KVKK onay kutusu */
.form-consent{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 4px;
}

.form-consent input[type="checkbox"]{
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 3px;
	accent-color: var(--accent-color);
	cursor: pointer;
}

/* Tema, form etiketlerini .book-appointment-form form .form-group label ile kalın yapıyor;
   onay metninin normal gövde metni gibi görünmesi için daha belirgin bir seçici gerekiyor. */
.book-appointment-form form .form-group .form-consent label,
.form-consent label{
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--text-color);
	cursor: pointer;
}

.book-appointment-form form .form-group .form-consent label a,
.form-consent label a{
	color: var(--accent-color);
	text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------
 * Dikey boşlukların sıkıştırılması
 * Tema, bölümler arasına 100px, sayfa başlığına 250px üst boşluk koyuyor. Bu, Türkçe
 * içerikle birleşince sayfa ilk açıldığında ekranda yalnızca banner kalmasına yol açıyordu.
 * Aşağıdaki değerler yalnızca masaüstünde (>=992px) geçerlidir; tema zaten 991px altında
 * kendi daha dar boşluklarını uyguluyor, onlara dokunmuyoruz.
 * ---------------------------------------------------------------------------------------- */

@media only screen and (min-width: 992px){

	/* Sayfa başlığı bandı: 250/140 -> 180/70 */
	.page-header{
		padding: 180px 0 70px;
	}

	/* Bölüm içi boşluk: 100px -> 70px */
	.about-us,
	.our-services,
	.why-choose-us,
	.intro-video-content-box,
	.our-team,
	.our-testimonials,
	.our-faqs,
	.our-blog,
	.our-approach,
	.page-service-single,
	.page-blog,
	.page-single-post,
	.page-case-study-single,
	.page-team-single,
	.page-faqs,
	.page-appointment,
	.error-page{
		padding: 70px 0;
	}

	/* Alt boşluğu kart aralığıyla paylaşan bölümler: 100/70 -> 70/40 */
	.our-transformation,
	.our-case-study,
	.our-impact,
	.page-services,
	.page-case-study,
	.page-team,
	.page-testimonials,
	.page-gallery,
	.page-video-gallery{
		padding: 70px 0 40px;
	}

	.page-contact-us{
		padding: 70px 0 30px;
	}

	/* Başlık bloğu ile içerik arası: 80px -> 48px */
	.section-row{
		margin-bottom: 48px;
	}
}

/* Tablet aralığında da bir miktar sıkıştırma (tema burada 100px kullanmaya devam ediyor). */
@media only screen and (min-width: 768px) and (max-width: 991px){
	.page-header{
		padding: 120px 0 60px;
	}
}

/* ----------------------------------------------------------------------------------------
 * Gerçek BRKDent logosu
 * Tema, logoyu 196x50 SVG olarak kullanıyordu. Yeni logo 567x150 PNG (oran 3.78:1,
 * eskisiyle neredeyse aynı) olduğu için yüksekliği sabitleyip genişliği orana bırakıyoruz.
 * ---------------------------------------------------------------------------------------- */

.navbar-brand img{
	width: auto;
	height: 50px;
	max-width: 100%;
	display: block;
}

.footer-logo img{
	width: auto;
	height: 52px;
	max-width: 100%;
}

@media only screen and (max-width: 991px){
	.navbar-brand img{
		height: 42px;
	}
	.footer-logo img{
		height: 46px;
	}
}

@media only screen and (max-width: 400px){
	.navbar-brand img{
		height: 36px;
	}
}