/* Harvekon şablon paketi · paket ekleri
   Tuvalde karşılığı olmayan, sitede gereken küçük kurallar. Tasarım dosyaları
   (bilesenler.css, sablon-temeli.css,
   sablonlar.css, ana-sayfa.css) tuvaldeki hâliyle durur; ekler yalnızca bu
   dosyada. */

/* 1 · Teklif modalı. Tuvalde kutu bir sahnenin ortasında açık çizilir
   (TeklifGenel, TeklifUrun, TeklifHizmet; sahne
   kenarlarda 32 px boşluk bırakır, kutu en çok 1040 px). Sitede kutu showModal
   ile üst katmanda açılır: aynı ölçülerle
   ekranın ortasında, içerik uzunsa kendi içinde kayar. 800 px'ten dar ekranda
   tuvaldeki gibi tam ekran.
   Kapalı kutu görünmez: tasarımdaki display: grid tarayıcının
   dialog:not([open]) kuralını ezer (tuvalde kutu hep açık). */
.hk-teklif-m:not([open]) {
	display: none;
}

.hk-teklif-m:modal {
	position: fixed;
	inset: 0;
	width: min(1040px, calc(100% - 2 * var(--bosluk-6)));
	max-width: none;
	max-height: calc(100% - 2 * var(--bosluk-6));
	margin: auto;
}

@container (max-width: 799px) {

	.hk-teklif-m:modal {
		width: 100%;
		height: 100%;
		min-height: 0;
		max-height: none;
		overflow: auto;
	}
}

/* Kapat: tuvalde bağlantı (sayfanın yüzeyine döner), sitede düğme;
   tarayıcının düğme biçimi sıfırlanır. */
button.hk-teklif-m__kapat {
	padding: 0;
	font: inherit;
	cursor: pointer;
}

/* 2 · WordPress yönetim çubuğu (yalnızca oturum açıkken; ana sayfa pilotundaki
   kural): yapışkan üst alan çubuğun
   altında durur. 600 px ve altında çubuk sayfayla birlikte kayar; üst alan
   yine en üste yapışır. */
@media screen and (min-width: 601px) {

	.admin-bar .hk-ust-alan.hk-ust-alan--yapiskan {
		top: var(--wp-admin--admin-bar--height, 0);
	}

	.admin-bar .hk-motion .ust {
		top: calc(var(--wp-admin--admin-bar--height, 0px) + env(safe-area-inset-top, 0px));
	}
}