/* =====================================================================
   TABLET + MOBİL TESLİMAT ŞERİDİ — [uns_teslimat_mobil]
   Mobil başlığın (sabit) ikinci satırı. Masaüstünde kapsayıcısı zaten gizli.
   Dokununca #uns-tmod (alttan açılan teslimat penceresi) açılır.
   ===================================================================== */

.uns-tsm { display: none; }

@media (max-width: 1024px) {

	/* Elementor widget sarmalayıcısı: başlık kapsayıcısı sarmalı (wrap)
	   olduğundan tam genişlikte ikinci satıra iner. */
	/* Tablet: şerit başlık içeriğiyle (logo/sepet) hizalı, tam genişlikte. */
	.elementor-widget.uns-tsm-widget {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	/* Ödeme sayfasında kendi teslimat bölümü var — yinelenen kontrol olmasın. */
	body.woocommerce-checkout .elementor-widget.uns-tsm-widget { display: none !important; }

	.uns-tsm { display: block; width: 100%; }

	/* Tema/Elementor Kit <button> rengi ve hover zeminini ezmesin diye
	   bilerek !important (bkz. alt çubuk, WhatsApp kapat düğmesi). */
	.uns-tsm__dugme,
	.uns-tsm__dugme:hover,
	.uns-tsm__dugme:focus,
	.uns-tsm__dugme:active {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		min-height: 46px;
		margin: 0;
		padding: 6px 14px;
		border: 0 !important;
		border-top: 1px solid var(--uns-cizgi, #DCE2EB) !important;
		border-radius: 0;
		background: #fff !important;
		color: var(--uns-metin, #141A22) !important;
		font-family: inherit;
		text-align: left;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.uns-tsm__dugme:focus-visible { outline: 2px solid var(--uns-renk, #1B3A6B); outline-offset: -2px; }

	/* İki ikon da basılıyor; teslim tipine göre biri görünür (JS data-tip'i günceller). */
	.uns-tsm__ikon {
		display: none;
		flex-shrink: 0;
		width: 30px;
		height: 30px;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: var(--uns-yumusak, #F4F1ED);
		color: var(--uns-renk, #1B3A6B);
	}

	.uns-tsm[data-tip="kurye"] .uns-tsm__ikon--kurye,
	.uns-tsm[data-tip="pickup"] .uns-tsm__ikon--pickup { display: inline-flex; }

	.uns-tsm__ikon svg { width: 18px; height: 18px; }

	.uns-tsm__govde {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		gap: 1px;
		min-width: 0;
	}

	.uns-tsm__tip {
		font-size: 11px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: .02em;
		color: var(--uns-soluk, #64748B);
	}

	.uns-tsm__hedef {
		overflow: hidden;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.25;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.uns-tsm__ok { flex-shrink: 0; color: var(--uns-soluk, #64748B); }

	.uns-tsm__cta { display: none; }

	/* ---- Hedef seçilmemiş (ilk ziyaret): dikkat çeken durum ---- */

	.uns-tsm.is-eksik .uns-tsm__dugme,
	.uns-tsm.is-eksik .uns-tsm__dugme:hover,
	.uns-tsm.is-eksik .uns-tsm__dugme:focus,
	.uns-tsm.is-eksik .uns-tsm__dugme:active {
		background: #FBF1EA !important;
	}

	.uns-tsm.is-eksik .uns-tsm__hedef { color: #9A5A33; }

	.uns-tsm.is-eksik .uns-tsm__ikon {
		background: #fff;
		color: #A65A32;
	}

	.uns-tsm.is-eksik .uns-tsm__ok { display: none; }

	.uns-tsm.is-eksik .uns-tsm__cta {
		display: inline-flex;
		flex-shrink: 0;
		align-items: center;
		padding: 6px 16px;
		border-radius: 999px;
		background: var(--uns-vurgu, #B8683F);
		color: #fff;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.2;
		animation: uns-tsm-nabiz 2.4s ease-in-out infinite;
	}

	@keyframes uns-tsm-nabiz {
		0%, 100% { box-shadow: 0 0 0 0 rgba(184, 104, 63, .45); }
		50%      { box-shadow: 0 0 0 6px rgba(184, 104, 63, 0); }
	}
}

@media (prefers-reduced-motion: reduce) {
	.uns-tsm.is-eksik .uns-tsm__cta { animation: none; }
}

/* =====================================================================
   ANASAYFA ŞUBE KARTI — hedef seçilmemişken ("Henüz seçmediniz")
   ===================================================================== */

.uns-sube-kart--bos {
	border-style: dashed;
	background: #FBF1EA;
}

.uns-sube-kart--bos .uns-sube-kart__ad { color: #9A5A33; }

/* Mobil (≤767px): başlık kapsayıcısının yatay dolgusu 10px (Elementor
   "padding_mobile"). Şerit kenardan kenara uzansın diye ±10px taşırılır; dış
   genişlik tam %100 kalır, yatay kaydırma oluşmaz. Tablette dolgu %3 olduğundan
   (yüzde, ebeveyne göre hesaplanır) taşırma yapılmaz. */
@media (max-width: 767px) {
	.elementor-widget.uns-tsm-widget {
		flex: 0 0 calc(100% + 20px) !important;
		width: calc(100% + 20px) !important;
		max-width: none !important;
		margin: 0 -10px !important;
	}
}