/**
 * FairPlay Swiss Shop - Custom CSS
 *
 * Custom styles complementing theme.json global settings.
 * Covers: Layout, animations, hover effects, navigation,
 * product cards, badges, responsive breakpoints, utilities.
 *
 * @package FairPlay_Swiss_Shop
 */

/* =============================================================
   CSS CUSTOM PROPERTIES (extending theme.json tokens)
   ============================================================= */
:root {
	--fairplay-transition-fast: 150ms ease;
	--fairplay-transition-base: 250ms ease;
	--fairplay-transition-slow: 400ms ease;
	--fairplay-border-radius-sm: 6px;
	--fairplay-border-radius-md: 12px;
	--fairplay-border-radius-lg: 20px;
	--fairplay-border-radius-pill: 9999px;
}

/* =============================================================
   GLOBAL RESETS & BASE
   ============================================================= */
*, *::before, *::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

img, video {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Visually hidden utility (accessibility) */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* =============================================================
   HEADER
   ============================================================= */
.fairplay-site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background-color: #FFFFFF;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
	transition: box-shadow var(--fairplay-transition-base);
}

.fairplay-site-header.scrolled {
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

.fairplay-header-top {
	background-color: var(--wp--preset--color--secondary);
}

.fairplay-header-main {
	background-color: #FFFFFF;
}

/* Logo */
.fairplay-logo img,
.fairplay-footer-logo img {
	transition: opacity var(--fairplay-transition-fast);
}

.fairplay-logo:hover img,
.fairplay-footer-logo:hover img {
	opacity: 0.85;
}

/* Navigation */
.fairplay-primary-nav .wp-block-navigation__container {
	gap: 0.25rem;
}

.fairplay-primary-nav .wp-block-navigation-item__content {
	padding: 0.5rem 0.875rem;
	border-radius: var(--fairplay-border-radius-sm);
	transition: background-color var(--fairplay-transition-fast), color var(--fairplay-transition-fast);
}

.fairplay-primary-nav .wp-block-navigation-item__content:hover,
.fairplay-primary-nav .wp-block-navigation-item__content:focus {
	background-color: rgba(212, 88, 10, 0.08);
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

/* Dropdown submenu */
.fairplay-primary-nav .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--fairplay-border-radius-md);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	padding: 0.5rem;
	background: #FFFFFF;
	min-width: 220px;
}

.fairplay-primary-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	padding: 0.6rem 1rem;
	border-radius: var(--fairplay-border-radius-sm);
	font-size: 0.875rem;
	color: var(--wp--preset--color--text-dark);
}

/* Search */
.fairplay-search-form .wp-block-search__input {
	border: 1px solid var(--wp--preset--color--border) !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
	padding: 0.5rem 0.875rem !important;
	font-size: 0.875rem !important;
	transition: border-color var(--fairplay-transition-fast), box-shadow var(--fairplay-transition-fast) !important;
	min-width: 220px;
}

.fairplay-search-form .wp-block-search__input:focus {
	border-color: var(--wp--preset--color--primary) !important;
	box-shadow: 0 0 0 3px rgba(212, 88, 10, 0.15) !important;
	outline: none !important;
}

.fairplay-search-form .wp-block-search__button {
	background-color: var(--wp--preset--color--primary) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
	padding: 0.5rem 0.875rem !important;
	transition: background-color var(--fairplay-transition-fast) !important;
}

.fairplay-search-form .wp-block-search__button:hover {
	background-color: var(--wp--preset--color--primary-dark) !important;
}

/* =============================================================
   CHECKOUT HEADER
   ============================================================= */
