/**
 * Home overrides — loaded after home.css
 */

/* Bra promo — bottom spacing */
.lindex-bra-promo {
	margin-bottom: var(--lindex-showcase-gutter-y);
}

.lindex-bra-promo__eyebrow {
	font-size: 15px;
}

.lindex-bra-promo__terms {
	color: var(--lindex-hero-ink);
}

/* Hero content — tight padding so buttons sit close under the title */
.lindex-hero__content {
	padding: 20px clamp(24px, 5vw, 80px);
}

/* Hero buttons — center aligned like the title */
.lindex-hero__buttons {
	justify-content: center;
}

/* All showcase buttons — always centered */
.lindex-showcase__buttons {
	justify-content: center;
}

/* About section — reduce top/bottom padding */
.lindex-about {
	padding: clamp(28px, 3vw, 48px) clamp(20px, 5vw, 40px);
}

/* ── 1. Bold text on ALL homepage buttons ── */
.lindex-hero__btn,
.lindex-showcase__chip,
.lindex-membership .lindex-showcase__chip {
	font-weight: 700;
}

/* ── 2. Dyqani i verës për fëmijë — buttons right padding 110px ── */
.lindex-showcase--slug-dyqani-i-veres-per-femije .lindex-showcase__buttons {
	padding-right: 110px;
}

/* ── 3. Bra promo CTA button ──
   Uses the hero button classes (.lindex-hero__btn--outline) for identical
   styling to the hero CTAs. Only spacing/height is scoped here. */
.lindex-bra-promo {
	height: auto;
	min-height: 236px;
	padding-top: clamp(28px, 4vw, 44px);
	padding-bottom: clamp(28px, 4vw, 44px);
}

.lindex-bra-promo__cta {
	margin-top: 20px;
}