/*
Theme Name: Getiket
Theme URI: https://getiket.app
Author: Getiket
Description: Getiket storefront theme: brand tokens, WooCommerce-ready block templates.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Version: 2.0.0
Text Domain: getiket
*/

/* Only what theme.json can't express lives here. */

html {
	scroll-behavior: smooth;
}

::selection {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

:where(.wp-element-button, .wp-block-button__link) {
	transition:
		transform 0.22s var(--wp--custom--ease),
		background-color 0.18s ease,
		box-shadow 0.22s var(--wp--custom--ease);
}

:where(.wp-element-button, .wp-block-button__link):hover {
	transform: translateY(-2px);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: color-mix(in srgb, var(--wp--preset--color--primary) 6%, transparent);
	color: var(--wp--preset--color--primary-dark);
}

:where(a, button, input, select, textarea, summary, .wp-element-button):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 3px;
}

/* Header: sticky, frosted. Targets the part itself so WooCommerce's own
   templates (which reference the same part) get it too. */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
	background: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--wp--custom--border);
}

.getiket-logo img {
	display: block;
	height: auto;
	border-radius: 0;
}

.getiket-footer a {
	color: inherit;
	text-decoration: none;
}

.getiket-footer a:hover {
	color: var(--wp--preset--color--accent);
}

/* WooCommerce's coming-soon screens hard-code Cardo/Inter; keep them on brand. */
[class*="woocommerce-coming-soon"] .has-cardo-font-family {
	font-family: var(--wp--preset--font-family--heading) !important;
}

[class*="woocommerce-coming-soon"] .has-inter-font-family {
	font-family: var(--wp--preset--font-family--body) !important;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
	}
}