/* Link Lojistik – telefon ve tablet düzeni (tüm sayfalar). Lacivert #121c45 / #0b1230, turuncu #ff5e14, başlık Poppins.
   Sayfa telefonun çentiği ve alt gezinme şeridinin arkasına uzanır (viewport-fit=cover); sabit öğeler güvenli alana göre yerleşir. */

/* ---------- Telefonda altta sabit eylem şeridi: Ara + Teklif Al ---------- */
.lp-dock { display: none; }
@media (max-width: 760px) {
	.lp-dock { position: fixed; z-index: 990; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px));
		display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 20px;
		background: rgba(11, 18, 48, .86); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4);
		box-shadow: 0 14px 36px rgba(11, 18, 48, .28); border: 1px solid rgba(255, 255, 255, .08);
		transform: translateY(calc(100% + 24px + env(safe-area-inset-bottom, 0px))); transition: transform .45s cubic-bezier(.22, .61, .36, 1); }
	.lp-dock.is-on { transform: none; }
	.lp-dock__call { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(255, 255, 255, .1); color: #fff !important; }
	.lp-dock__call svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
	.lp-dock__quote { flex: 1; display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0 6px 0 20px; border-radius: 14px;
		background: #ff5e14; color: #fff !important; font: 600 1rem/1 Poppins, sans-serif; text-decoration: none !important; }
	.lp-dock__quote i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #ff5e14; }
	.lp-dock__quote svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
	html[dir="rtl"] .lp-dock__quote svg { transform: scaleX(-1); }
	/* Şerit varken: sayfanın sonu ve çerez bildirimi şeridin altında kalmasın; yukarı çık butonu gereksiz */
	body { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
	#cookie-law-info-bar { bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }
	.scroll-top { display: none !important; }
}
/* Telefon dışında da alt güvenli alan: sabit öğeler gezinme şeridinin arkasında kalmasın */
.scroll-top.default { margin-bottom: env(safe-area-inset-bottom, 0px); }

/* ---------- Telefon ve tablette menü: üstte sabit, kenarlardan boşluklu, yuvarlak cam şerit ---------- */
@media (max-width: 991px) {
	/* Tema yapışkan konumu engelliyor: sabit konum + sayfanın üstünde şerit kadar boşluk */
	#masthead { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 0; background: transparent; pointer-events: none; }
	body { padding-top: calc(84px + env(safe-area-inset-top, 0px)); }
	#masthead #headroom { position: relative; pointer-events: auto; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .7);
		background: rgba(255, 255, 255, .9) !important; backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4);
		box-shadow: 0 10px 30px rgba(18, 28, 69, .1); }
	#site-header-wrap .site-branding { min-height: 60px; }
	#site-header-wrap .site-branding a { line-height: 60px !important; }
	#site-header-wrap .site-branding img, #site-header-wrap .site-branding a.logo-mobile img { max-height: 40px !important; width: auto; padding: 0; vertical-align: middle; }
	/* Telefonda yalnızca mobil logo: tema yukarı kaydırırken masaüstü logosunu da açıyordu */
	#site-header-wrap .site-branding a.logo-light, #site-header-wrap .site-branding a.logo-dark { display: none !important; }
	#main-menu-mobile .btn-nav-mobile { width: 44px; height: 44px; line-height: 44px; }
	/* Açılır menü: şeridin altında yuvarlak kart, geniş dokunma alanları */
	#masthead .main-navigation { left: 0; right: 0; top: calc(100% + 18px); border: 0; border-radius: 18px; padding: 6px 18px 10px;
		box-shadow: 0 24px 60px rgba(18, 28, 69, .18); max-height: calc(100svh - 120px); overflow-y: auto; }
	#masthead .main-navigation.navigation-open { top: calc(100% + 8px); }
	#masthead .primary-menu > li > a { padding: 15px 0; border-bottom: 1px solid #eceef4; }
	#masthead .primary-menu > li:last-child > a { border-bottom: 0; }
	#masthead .primary-menu .sub-menu a { padding: 11px 0; font-weight: 500; }
}

