/* Srdcom záhradník – Vizuálne vylepšenia
   Konzervatívne: nemení farby značky, len veľkosť písma, logo a prechody. */

/* ---------- Väčšie a čitateľnejšie písmo ---------- */
body {
	font-size: 17px;
	line-height: 1.7;
}
p,
li,
.entry-content,
.services p,
.projects p,
.widget p {
	font-size: 1.05rem;
	line-height: 1.75;
}

/* Nadpisy o kúsok väčšie a vzdušnejšie */
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.2; }
h2 { font-size: clamp(1.6rem, 4vw, 2.4rem); line-height: 1.25; }
h3 { font-size: clamp(1.3rem, 3vw, 1.75rem); line-height: 1.3; }

/* Väčšie písmo v menu */
.main-navigation a,
.navbar a,
.menu a,
nav ul li a {
	font-size: 1.03rem;
}

/* ---------- Logo – zarovnanie a jednotná výška ---------- */
.logo img,
.navbar-brand img,
header .logo img,
#logo img,
.site-logo img,
.header-logo img {
	max-height: 74px;
	width: auto !important;
	height: auto !important;
	vertical-align: middle;
	display: inline-block;
}

/* Na mobile logo pekne na stred */
@media (max-width: 782px) {
	.logo,
	.navbar-brand,
	.site-logo,
	.header-logo {
		text-align: center;
		float: none;
		margin: 0 auto;
	}
}

/* ---------- Prechodové efekty: tlačidlá ---------- */
.btn,
a.btn,
button,
input[type="submit"],
input[type="button"],
.button,
.button2,
.wp-block-button__link,
.wp-element-button {
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-color .2s ease !important;
}
.btn:hover,
a.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.button2:hover,
.wp-block-button__link:hover,
.wp-element-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px -12px rgba(0, 0, 0, .40);
	filter: brightness(1.06);
}
.btn:active,
button:active,
input[type="submit"]:active { transform: translateY(0); }

/* ---------- Prechody: odkazy ---------- */
a {
	transition: color .2s ease, background-color .2s ease, opacity .2s ease;
}

/* ---------- Prechody: obrázky (jemné priblíženie) ---------- */
.services img,
.projects img,
article img,
.post-thumbnail img,
.blog img {
	transition: transform .45s ease;
}
a:hover > img {
	transform: scale(1.03);
}

/* ---------- Prechody: karty (jemné nadvihnutie, ak sú v ráme) ---------- */
.services .box,
.projects .box,
.feature-box,
.service-box,
.blog .post {
	transition: transform .22s ease, box-shadow .22s ease;
}
.services .box:hover,
.projects .box:hover,
.feature-box:hover,
.service-box:hover,
.blog .post:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .45);
}

/* Rešpektuj obmedzenie pohybu */
@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
		transform: none !important;
	}
}