/* ------------------------------------------------------------------
 * Elementor 4 uyumluluk katmanı — Icon Box konumu (Clockwork, 16.10.2026)
 * Kettle'ın icon-box override'ı hâlâ `elementor-position-left/right/top`
 * sınıfı üretiyor; Elementor 4 CSS'i yalnızca `position-inline-start/end`
 * tanıyor. Elementor 3.28 widget-icon-box.min.css'teki kurallar geri alındı.
 * Kettle güncellenip yeni sınıfları üretince bu blok kaldırılabilir.
 * ------------------------------------------------------------------ */
@media (min-width: 768px) {
	.elementor-widget-icon-box.elementor-vertical-align-top .elementor-icon-box-wrapper { align-items: flex-start; }
	.elementor-widget-icon-box.elementor-vertical-align-middle .elementor-icon-box-wrapper { align-items: center; }
	.elementor-widget-icon-box.elementor-vertical-align-bottom .elementor-icon-box-wrapper { align-items: flex-end; }
	.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper { display: flex; flex-direction: row; text-align: start; }
	.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper { display: flex; flex-direction: row-reverse; text-align: end; }
	.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper > div:first-child,
	.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper > div:first-child { display: inline-flex; flex: 0 0 auto; }
	.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-content,
	.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-content { flex-grow: 1; width: auto; }
	.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper { display: block; text-align: center; }
}
@media (max-width: 767px) {
	.elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper { display: block; text-align: center; }
	.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper { display: flex; flex-direction: row; text-align: start; }
	.elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper { display: flex; flex-direction: row-reverse; text-align: end; }
}