/* ---------- 30 yıl hikâyesi (telefon): menü şeridinin altından başlar, fotoğraflar büyük, kart alttaki butonların üstünde ---------- */
@media (max-width: 760px) {
	.l30 .story-sticky { top: calc(84px + env(safe-area-inset-top, 0px)); height: calc(100svh - 84px - env(safe-area-inset-top, 0px)); }
	.l30 .story-layout { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)); }
	.l30 .story-photos { top: 16px; width: 60vw; border-radius: 16px; box-shadow: 0 18px 40px rgba(14, 22, 38, .18); }
}

/* ---------- Hizmet kartları (telefon): parmakla kaydırılan şerit; sonraki kartın bir kısmı görünür ---------- */
@media (max-width: 760px) {
	.lp-modes { flex-direction: row; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding: 0 15px;
		gap: 12px; margin: 0 -15px; padding: 4px 15px 14px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.lp-modes::-webkit-scrollbar { display: none; }
	.lp-mode, .lp-mode.is-open { flex: 0 0 84%; height: clamp(400px, 118vw, 480px); scroll-snap-align: start; }
}

/* ---------- Altbilgi (telefon): bağlantı listeleri açılır başlıklar; logo ve iletişim ortada, sade ---------- */
@media (max-width: 760px) {
	.widget_nav_menu .footer-widget-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 17px 2px;
		border-bottom: 1px solid #e3e6ee; cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent; }
	html[dir="rtl"] .widget_nav_menu .footer-widget-title { text-align: right; }
	.widget_nav_menu .footer-widget-title::after { content: ""; flex: none; width: 9px; height: 9px; margin-top: -4px; border-right: 2px solid #121c45; border-bottom: 2px solid #121c45;
		transform: rotate(45deg); transition: transform .3s; }
	.widget_nav_menu.is-open .footer-widget-title::after { transform: rotate(-135deg); margin-top: 4px; }
	.widget_nav_menu > div > ul.menu { display: none; padding: 6px 2px 12px; text-align: left; }
	html[dir="rtl"] .widget_nav_menu > div > ul.menu { text-align: right; }
	.widget_nav_menu.is-open > div > ul.menu { display: block; }
	.widget_nav_menu > div > ul.menu li a { display: block; padding: 9px 0; color: #5c6478 !important; }
}

/* ---------- Tablet yatay / küçük dizüstü (992–1199 px): masaüstü menüsü sığsın, logoyla çakışmasın ---------- */
@media (min-width: 992px) and (max-width: 1199px) {
	#site-header-wrap .site-branding img { max-width: 170px; height: auto; }
	#mastmenu > li > a { font-size: 13px !important; }
	#mastmenu > li { margin-left: 12px !important; margin-right: 0 !important; padding: 0 !important; }
	.site-header-right .btn { font-size: 12px !important; padding-left: 12px !important; padding-right: 12px !important; }
	/* Üst şerit tek satırda: çalışma saatleri gizlenir, buton kırılmaz */
	.site-header-top .site-contact-item { font-size: 12px; white-space: nowrap; }
	.site-header-top .header-top-left .site-contact-item:nth-child(2) { display: none; }
	.site-header-top .teklif { white-space: nowrap; padding: 10px 22px !important; height: auto !important; line-height: 1.2 !important; }
	.site-header-top .cms-social-media { white-space: nowrap; }
}

/* ---------- Dar telefonlar (≤ 360 px) ---------- */
@media (max-width: 760px) {
	/* Uzun metinli dillerde kart uzayınca fotoğraf yılın üstüne binmesin: kart önde */
	.l30 .story-card { z-index: 2; }
	.l30 .story-photos { z-index: 1; }
}
@media (max-width: 360px) {
	.lp-dock__quote { font-size: .9rem; padding-left: 16px; white-space: nowrap; }
	.lp-dock__quote > :first-child { overflow: hidden; text-overflow: ellipsis; }
	.l30 .story-photos { width: 52vw; }
}