/**
 * SprzedamSzybko.pl UI Design System
 * Version 1.0 - shared contract for Core-generated controls.
 *
 * Future rule:
 * - primary action: green / dark text / 10px radius / 48px min height;
 * - secondary action: white / neutral border / dark text / same geometry;
 * - card-like download actions remain cards, but share one hover/focus language.
 */

:root {
	--ss-ui-green: #09dc7b;
	--ss-ui-green-hover: #08cb70;
	--ss-ui-green-active: #07ba66;
	--ss-ui-green-dark: #087746;
	--ss-ui-ink: #101828;
	--ss-ui-text: #243248;
	--ss-ui-muted: #66758a;
	--ss-ui-border: #cad5df;
	--ss-ui-border-soft: #dce6ed;
	--ss-ui-surface: #ffffff;
	--ss-ui-surface-soft: #f7faf8;
	--ss-ui-radius-button: 10px;
	--ss-ui-radius-card-action: 14px;
	--ss-ui-button-height: 48px;
	--ss-ui-button-pad-y: 12px;
	--ss-ui-button-pad-x: 20px;
	--ss-ui-button-font-size: 15px;
	--ss-ui-button-weight: 800;
	--ss-ui-focus: rgba(9, 220, 123, .30);
	--ss-ui-shadow-primary: 0 8px 20px rgba(9, 220, 123, .16);
	--ss-ui-shadow-primary-hover: 0 11px 25px rgba(9, 220, 123, .22);
	/* 1.0.152 - one horizontal rhythm for Core-generated sections. */
	--ss-ui-content-max: 1240px;
	--ss-ui-compact-max: 980px;
	--ss-ui-content-gutter: 24px;
}

/* Shared geometry for plugin-generated buttons. */

/* Explicit Core button contract - no substring class matching. */

.sspf-button,
.sslf-submit,
.sslf-phone-cta,
.ss21-market__button,
.ss21-authority-cta > a,
.ss21f-district-snapshot__links .ss21f-district-snapshot__primary,
.ss21e-copy,
.ss21n-context__primary,
.ss21g-price-to-service > a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	min-height: var(--ss-ui-button-height) !important;
	padding: var(--ss-ui-button-pad-y) var(--ss-ui-button-pad-x) !important;
	border-radius: var(--ss-ui-radius-button) !important;
	font-family: var(--global-body-font-family, inherit) !important;
	font-size: var(--ss-ui-button-font-size) !important;
	font-weight: var(--ss-ui-button-weight) !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor: pointer;
	transition:
		background-color .17s ease,
		border-color .17s ease,
		box-shadow .17s ease,
		transform .17s ease !important;
}

/* Primary action. */
.sslf-submit,
.ss21-market__button,
.ss21-authority-cta > a,
.sspf-button--primary,
.ss21f-district-snapshot__links .ss21f-district-snapshot__primary,
.ss21e-copy,
.ss21n-context__primary,
.ss21g-price-to-service > a {
	border: 1px solid var(--ss-ui-green) !important;
	background: var(--ss-ui-green) !important;
	color: #07150f !important;
	box-shadow: var(--ss-ui-shadow-primary) !important;
}

.sslf-submit:hover,
.sslf-submit:focus-visible,
.ss21-market__button:hover,
.ss21-market__button:focus-visible,
.ss21-authority-cta > a:hover,
.ss21-authority-cta > a:focus-visible,
.sspf-button--primary:hover,
.sspf-button--primary:focus-visible,
.ss21f-district-snapshot__links .ss21f-district-snapshot__primary:hover,
.ss21f-district-snapshot__links .ss21f-district-snapshot__primary:focus-visible,
.ss21e-copy:hover,
.ss21e-copy:focus-visible,
.ss21n-context__primary:hover,
.ss21n-context__primary:focus-visible,
.ss21g-price-to-service > a:hover,
.ss21g-price-to-service > a:focus-visible {
	border-color: var(--ss-ui-green-hover) !important;
	background: var(--ss-ui-green-hover) !important;
	color: #07150f !important;
	box-shadow: var(--ss-ui-shadow-primary-hover) !important;
	transform: translateY(-1px);
}

