/**
 * LM Sigorta Tema - "Teklif Al" Sayfası (page-teklif-al.php)
 *
 * Yalnızca bu sayfada yüklenir (bkz. functions.php > kanokta_scripts()).
 * Masaüstünde iki sütun: solda form kartı, sağda yapışkan anlaşmalı
 * şirketler paneli; mobilde form üstte, şirketler altta.
 */

.kanokta-teklif-al {
	padding-bottom: 56px;
	background:
		radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--kanokta-accent-light) 45%, transparent) 0%, transparent 40%),
		radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--kanokta-accent-light) 30%, transparent) 0%, transparent 45%),
		var(--kanokta-white);
}

.kanokta-teklif-al__duzen {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

@media (min-width: 960px) {
	.kanokta-teklif-al__duzen {
		grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
		gap: 40px;
	}
}

/* Anlaşmalı şirket yoksa form tek başına, ortada. */
.kanokta-teklif-al__duzen.kanokta-teklif-al__duzen--tek {
	grid-template-columns: minmax(0, 1fr);
	max-width: 640px;
	margin-inline: auto;
}

/* --------------------------------------------------------------------------
   Gömülü teklif formu (template-parts/teklif-formu.php, 'gomulu' modu):
   bölümün kendi dolgusu/arka planı/genişlik sınırı kaldırılır, yalnızca
   form kartı sütuna yerleşir.
   -------------------------------------------------------------------------- */
.kanokta-quote-form--gomulu {
	padding: 0;
	overflow: visible;
	background: none;
}

.kanokta-quote-form--gomulu > .kanokta-container {
	max-width: none;
	padding: 0;
}

.kanokta-quote-form--gomulu .kanokta-quote-form__layout {
	max-width: none;
	margin: 0;
}

.kanokta-quote-form--gomulu .kanokta-form-notice {
	max-width: none;
	margin: 0 0 16px;
}

.kanokta-quote-form--gomulu .kanokta-quote-form__form {
	padding: 22px 20px;
	border-radius: 24px;
}

@media (min-width: 640px) {
	.kanokta-quote-form--gomulu .kanokta-quote-form__form {
		padding: 28px 30px;
	}
}

/* --------------------------------------------------------------------------
   Anlaşmalı şirketler paneli
   -------------------------------------------------------------------------- */
.kanokta-teklif-al__sirketler {
	padding: 22px 20px;
	border: 1px solid var(--kanokta-border);
	border-radius: 24px;
	background-color: color-mix(in srgb, var(--kanokta-primary) 4%, var(--kanokta-white));
}

@media (min-width: 960px) {
	.kanokta-teklif-al__sirketler {
		position: sticky;
		top: 108px;
		padding: 24px;
	}
}

.kanokta-teklif-al__sirketler-baslik {
	margin: 0 0 6px;
	font-family: var(--kanokta-font-display);
	font-weight: 800;
	font-size: 1.1rem;
	line-height: 1.3;
	color: var(--kanokta-primary-dark);
}

.kanokta-teklif-al__sirketler-metin {
	margin: 0 0 16px;
	font-size: .875rem;
	line-height: 1.55;
	color: var(--kanokta-text-muted);
}

.kanokta-teklif-al__sirketler-metin strong {
	color: var(--kanokta-primary-dark);
}

.kanokta-teklif-al__logolar {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kanokta-teklif-al__logo {
	display: grid;
	place-items: center;
	aspect-ratio: 3 / 2;
	padding: 10px;
	border-radius: 12px;
	background-color: var(--kanokta-white);
	box-shadow: 0 1px 2px color-mix(in srgb, var(--kanokta-primary-dark) 6%, transparent), 0 4px 12px color-mix(in srgb, var(--kanokta-primary-dark) 5%, transparent);
}

.kanokta-teklif-al__logo img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.kanokta-teklif-al__logo span {
	font-size: .72rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	color: var(--kanokta-text-muted);
}

/* Fareli cihazlarda logolar sakin (gri) durur, üzerine gelince renklenir;
   dokunmatik ekranlarda her zaman renkli. */
@media (hover: hover) {
	.kanokta-teklif-al__logo img {
		filter: grayscale(1);
		opacity: .75;
		transition: filter .25s ease, opacity .25s ease;
	}

	.kanokta-teklif-al__logo:hover img {
		filter: none;
		opacity: 1;
	}
}

/* Sayfa editöründen gelen (opsiyonel) SEO içeriği */
.kanokta-teklif-al__icerik {
	max-width: 760px;
	margin: 40px auto 0;
}