.fairplay-checkout-header {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* =============================================================
   HERO SECTION
   ============================================================= */
.fairplay-hero,
.fairplay-hero-pattern {
	position: relative;
}

.fairplay-hero-eyebrow {
	animation: fadeInUp 0.6s ease both;
}

.fairplay-hero .wp-block-heading,
.fairplay-hero-pattern .wp-block-heading {
	animation: fadeInUp 0.7s ease 0.1s both;
}

.fairplay-hero p:not(.fairplay-hero-eyebrow),
.fairplay-hero-pattern p:not(.fairplay-hero-eyebrow) {
	animation: fadeInUp 0.8s ease 0.2s both;
}

.fairplay-hero .wp-block-buttons,
.fairplay-hero-pattern .wp-block-buttons {
	animation: fadeInUp 0.9s ease 0.3s both;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(24px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* =============================================================
   TRUST STRIP
   ============================================================= */
.fairplay-trust-strip,
.fairplay-trust-pattern {
	background: #FFFFFF;
}

/* =============================================================
   PRODUCT CARDS
   ============================================================= */
.fairplay-product-card {
	transition: transform var(--fairplay-transition-base), box-shadow var(--fairplay-transition-base);
	overflow: hidden;
}

.fairplay-product-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--wp--preset--shadow--card-hover) !important;
}

.fairplay-product-card .wp-block-woocommerce-product-image img {
	transition: transform var(--fairplay-transition-slow);
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
}

.fairplay-product-card:hover .wp-block-woocommerce-product-image img {
	transform: scale(1.04);
}

/* Sale badge */
.fairplay-product-card .wc-block-components-product-sale-badge,
.wc-block-components-product-sale-badge {
	background-color: var(--wp--preset--color--primary) !important;
	color: #FFFFFF !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	padding: 0.25rem 0.6rem !important;
}

/* Product title link */
.fairplay-product-card .wp-block-post-title a {
	color: var(--wp--preset--color--text-dark);
	text-decoration: none;
	transition: color var(--fairplay-transition-fast);
}

.fairplay-product-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

/* Add to cart button */
.fairplay-product-card .wc-block-components-product-button .wp-block-button__link,
.fairplay-product-card .wc-block-components-product-button button {
	background-color: var(--wp--preset--color--primary) !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	transition: background-color var(--fairplay-transition-fast), transform var(--fairplay-transition-fast) !important;
	padding: 0.5rem 1rem !important;
	cursor: pointer !important;
}

.fairplay-product-card .wc-block-components-product-button .wp-block-button__link:hover,
.fairplay-product-card .wc-block-components-product-button button:hover {
	background-color: var(--wp--preset--color--primary-dark) !important;
	transform: scale(1.02) !important;
}

/* =============================================================
   CATEGORY CARDS
   ============================================================= */
.fairplay-cat-card {
	transition: transform var(--fairplay-transition-base), box-shadow var(--fairplay-transition-base), border-color var(--fairplay-transition-base);
	cursor: default;
}

.fairplay-cat-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--wp--preset--shadow--card-hover) !important;
	border-color: var(--wp--preset--color--primary) !important;
}

/* WooCommerce category blocks */
.fairplay-category-grid .wc-block-product-categories-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1.5rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.fairplay-category-grid .wc-block-product-categories-list-item {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--fairplay-border-radius-md);
	overflow: hidden;
	transition: transform var(--fairplay-transition-base), box-shadow var(--fairplay-transition-base);
}

.fairplay-category-grid .wc-block-product-categories-list-item:hover {
	transform: translateY(-4px);
	box-shadow: var(--wp--preset--shadow--card-hover);
}

.fairplay-category-grid .wc-block-product-categories-list-item a {
	display: block;
	padding: 1.5rem;
	text-align: center;
	color: var(--wp--preset--color--text-dark);
	text-decoration: none;
	font-weight: 600;
}

/* =============================================================
   PRODUCT GRID
   ============================================================= */
.fairplay-product-grid {
	display: grid;
	gap: 1.5rem;
}

/* =============================================================
   SHOP LAYOUT
   ============================================================= */
.fairplay-shop-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

.fairplay-filter-sidebar {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + 120px);
	max-height: calc(100vh - 180px);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--wp--preset--color--border) transparent;
}

.fairplay-filter-sidebar::-webkit-scrollbar {
	width: 4px;
}

.fairplay-filter-sidebar::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--border);
	border-radius: 2px;
}

