/*
 * BlueDoor Mobile Fixes
 * Layout corrections for Elementor pages on phones (Elementor mobile breakpoint: 767px).
 * Selectors use Elementor element IDs, so each rule only touches the element it was written for.
 * If you rebuild a section in Elementor, its ID changes and the matching rule simply stops applying.
 */

/* ---------- All widths: fonts ---------- */

/* Eğitimlerimiz: the custom HTML block hard-codes Arial; use the site fonts. */
.page-id-29 .elementor-element-bd717b4,
.page-id-29 .elementor-element-bd717b4 p,
.page-id-29 .elementor-element-bd717b4 li,
.page-id-29 .elementor-element-bd717b4 a,
.page-id-29 .elementor-element-bd717b4 span,
.page-id-29 .elementor-element-bd717b4 .bd-kicker {
	font-family: Poppins, sans-serif !important;
}
.page-id-29 .elementor-element-bd717b4 h1,
.page-id-29 .elementor-element-bd717b4 h2,
.page-id-29 .elementor-element-bd717b4 h3,
.page-id-29 .elementor-element-bd717b4 h4,
.page-id-29 .elementor-element-bd717b4 .bd-level {
	font-family: Quicksand, sans-serif !important;
}

/* Molchanovs Wave pages: hero description falls back to the system font. */
.elementor-element-b2c2df7 p,
.elementor-element-239646e5 p {
	font-family: Poppins, sans-serif;
}

/* ---------- Desktop (Elementor desktop: 1025px and up) ---------- */
@media (min-width: 1025px) {
	/* Wave 1/2/3 "Eğitimin Önemli Başlıkları": plain icon list instead of bordered cards. */
	.elementor-element-d197ddb > .elementor-widget-icon-box,
	.elementor-element-37c178b9 > .elementor-widget-icon-box {
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
}

@media (max-width: 767px) {

	/* ---------- Ana Sayfa ---------- */

	/* Slider arrows sat on top of the slide text; swipe + dots remain. */
	.elementor-element-d4dcafc .elementor-swiper-button {
		display: none !important;
	}

	/* Wave 1/2/3 flip cards: 455px fixed height left big empty bands. */
	.elementor-element-1e13c2a .elementor-flip-box,
	.elementor-element-dd00b1f .elementor-flip-box,
	.elementor-element-c1668dc .elementor-flip-box {
		height: 390px !important;
	}

	/* ---------- Footer (all pages): bigger tap targets for e-mail / phone ---------- */
	.bd-mobile-details a {
		display: inline-flex;
		align-items: center;
		min-height: 40px;
	}

	/* ---------- Molchanovs Wave 1 / 2 / 3 ---------- */

	/* Hero: give text room from the screen edges. */
	.elementor-element-b2c2df7,
	.elementor-element-239646e5 {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	/* "WAVE n" and the subtitle below it were touching. */
	.elementor-element-a8a0d80,
	.elementor-element-5f64b21 {
		margin-top: 10px !important;
	}

	/* Süre / Tür / Seviye: three equal columns instead of a squeezed row. */
	.elementor-element-90ab977,
	.elementor-element-3971795 {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0 8px !important;
		align-items: start;
	}
	.elementor-element-90ab977 > .elementor-element,
	.elementor-element-3971795 > .elementor-element {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}
	.elementor-element-90ab977 .elementor-icon-box-title,
	.elementor-element-3971795 .elementor-icon-box-title {
		font-size: 14px !important;
		line-height: 1.25 !important;
	}
	.elementor-element-90ab977 .elementor-icon-box-description,
	.elementor-element-3971795 .elementor-icon-box-description {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	/* Ön Koşullar / Performans: wrapped items were centred, short ones left-aligned. */
	.elementor-element-1dff2c4 .elementor-icon-list-item,
	.elementor-element-d17fcc0 .elementor-icon-list-item,
	.elementor-element-6e6c7421 .elementor-icon-list-item,
	.elementor-element-43fddc78 .elementor-icon-list-item {
		justify-content: flex-start !important;
		align-items: flex-start !important;
		text-align: left !important;
	}
	.elementor-element-1dff2c4 .elementor-icon-list-text,
	.elementor-element-d17fcc0 .elementor-icon-list-text,
	.elementor-element-6e6c7421 .elementor-icon-list-text,
	.elementor-element-43fddc78 .elementor-icon-list-text {
		text-align: left !important;
	}
	.elementor-element-1dff2c4 .elementor-icon-list-icon,
	.elementor-element-d17fcc0 .elementor-icon-list-icon,
	.elementor-element-6e6c7421 .elementor-icon-list-icon,
	.elementor-element-43fddc78 .elementor-icon-list-icon {
		margin-top: 0.2em;
	}

	/* ---------- Okulumuz ---------- */

	/* Amenities box and the photo gallery were 10px wider than the screen on the right. */
	.elementor-element-444f7b6,
	.elementor-element-14fd558 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Amenities: 3 per row instead of one overflowing line + an orphan. */
	.elementor-element-444f7b6 {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px 6px !important; /* Elementor's 2% gap is height-relative and made the last row overflow */
		height: auto !important;
		align-content: start;
	}
	.elementor-element-444f7b6 > .elementor-element {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}
	.elementor-element-444f7b6 > :not(.elementor-widget-icon-box) {
		grid-column: 1 / -1; /* heading and paragraph span the full width */
	}
	.elementor-element-444f7b6 .elementor-icon-box-title {
		font-size: 14px !important;
		line-height: 1.2 !important;
	}
	.elementor-element-14fd558 {
		margin-top: 16px !important;
	}

	/* ---------- Bora Ordu ---------- */

	/* ~150px empty band between the stats and the next section. */
	.page-id-949 .bo-stats {
		padding-bottom: 24px !important;
	}

	/* Portrait was left-aligned in the hero. */
	.page-id-949 .bo-portrait {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* AIDA logo is a thin wordmark: show it larger and darker. */
	.page-id-949 .bo-logo-aida {
		overflow: hidden;
	}
	.page-id-949 .bo-logo-aida img {
		width: 72px !important;
		max-width: none !important;
		height: auto !important;
		transform: scale(1.5) !important;
		filter: saturate(1.6) brightness(0.55) contrast(1.4);
	}
}
