/* ============================================================================
   Mesleki Eğitim Merkezi — KURUMSAL EĞİTİMLER
   Kaynak tasarım: dc-mem/"Kurumsal Egitimler.dc.html"

   PORT KURALI
   - Statik görsel/yerleşim stilleri şablonda INLINE durur (piksel sadakati +
     Elementor cascade'ine bağışıklık).
   - Bu dosya YALNIZCA responsive / hover / durum / form köprüsü olanı taşır.
   - Kırılımlar tasarımın Component script'iyle birebir:
       cols4 : <768 → 1 | ≥768 → 2 | ≥1200 → 4

   ÖZGÜLLÜK NOTU (hello-elementor + Elementor Kit bu dosyadan SONRA yüklenir)
   - Buton/link/alan kuralları `.mem-app` önekiyle (0,2,0)+ yazılır.
   - Tema `button:hover/:focus{background:#c36}` (0,2,0) → her dolu CTA'ya
     AÇIK :hover verilir (0,3,0), aksi halde hover'da pembeleşir.
   ========================================================================== */

/* === 0. SAYFA KABI ======================================================== */
.mem-corp {
	font-family: 'Source Sans 3', Arial, sans-serif;
	color: #092E4D;
	background: #FBFCFE;
	-webkit-font-smoothing: antialiased;
}

.mem-corp :where(h1, h2, h3, h4, h5, h6) { color: inherit; }
.mem-corp :where(p) { text-wrap: pretty; }
.mem-corp :where(img) { display: block; max-width: 100%; }

/* Izgara/esnek öğe kendi min-content'inden taşmasın (form kolonu dâhil). */
.mem-app .mem-corp-grid > * { min-width: 0; }


/* === 1. KONUM ÇUBUĞU + İLETİŞİM BAĞLANTILARI ==============================
   Zırh `.mem-app :where(a){color:inherit}` ile tema pembesini nötrler; renk
   burada AÇIK verilir.
   ========================================================================== */
.mem-app .mem-corp-crumb__link {
	font-weight: 600;
	color: #03568A;
	text-decoration: none;
	transition: color .2s;
}
.mem-app .mem-corp-crumb__link:hover,
.mem-app .mem-corp-crumb__link:focus {
	color: #02466F;
	text-decoration: underline;
}

/* Telefon/e-posta satırı: tasarımda koyu lacivert metin. */
.mem-app .mem-corp-contact-link {
	color: #092E4D;
	text-decoration: none;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	transition: color .2s;
}
.mem-app .mem-corp-contact-link:hover,
.mem-app .mem-corp-contact-link:focus {
	color: #03568A;
	text-decoration: underline;
}


/* === 2. HERO CTA ========================================================== */
.mem-app .mem-corp-btn {
	height: 52px;
	padding: 0 24px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	font-family: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-decoration: none;
	white-space: normal;
	cursor: pointer;
	transition: background-color .2s, color .2s, border-color .2s;
}

.mem-app .mem-corp-btn--primary {
	background: #03568A;
	border: 0;
	color: #ffffff;
}
.mem-app .mem-corp-btn--primary:hover,
.mem-app .mem-corp-btn--primary:focus,
.mem-app .mem-corp-btn--primary:active {
	background-color: #02466F;
	color: #ffffff;
	border-color: transparent;
	text-decoration: none;
}


/* === 3. SÜREÇ IZGARASI ==================================================== */
.mem-corp .mem-corp-grid--quad {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

@media (min-width: 768px) {
	.mem-corp .mem-corp-grid--quad { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
	.mem-corp .mem-corp-grid--quad { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}


/* === 4. ELEMENTOR FORM KÖPRÜSÜ ===========================================
   Yalnız [mem_kurumsal form="ID"] kullanıldığında devreye girer. Elementor'ın
   varsayılan alan stili (gri, 1px, dar padding) tasarım ölçülerine çekilir.
   Paylaşımlı parça (parts/lead-form) kullanıldığında bu kurallar çalışmaz —
   o formun stili core/lead-form.css'ten gelir.
   ========================================================================== */
.mem-app .mem-elform :is(input[type="text"], input[type="tel"], input[type="email"], input[type="number"], select, textarea),
.mem-app .mem-elform .elementor-field-textual {
	width: 100%;
	height: 52px;
	border: 1px solid #DCE8F0 !important;
	border-radius: 14px !important;
	padding: 0 16px !important;
	font-family: inherit;
	font-size: 16px !important;
	color: #092E4D !important;
	background-color: #FBFCFE !important;
	box-shadow: none !important;
	transition: border-color .18s;
}
.mem-app .mem-elform textarea,
.mem-app .mem-elform .elementor-field-textual.elementor-size-md[rows] {
	height: auto;
	padding: 14px 16px !important;
	resize: vertical;
}
.mem-app .mem-elform :is(input, select, textarea):focus,
.mem-app .mem-elform .elementor-field-textual:focus {
	border-color: #03568A !important;
	background-color: #ffffff !important;
	outline: none;
}
.mem-app .mem-elform :is(label, .elementor-field-label) {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #092E4D;
	margin-bottom: 8px;
}
.mem-app .mem-elform :is(button[type="submit"], .elementor-button) {
	width: 100%;
	height: 52px;
	border: 0;
	border-radius: 999px;
	background-color: #03568A;
	color: #ffffff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .2s;
}
.mem-app .mem-elform :is(button[type="submit"], .elementor-button):hover,
.mem-app .mem-elform :is(button[type="submit"], .elementor-button):focus {
	background-color: #02466F;
	color: #ffffff;
	border-color: transparent;
}


/* === 5. HAREKET AZALTMA =================================================== */
@media (prefers-reduced-motion: reduce) {
	.mem-corp *,
	.mem-corp *::before,
	.mem-corp *::after {
		animation: none !important;
		transition: none !important;
	}
}