/*!
 * Słodka Krówka — drobne dodatki do strony zbudowanej w Elementorze.
 *
 * Wszystko, co dało się ustawić klikaniem, jest w ustawieniach widgetów.
 * Tutaj zostały tylko rzeczy, których darmowy Elementor nie ma:
 * proporcje kafli, przyklejony nagłówek, najazd na karty i zaokrąglenia.
 *
 * Klasy przypisuje się w polu Zaawansowane → Klasy CSS danego elementu,
 * więc można je swobodnie dodawać i usuwać.
 */

/* --- Kafle o stałych proporcjach ------------------------------------- */

.sk-tile img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.sk-tile--tall img {
	aspect-ratio: 4 / 5;
}

.sk-tile--portrait img {
	aspect-ratio: 3 / 4;
}

.sk-tile--square img {
	aspect-ratio: 1 / 1;
}

.sk-tile--big img {
	aspect-ratio: 1 / 1;
}

.sk-tile--wide img {
	aspect-ratio: 2 / 1;
}

.sk-tile--avatar img {
	width: 48px;
	height: 48px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

/* --- Zdjęcia w sekcji „O nas" ---------------------------------------- */

.sk-frame img {
	border: 3px solid #FFFFFF;
	box-shadow: 0 20px 40px -32px rgba(58, 36, 24, .6);
}

@media (min-width: 1025px) {
	.sk-offset {
		transform: translateY(34px);
	}
}

/* --- Karty kategorii -------------------------------------------------- */

.sk-card > .elementor-widget-wrap,
.sk-card > .elementor-element-populated {
	overflow: hidden;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sk-card:hover > .elementor-widget-wrap,
.sk-card:hover > .elementor-element-populated {
	transform: translateY(-4px);
	border-color: #E1456B;
	box-shadow: 0 22px 40px -30px rgba(58, 36, 24, .55);
}

.sk-card__media img {
	border-bottom: 2px solid #F5CDD8;
}

/* --- Przyklejony nagłówek -------------------------------------------- */

.sk-header {
	position: sticky;
	top: 0;
	z-index: 60;
	border-bottom: 2px solid #FFE7EE;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.admin-bar .sk-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .sk-header {
		top: 46px;
	}
}

/* Kotwice nie chowają się pod przyklejonym nagłówkiem. */
[id="produkty"],
[id="onas"],
[id="galeria"],
[id="opinie"],
[id="faq"],
[id="kontakt"] {
	scroll-margin-top: 96px;
}

html {
	scroll-behavior: smooth;
}

/* --- Mapa ------------------------------------------------------------- */

.sk-map iframe,
.sk-map .elementor-custom-embed,
.sk-map .elementor-widget-google_maps {
	height: 100%;
	min-height: 460px;
}

@media (min-width: 1025px) {
	.sk-map iframe {
		border-radius: 0 36px 36px 0;
	}
}

@media (max-width: 1024px) {
	.sk-map iframe {
		border-radius: 0 0 36px 36px;
	}
}

/* --- Drobiazgi -------------------------------------------------------- */

/* Godziny otwarcia: wartość dosunięta do prawej krawędzi. */
.elementor-widget-text-editor strong[style*="float"] {
	font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.sk-card > .elementor-widget-wrap,
	.sk-card > .elementor-element-populated {
		transition: none;
	}
}