.sslf-submit:active,
.ss21-market__button:active,
.ss21-authority-cta > a:active,
.sspf-button--primary:active,
.ss21f-district-snapshot__links .ss21f-district-snapshot__primary:active,
.ss21e-copy:active,
.ss21n-context__primary:active,
.ss21g-price-to-service > a:active {
	border-color: var(--ss-ui-green-active) !important;
	background: var(--ss-ui-green-active) !important;
	box-shadow: 0 5px 12px rgba(39, 122, 66, .12) !important;
	transform: translateY(0);
}

/* Secondary action. */
.sslf-phone-cta,
.sspf-button--ghost-dark {
	border: 1px solid var(--ss-ui-border) !important;
	background: var(--ss-ui-surface) !important;
	color: var(--ss-ui-text) !important;
	box-shadow: none !important;
}

.sslf-phone-cta:hover,
.sslf-phone-cta:focus-visible,
.sspf-button--ghost-dark:hover,
.sspf-button--ghost-dark:focus-visible {
	border-color: #aebdca !important;
	background: #f7fafc !important;
	color: var(--ss-ui-ink) !important;
	box-shadow: 0 7px 17px rgba(18, 38, 58, .06) !important;
	transform: translateY(-1px);
}

/* Footer phone keeps the dark-footer treatment, but shares geometry. */
.sspf-button--footer-phone {
	border-radius: var(--ss-ui-radius-button) !important;
}

/* One keyboard focus language. */
.sspf-button:focus-visible,
.sslf-submit:focus-visible,
.sslf-phone-cta:focus-visible,
.ss21-market__button:focus-visible,
.ss21-authority-cta > a:focus-visible,
.ss21f-district-snapshot__links .ss21f-district-snapshot__primary:focus-visible,
.ss21e-copy:focus-visible,
.ss21n-context__primary:focus-visible,
.ss21g-price-to-service > a:focus-visible,
.ss21e-download:focus-visible,
.ss21j-streets__download:focus-visible {
	outline: 3px solid var(--ss-ui-focus) !important;
	outline-offset: 3px !important;
}

/* Disabled state. */
.sslf-submit:disabled,
.ss21e-copy:disabled {
	opacity: .62 !important;
	cursor: progress !important;
	box-shadow: none !important;
	transform: none !important;
}

/* Download/generator cards: same geometry and hover behaviour, still visually cards. */
.ss21e-download,
.ss21j-streets__download {
	min-height: 132px !important;
	padding: 17px !important;
	border: 1px solid var(--ss-ui-border-soft) !important;
	border-radius: var(--ss-ui-radius-card-action) !important;
	background: var(--ss-ui-surface) !important;
	color: var(--ss-ui-ink) !important;
	box-shadow: 0 6px 18px rgba(18, 38, 58, .045) !important;
}

.ss21e-download:hover,
.ss21e-download:focus-visible,
.ss21j-streets__download:hover,
.ss21j-streets__download:focus-visible {
	border-color: #85d99a !important;
	background: var(--ss-ui-surface) !important;
	color: var(--ss-ui-ink) !important;
	box-shadow: 0 10px 24px rgba(39, 122, 66, .10) !important;
	transform: translateY(-2px);
}

/* Protect real <button> download cards from Kadence/global button hover rules. */
button.ss21e-download,
button.ss21e-download:hover,
button.ss21e-download:focus,
button.ss21e-download:focus-visible,
button.ss21e-download:active,
button.ss21j-streets__download,
button.ss21j-streets__download:hover,
button.ss21j-streets__download:focus,
button.ss21j-streets__download:focus-visible,
button.ss21j-streets__download:active {
	background: var(--ss-ui-surface) !important;
	color: var(--ss-ui-ink) !important;
}