/* Filter section headers */
.fairplay-filter-group h4 {
	color: var(--wp--preset--color--text-dark);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

/* Active filters */
.fairplay-active-filters .wc-block-active-filters__clear-all {
	color: var(--wp--preset--color--primary) !important;
	font-size: 0.8rem;
	cursor: pointer;
}

/* =============================================================
   SINGLE PRODUCT
   ============================================================= */
.fairplay-single-product {
	container-type: inline-size;
}

.fairplay-product-details-col {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + 100px);
	align-self: flex-start;
}

/* Sale badge on single product */
.fairplay-sale-badge .wc-block-components-product-sale-badge {
	display: inline-block;
	margin-bottom: 1rem;
}

/* Price */
.fairplay-single-product .wc-block-components-product-price {
	color: var(--wp--preset--color--primary);
}

.fairplay-single-product .wc-block-components-product-price ins {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

.fairplay-single-product .wc-block-components-product-price del {
	color: var(--wp--preset--color--text-muted);
	font-size: 0.85em;
}

/* Add to cart */
.fairplay-add-to-cart-form .quantity input {
	border: 2px solid var(--wp--preset--color--border) !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
	padding: 0.6rem 0.875rem !important;
	font-size: 1rem !important;
	width: 80px !important;
	text-align: center !important;
	transition: border-color var(--fairplay-transition-fast) !important;
}

.fairplay-add-to-cart-form .quantity input:focus {
	border-color: var(--wp--preset--color--primary) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(212, 88, 10, 0.15) !important;
}

.fairplay-add-to-cart-form .single_add_to_cart_button,
.fairplay-add-to-cart-form .wc-block-components-product-button button {
	background-color: var(--wp--preset--color--primary) !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
	padding: 0.875rem 2rem !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	transition: all var(--fairplay-transition-fast) !important;
	cursor: pointer !important;
	box-shadow: 0 4px 12px rgba(212, 88, 10, 0.3) !important;
}

.fairplay-add-to-cart-form .single_add_to_cart_button:hover,
.fairplay-add-to-cart-form .wc-block-components-product-button button:hover {
	background-color: var(--wp--preset--color--primary-dark) !important;
	box-shadow: 0 6px 16px rgba(212, 88, 10, 0.4) !important;
	transform: translateY(-1px) !important;
}

/* Stock indicator */
.fairplay-single-product .wc-block-components-product-stock-indicator.in-stock {
	color: var(--wp--preset--color--success) !important;
	font-weight: 600;
}

.fairplay-single-product .wc-block-components-product-stock-indicator.out-of-stock {
	color: var(--wp--preset--color--error) !important;
	font-weight: 600;
}

/* Product tabs */
.fairplay-product-details-tabs .wc-block-accordion-heading-title {
	font-weight: 600;
	font-size: 1rem;
}

/* Related products */
.fairplay-related-grid .wc-block-grid__products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

/* =============================================================
   NEWSLETTER
   ============================================================= */
.fairplay-newsletter-form .wp-block-search,
.fairplay-newsletter-pattern .wp-block-search {
	width: 100%;
	max-width: 520px;
}

.fairplay-newsletter-form .wp-block-search__inside-wrapper,
.fairplay-newsletter-pattern .wp-block-search__inside-wrapper {
	border: 2px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 8px !important;
	overflow: hidden;
}

.fairplay-newsletter-form .wp-block-search__input,
.fairplay-newsletter-pattern .wp-block-search__input {
	background: rgba(255, 255, 255, 0.1) !important;
	border: none !important;
	color: #FFFFFF !important;
	padding: 0.875rem 1.25rem !important;
	font-size: 0.95rem !important;
}

.fairplay-newsletter-form .wp-block-search__input::placeholder,
.fairplay-newsletter-pattern .wp-block-search__input::placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}

.fairplay-newsletter-form .wp-block-search__button,
.fairplay-newsletter-pattern .wp-block-search__button {
	background-color: var(--wp--preset--color--primary) !important;
	color: #FFFFFF !important;
	border: none !important;
	padding: 0.875rem 1.5rem !important;
	font-weight: 600 !important;
	font-size: 0.9rem !important;
	transition: background-color var(--fairplay-transition-fast) !important;
}

