/*
 * buttons.css — warianty przycisków (bloki i WooCommerce)
 *
 * Część arkuszy theme'u rozbitych per feature. Kolejność ładowania i lista
 * plików: functions.php → oliwa_enqueue_assets(). Wszystkie wartości pochodzą
 * z assets/css/tokens.css.
 */

/* -------------------------------------------------------------------------
   Przyciski

   Hover przyciemnia o jeden krok, press skaluje do .985 bez zmiany koloru,
   focus to złota obwódka plus pierścień 45% złota.
   ---------------------------------------------------------------------- */

.wp-block-button__link,
.wp-element-button {
	transition: background-color var(--duration-base) var(--easing-standard),
		color var(--duration-base) var(--easing-standard),
		border-color var(--duration-base) var(--easing-standard),
		box-shadow var(--duration-base) var(--easing-standard),
		transform var(--duration-fast) var(--easing-standard);
}

.wp-block-button__link:active,
.wp-element-button:active {
	transform: scale(0.985);
}

.wp-block-button__link:focus-visible,
.wp-element-button:focus-visible {
	box-shadow: var(--focus-ring-shadow);
	outline: 1px solid var(--wp--preset--color--accent);
	outline-offset: 0;
}

/* Wariant złoty — jedyne miejsce, gdzie złoto jest wypełnieniem. */
.wp-block-button.is-style-oliwa-gold .wp-block-button__link {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--primary-dark);
}

.wp-block-button.is-style-oliwa-gold .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--accent-deep);
	color: var(--wp--preset--color--base);
}

/* Wariant konturowy — na kremie. */
.wp-block-button.is-style-oliwa-outline .wp-block-button__link {
	background-color: transparent;
	border: 1px solid var(--hairline-strong);
	color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-oliwa-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--base-alt);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

/* Wariant na zdjęciu lub na oliwce. */
.wp-block-button.is-style-oliwa-on-dark .wp-block-button__link {
	background-color: transparent;
	border: 1px solid var(--hairline-on-dark);
	color: var(--wp--preset--color--base-alt);
}

.wp-block-button.is-style-oliwa-on-dark .wp-block-button__link:hover {
	background-color: rgba(246, 234, 208, 0.12);
	border-color: var(--wp--preset--color--accent-soft);
	color: var(--wp--preset--color--base);
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	background-color: var(--wp--preset--color--primary);
	border-radius: var(--radius-control);
	color: var(--wp--preset--color--base-alt);
	font-family: var(--font-body);
	font-size: var(--text-sm);
	font-weight: 600;
	letter-spacing: var(--tracking-wider);
	padding: var(--pad-control-lg);
	text-transform: uppercase;
	transition: background-color var(--duration-base) var(--easing-standard),
		transform var(--duration-fast) var(--easing-standard);
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background-color: var(--wp--preset--color--primary-light);
	color: var(--wp--preset--color--base-alt);
}

.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active {
	transform: scale(0.985);
}