/* File-type chips follow one visual language. */
.ss21e-download__type,
.ss21j-streets__download > span {
	border-radius: 999px !important;
	background: #dffbea !important;
	color: var(--ss-ui-green-dark) !important;
	font-weight: 850 !important;
}

@media (max-width: 620px) {
	:root {
		--ss-ui-button-height: 50px;
		--ss-ui-button-font-size: 15px;
	}

	.sslf-submit,
	.sslf-phone-cta,
	.ss21-market--home .ss21-market__button,
	.ss21f-district-snapshot__links .ss21f-district-snapshot__primary {
		width: 100% !important;
	}

	.ss21e-download,
	.ss21j-streets__download {
		min-height: 0 !important;
	}
}

@media (hover: none) {
	.sslf-submit:hover,
	.sslf-phone-cta:hover,
	.ss21-market__button:hover,
	.ss21-authority-cta > a:hover,
	.sspf-button:hover,
	.ss21f-district-snapshot__links .ss21f-district-snapshot__primary:hover,
	.ss21e-copy:hover,
	.ss21n-context__primary:hover,
	.ss21g-price-to-service > a:hover,
	.ss21e-download:hover,
	.ss21j-streets__download:hover {
		transform: none;
	}
}


/*
 * 1.0.128 - verified legacy clickable controls.
 * Important: only real anchors/buttons are listed here. Never style wrappers
 * such as __cta, __cta-wrap, __cta-copy or __article-cta as buttons.
 */
.ss-mobile-menu-button,
.ss-price-reports__button,
.ss-floating-contact-widget__button--phone,
.ss-floating-contact-widget__button--whatsapp {
	border-color: var(--ss-ui-green) !important;
	background: var(--ss-ui-green) !important;
	color: #07150f !important;
}

.ss-mobile-menu-button:hover,
.ss-mobile-menu-button:focus-visible,
.ss-price-reports__button:hover,
.ss-price-reports__button:focus-visible,
.ss-floating-contact-widget__button--phone:hover,
.ss-floating-contact-widget__button--phone:focus-visible,
.ss-floating-contact-widget__button--whatsapp:hover,
.ss-floating-contact-widget__button--whatsapp:focus-visible {
	border-color: var(--ss-ui-green-hover) !important;
	background: var(--ss-ui-green-hover) !important;
	color: #07150f !important;
}

/* Restore layout containers if an old cached stylesheet ever colored them. */
.ss-site-footer__cta-wrap {
	border-color: transparent !important;
	background: var(--sspf-navy, #0d1224) !important;
	color: inherit !important;
}

.ss-site-footer__cta {
	color: inherit !important;
	background: linear-gradient(110deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
	border-color: rgba(255,255,255,.10) !important;
}

.ss-site-footer__cta-copy,
.ss-site-footer__cta-actions {
	border-color: transparent !important;
	background: transparent !important;
	color: inherit !important;
}
/* 1.0.129 - footer CTA: primary valuation + secondary phone, both readable. */
.ss-site-footer__cta-actions .sspf-button--footer-phone {
	border: 1px solid rgba(255,255,255,.22) !important;
	background: rgba(255,255,255,.045) !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

.ss-site-footer__cta-actions .sspf-button--footer-phone:hover,
.ss-site-footer__cta-actions .sspf-button--footer-phone:focus-visible {
	border-color: rgba(255,255,255,.42) !important;
	background: rgba(255,255,255,.085) !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

.ss-site-footer__cta-actions .sspf-button--footer-phone svg,
.ss-site-footer__cta-actions .sspf-button--primary svg {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	flex: 0 0 18px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.9 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.ss-site-footer__cta-actions .sspf-button--footer-phone svg {
	color: var(--ss-ui-green) !important;
	stroke: var(--ss-ui-green) !important;
}

.ss-site-footer__cta-actions .sspf-button--primary svg {
	color: #07150f !important;
	stroke: #07150f !important;
}