.fairplay-newsletter-form .wp-block-search__button:hover,
.fairplay-newsletter-pattern .wp-block-search__button:hover {
	background-color: var(--wp--preset--color--primary-dark) !important;
}

/* =============================================================
   FOOTER
   ============================================================= */
.fairplay-site-footer {
	background-color: var(--wp--preset--color--secondary);
	color: #FFFFFF;
}

.fairplay-footer-nav .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.75) !important;
	transition: color var(--fairplay-transition-fast) !important;
	padding: 0 !important;
	font-size: 0.875rem !important;
}

.fairplay-footer-nav .wp-block-navigation-item__content:hover {
	color: #FFFFFF !important;
	text-decoration: underline !important;
}

.fairplay-footer-bottom {
	background-color: rgba(0, 0, 0, 0.2);
}

/* Social links in footer */
.fairplay-social-links .wp-social-link {
	background: rgba(255, 255, 255, 0.12) !important;
	transition: background-color var(--fairplay-transition-fast) !important;
}

.fairplay-social-links .wp-social-link:hover {
	background: rgba(255, 255, 255, 0.25) !important;
	transform: translateY(-2px);
}

/* =============================================================
   BREADCRUMBS
   ============================================================= */
.fairplay-breadcrumb {
	font-size: 0.875rem;
	color: var(--wp--preset--color--text-muted);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.fairplay-breadcrumb a {
	color: var(--wp--preset--color--text-muted);
	transition: color var(--fairplay-transition-fast);
}

.fairplay-breadcrumb a:hover {
	color: var(--wp--preset--color--primary);
}

.fairplay-breadcrumb-sep {
	margin: 0 0.25rem;
	color: var(--wp--preset--color--border-strong);
}

/* =============================================================
   CART & CHECKOUT
   ============================================================= */
.fairplay-cart-page,
.fairplay-checkout-page,
.fairplay-account-page {
	min-height: 60vh;
}

.fairplay-cart-block,
.fairplay-checkout-block {
	container-type: inline-size;
}

/* Coupon form */
.fairplay-coupon-form input[type="text"] {
	border: 1px solid var(--wp--preset--color--border) !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
	padding: 0.6rem 0.875rem !important;
}

.fairplay-coupon-form button {
	background-color: var(--wp--preset--color--secondary) !important;
	color: #FFFFFF !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
}

/* Checkout button */
.fairplay-checkout-btn .wc-block-cart__submit-button,
.wc-block-cart__submit-button {
	background-color: var(--wp--preset--color--primary) !important;
	border-radius: var(--fairplay-border-radius-sm) !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	padding: 1rem 2rem !important;
	box-shadow: 0 4px 12px rgba(212, 88, 10, 0.3) !important;
	transition: all var(--fairplay-transition-fast) !important;
}

.fairplay-checkout-btn .wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:hover {
	background-color: var(--wp--preset--color--primary-dark) !important;
	box-shadow: 0 6px 16px rgba(212, 88, 10, 0.4) !important;
	transform: translateY(-1px) !important;
}

/* =============================================================
   PAGINATION
   ============================================================= */
.wp-block-query-pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	flex-wrap: wrap;
	margin-top: 3rem;
}

.wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--fairplay-border-radius-sm);
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--wp--preset--color--text-dark);
	text-decoration: none;
	transition: all var(--fairplay-transition-fast);
}

.wp-block-query-pagination-numbers .page-numbers:hover {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	background-color: rgba(212, 88, 10, 0.05);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: #FFFFFF;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 1rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--fairplay-border-radius-sm);
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--wp--preset--color--text-dark);
	text-decoration: none;
	transition: all var(--fairplay-transition-fast);
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	background-color: rgba(212, 88, 10, 0.05);
}

/* =============================================================
   PROMOTIONAL BANNER
   ============================================================= */
.fairplay-promo-banner,
.fairplay-promo-pattern {
	position: relative;
	overflow: hidden;
}

