/*
Theme Name: Filterrods
Description: Storefront child theme for the Filterrods multilingual product catalogue.
Author: Filterrods
Template: storefront
Version: 0.8.1
Text Domain: filterrods
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/**
 * Project-specific styles will be added here as the supplied HTML templates are
 * converted. Storefront loads this stylesheet after its own WooCommerce styles.
 */

a:focus,
.focus a {
	outline: none !important;
}

.cmplz-cookiebanner{z-index:999999;}

/* Storefront's accessible skip link without loading the full parent stylesheet. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	display: block;
	font-weight: 700;
	height: auto;
	left: 0;
	line-height: normal;
	padding: 1em 1.618em;
	text-decoration: none;
	top: 0;
	width: auto;
	z-index: 100000;
}

/* Keep the sticky supplied header below the WordPress admin toolbar. */
.admin-bar .header.sticky-top {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .header.sticky-top {
		top: 46px;
	}
}

/* Keep the final (language) dropdown inside the desktop viewport. */
@media screen and (min-width: 1200px) {
	.navmenu > ul > li:last-child > ul.sub-menu {
		right: 0;
		left: auto;
	}
}

.promo-cards a.promo-card,
.call-to-action-2 .product-title a {
	color: inherit;
	text-decoration: none;
}

.filterrods-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.php-email-form .filterrods-message.is-visible {
	display: block;
}

/* Catalogue additions use the supplied typography, card grid and colour tokens. */
.filterrods-catalogue .page-title {
	/* The sticky header stays in flow; add breathing room, not another header height. */
	padding-top: 48px;
}
.filterrods-catalogue .page-title h1 {
	text-transform: uppercase;
	overflow-wrap: anywhere;
}
.filterrods-catalogue .product-title a {
	color: inherit;
	text-decoration: none;
	overflow-wrap: anywhere;
}
.filterrods-catalogue .product-image a {
	display: block;
}
.filterrods-catalogue .banner-content > * + * {
	margin-top: 12px;
}
/* Temporarily hidden; remove this rule to restore category navigation. */
.filterrods-catalogue-categories {
	display: none;
}
.filterrods-catalogue-categories ul {
	margin: 0;
	padding: 0;
}
.filterrods-catalogue-categories li {
	max-width: 100%;
}
.filterrods-catalogue-categories a {
	display: block;
	padding: 8px 14px;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
	border-radius: 6px;
	color: var(--heading-color);
	font-size: 14px;
	text-decoration: none;
	overflow-wrap: anywhere;
}
.filterrods-catalogue-categories a:hover,
.filterrods-catalogue-categories a.active {
	color: var(--contrast-color);
	background: var(--accent-color);
	border-color: var(--accent-color);
}
.filterrods-catalogue a:focus-visible {
	outline: 2px solid var(--accent-color);
	outline-offset: 3px;
}
.filterrods-catalogue-empty {
	margin-top: 32px;
	padding: 24px;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
	border-radius: 8px;
	background: var(--surface-color);
}
.filterrods-catalogue .woocommerce-pagination {
	margin-top: 32px;
}

/* Contact page: reuse contact-3 styles from the supplied HTML design. */
.filterrods-contact-page .page-title {
	padding-top: 48px;
}
.filterrods-contact-page .page-title h1 {
	text-transform: uppercase;
}
.filterrods-contact-page .info-card a {
	color: inherit;
}
.filterrods-contact-page .info-card a,
.filterrods-contact-page .form-wrapper,
.filterrods-contact-page .page-title {
	overflow-wrap: anywhere;
}
.filterrods-contact-privacy {
	display: block;
	margin: 20px 0;
	font-size: 14px;
}
.filterrods-contact-page .sent-message {
	padding: 12px;
	background: #e9f6ed;
	color: #185e30;
}
.filterrods-contact-page .error-message {
	padding: 12px;
	background: #fff0ef;
	color: #97291f;
}

/* Shared privacy links and the native, editable information-page template. */
main a.filterrods-privacy-link {
	color: var(--heading-color);
	text-decoration: underline;
	text-underline-offset: 3px;
}
main a.filterrods-privacy-link:focus-visible,
.filterrods-information-page a:focus-visible {
	outline: 2px solid var(--heading-color) !important;
	outline-offset: 3px;
}
.filterrods-information-page .page-title {
	padding-top: 48px;
	overflow-wrap: anywhere;
}
.filterrods-information-content {
	line-height: 1.75;
	overflow-wrap: anywhere;
}
.filterrods-information-content h2 {
	font-size: clamp(1.3rem, 3vw, 1.75rem);
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.filterrods-information-content a {
	text-decoration: underline;
}