/* HOBBYTEC Core — frontend base
 * Brand premenné sa vypisujú cez wp_head (class-assets.php).
 * Fonty Gilroy-Medium / Gilroy-ExtraBold definuje téma.
 * POZOR: všetky FAREBNÉ deklarácie majú !important — Nicepage téma inak prepíše brand farby.
 */

.hbtc-logo {
	display: block;
	max-width: 100%;
	height: auto;
}

.hbtc-logo-link {
	display: inline-block;
	line-height: 0;
}

/* ── Tlačidlá ─────────────────────────────────────── */
.hbtc-btn {
	display: inline-block;
	font-family: "Gilroy-ExtraBold", system-ui, sans-serif;
	font-weight: 800;
	text-decoration: none;
	padding: 14px 34px;
	border-radius: 999px;
	line-height: 1;
	transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.hbtc-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}
.hbtc-btn--yellow {
	background: var(--hbtc-yellow, #f1bb41) !important;
	color: var(--hbtc-dark, #221f20) !important;
}
.hbtc-btn--dark {
	background: var(--hbtc-dark, #221f20) !important;
	color: #fff !important;
}
.hbtc-btn--green {
	background: var(--hbtc-green, #78b956) !important;
	color: #fff !important;
}

/* ── Google reviews badge ─────────────────────────── */
.hbtc-reviews {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #fff !important;
	border-radius: 999px;
	padding: 8px 16px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}
.hbtc-reviews__google {
	font-family: "Gilroy-ExtraBold", system-ui, sans-serif;
	font-weight: 800;
	color: #221f20 !important;
}
.hbtc-reviews__data {
	display: flex;
	flex-direction: column;
	line-height: 1.05;
}
.hbtc-reviews__rating { color: #221f20 !important; font-size: 15px; }
.hbtc-reviews__count { color: #555 !important; font-size: 11px; }

/* ── Hero ─────────────────────────────────────────── */
.hbtc-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	background-size: cover;
	background-position: center;
	border-radius: 28px;
	overflow: hidden;
	color: #fff !important;
}
.hbtc-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(34,31,32,0) 35%, rgba(120,185,86,.85) 78%, var(--hbtc-green, #78b956) 100%) !important;
	z-index: 1;
}
.hbtc-hero__inner {
	position: relative;
	z-index: 2;
	padding: 48px 44px;
	width: 100%;
}
.hbtc-hero__eyebrow {
	display: inline-block;
	background: #fff !important;
	color: #221f20 !important;
	font-family: "Gilroy-ExtraBold", system-ui, sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: 8px 18px;
	border-radius: 999px;
	margin-bottom: 16px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
}
.hbtc-hero__title {
	font-family: "Gilroy-ExtraBold", system-ui, sans-serif;
	font-weight: 800;
	font-size: clamp(28px, 4vw, 52px);
	margin: 8px 0;
	color: #fff !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}
.hbtc-hero__discount {
	font-family: "Gilroy-ExtraBold", system-ui, sans-serif;
	font-weight: 800;
	display: flex;
	align-items: baseline;
	gap: 14px;
	margin: 10px 0;
	line-height: .9;
}
.hbtc-hero__discount-label {
	font-size: clamp(28px, 4.5vw, 58px);
	color: #fff !important;
}
.hbtc-hero__discount-value {
	font-size: clamp(46px, 8vw, 96px);
	color: var(--hbtc-yellow, #f1bb41) !important;
}
.hbtc-hero__subtitle {
	font-family: "Gilroy-Medium", system-ui, sans-serif;
	font-size: clamp(15px, 1.6vw, 19px);
	max-width: 46ch;
	margin: 6px 0 20px;
	color: #fff !important;
}
.hbtc-hero .hbtc-reviews { margin-bottom: 14px; }
.hbtc-hero__quality {
	position: absolute;
	top: 28px;
	right: 28px;
	z-index: 3;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: var(--hbtc-yellow, #f1bb41) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
}

/* ── CTA banner ───────────────────────────────────── */
.hbtc-cta {
	border-radius: 28px;
	overflow: hidden;
	padding: 44px 40px;
}
.hbtc-cta--green  { background: var(--hbtc-green, #78b956) !important; color: #fff !important; }
.hbtc-cta--dark   { background: var(--hbtc-dark, #221f20) !important; color: #fff !important; }
.hbtc-cta--yellow { background: var(--hbtc-yellow, #f1bb41) !important; color: #221f20 !important; }
.hbtc-cta--center { text-align: center; }
.hbtc-cta--center .hbtc-cta__discount { justify-content: center; }
.hbtc-cta__inner { max-width: 760px; }
.hbtc-cta--center .hbtc-cta__inner { margin: 0 auto; }
.hbtc-cta__title {
	font-family: "Gilroy-ExtraBold", system-ui, sans-serif;
	font-weight: 800;
	font-size: clamp(26px, 3.4vw, 46px);
	margin: 0 0 12px;
	line-height: 1.05;
	color: inherit !important;
}
.hbtc-cta__discount {
	font-family: "Gilroy-ExtraBold", system-ui, sans-serif;
	font-weight: 800;
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin: 6px 0 14px;
	line-height: .9;
}
.hbtc-cta__discount-label { font-size: clamp(24px, 3.6vw, 48px); color: inherit !important; }
.hbtc-cta__discount-value {
	font-size: clamp(42px, 7vw, 88px);
	color: var(--hbtc-yellow, #f1bb41) !important;
}
.hbtc-cta--yellow .hbtc-cta__discount-value { color: var(--hbtc-dark, #221f20) !important; }
.hbtc-cta__text {
	font-family: "Gilroy-Medium", system-ui, sans-serif;
	font-size: clamp(15px, 1.6vw, 18px);
	margin: 0 0 22px;
	color: inherit !important;
}
.hbtc-cta__content { margin-bottom: 22px; }

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 640px) {
	.hbtc-hero__inner { padding: 32px 22px; }
	.hbtc-cta { padding: 32px 24px; }
	.hbtc-hero__quality { width: 76px; height: 76px; top: 18px; right: 18px; }
}