.fairplay-promo-banner::before,
.fairplay-promo-pattern::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -10%;
	width: 40%;
	height: 200%;
	background: rgba(255, 255, 255, 0.04);
	transform: rotate(-15deg);
	pointer-events: none;
}

/* =============================================================
   ARCHIVE HEADER
   ============================================================= */
.fairplay-archive-header .wp-block-query-title {
	font-size: clamp(2rem, 4vw, 3.5rem);
}

/* =============================================================
   404 PAGE
   ============================================================= */
.wp-site-blocks > main > .wp-block-group:first-child {
	min-height: 50vh;
}

/* =============================================================
   FOCUS STYLES (Accessibility)
   ============================================================= */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--wp--preset--color--primary);
	outline-offset: 3px;
	border-radius: 2px;
}

/* =============================================================
   RESPONSIVE
   ============================================================= */

/* Tablet: 768px–1023px */
@media (max-width: 1023px) {

	.fairplay-filter-sidebar {
		display: none; /* Hidden on tablet; use WooCommerce filter drawer */
	}

	.fairplay-shop-layout .wp-block-column[style*="flex-basis:78%"],
	.fairplay-shop-layout .wp-block-column[style*="flex-basis:22%"] {
		flex-basis: 100% !important;
	}

	.fairplay-related-grid .wc-block-grid__products {
		grid-template-columns: repeat(2, 1fr);
	}

	.fairplay-footer-columns .wp-block-column[style*="flex-basis:30%"] {
		flex-basis: 100% !important;
	}

	.fairplay-footer-columns .wp-block-column[style*="flex-basis:20%"] {
		flex-basis: 45% !important;
	}

	.fairplay-product-columns .wp-block-column {
		flex-basis: 100% !important;
	}

	.fairplay-product-details-col {
		position: static;
	}
}

/* Mobile: up to 767px */
@media (max-width: 767px) {

	/* Header */
	.fairplay-header-top {
		display: none;
	}

	.fairplay-search-form {
		display: none;
	}

	.fairplay-primary-nav .wp-block-navigation__responsive-container {
		background-color: var(--wp--preset--color--secondary) !important;
	}

	/* Hero */
	.fairplay-hero,
	.fairplay-hero-pattern {
		min-height: 80vh !important;
	}

	/* Trust strip */
	.fairplay-trust-strip .wp-block-columns,
	.fairplay-trust-pattern .wp-block-columns {
		flex-direction: column;
	}

	.fairplay-trust-strip .wp-block-column,
	.fairplay-trust-pattern .wp-block-column {
		border-right: none !important;
		border-bottom: 1px solid var(--wp--preset--color--border);
	}

	/* Product grid: 2 columns on mobile */
	.fairplay-product-grid.wp-block-woocommerce-product-collection > * {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	/* Category cards: 2 columns */
	.fairplay-cat-grid .wp-block-column {
		flex-basis: 48% !important;
	}

	/* Footer */
	.fairplay-footer-columns .wp-block-column {
		flex-basis: 100% !important;
	}

	/* Related products */
	.fairplay-related-grid .wc-block-grid__products {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}

	/* Newsletter */
	.fairplay-newsletter-form .wp-block-search,
	.fairplay-newsletter-pattern .wp-block-search {
		max-width: 100%;
	}

	/* Promo banner */
	.fairplay-promo-banner,
	.fairplay-promo-pattern {
		min-height: auto !important;
		padding: 3rem 1.5rem !important;
	}
}

/* Small mobile: up to 480px */
@media (max-width: 480px) {
	.fairplay-product-grid.wp-block-woocommerce-product-collection > * {
		grid-template-columns: 1fr !important;
	}

	.fairplay-cat-grid .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* =============================================================
   CUSTOM SCROLLBAR (Chrome/Edge)
   ============================================================= */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--border-strong);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--wp--preset--color--text-muted);
}

/* =============================================================
   PRINT STYLES
   ============================================================= */
@media print {
	.fairplay-site-header,
	.fairplay-site-footer,
	.fairplay-filter-sidebar,
	.wp-block-woocommerce-mini-cart {
		display: none !important;
	}
}