/* Theme style */

/* ==========================================================================
Base styles
========================================================================== */

body {
	  font-variation-settings: "slnt" 0;
}

/* Headings
========================================================================== */

/* Paragraphs
========================================================================== */

p.is-style-eyebrow {
	font-size: var(--wp--preset--font-size--xs);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
}

strong {
	font-weight: 600;
}

/* Typography spacing
========================================================================== */

p ~ h3 {
	margin-top: var(--wp--preset--spacing--m);
}

p ~ h4 {
	margin-top: var(--wp--preset--spacing--m);
}

.qt-section :is(.grid-col-3, .grid-col-4) .wp-block-image + .wp-block-heading {
	margin-top: var(--wp--preset--spacing--m);
	margin-bottom: var(--wp--preset--spacing--xxs);
}

/* Links
========================================================================== */

:root :where(:is(h1, h2, h3, h4, h5, h6) a:not(.wp-element-button)) {
	text-decoration-thickness: 1.5px;
	text-underline-offset: -2.5px;
}

/* Lists
========================================================================== */

/* Buttons
========================================================================== */

/* Primary button (core) */

/* Secondary button */

/* Outline button (core) */

/* Outline secondary button */

/* Text button */

/* Button on background */

/* Button on background inverted */

/* Inputs
========================================================================== */

/* Label */

/* Input fields */

/* Select */

/* Checkbox & radio button */

/* Focus and active statements */

/* Acceptance */

/* Submit */

[type="submit"] {
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--s);
	letter-spacing: 0.025em;
	font-weight: 400;
	border-radius: 50px;
}

/* Contact form 7
========================================================================== */

/* Media
========================================================================== */

/* Images */
.wp-block-image img {
	border-radius: 8px;
}

/* Video */

/* Iframe & embedded */

/* ==========================================================================
Layout
========================================================================== */

/* Paddings and margins
========================================================================== */

main > .qt-section:first-of-type:is(.product-category__image) {
	padding-top: 0;
	margin-bottom: 0;
}

.qt-section.has-background,
.qt-section__inner.has-background {
	padding: var(--wp--preset--spacing--xxl) var(--wp--preset--spacing--m);
}

/* Max widths
========================================================================== */

/* Grids
========================================================================== */

.grid-col-1 {
	grid-gap: calc(2 * var(--wp--style--block-gap));
}

@media (max-width: 670px) {
	.grid-col-1 {
		grid-gap: var(--wp--style--block-gap);
	}
}

/* ==========================================================================
Announcement bar
========================================================================== */

/* ==========================================================================
Top bar
========================================================================== */

/* ==========================================================================
Header
========================================================================== */

.wpml-language-switcher-block {
	margin-right: 1rem;
}

div.wpml-language-switcher-block ul.isHorizontal {
	gap: 0.5rem !important;
}

[data-wpml="current-language-item"] span {
	text-decoration: underline;
	transition: all 150ms linear;
	text-underline-position: under;
	text-decoration-skip-ink: none;
	cursor: pointer;
}

.wpml-language-switcher-block ul.isHorizontal li:first-of-type::after {
	content: "|";
	margin-left: 0.5rem;
}

.wpml-language-switcher-block ul.isHorizontal li {
	margin: 0 !important;
	padding: 0 !important;
}

/* Desktop menu
========================================================================== */

.mega-menu .menu-item a {
	font-size: var(--wp--preset--font-size--s);
}

.mega-menu .menu-item a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
}

/* Site logo */

/* Header button */

/* Hamburger icon
========================================================================== */

/* User toolbar
========================================================================== */

@media (max-width: 1200px) {
	.user-toolbar {
		margin-right: var(--wp--preset--spacing--xxs);
	}
}

/* Search bar
========================================================================== */

/* ==========================================================================
Footer
========================================================================== */

footer * {
	color: var(--wp--preset--color--white);
}

footer .wp-block-site-logo img {
	filter: invert(1) brightness(100);
}

.is-style-footer-bottom .wp-block-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1rem;
}

footer .wp-block-social-links svg {
    transform: scale(1.5);
} 

@media (max-width: 650px) {
	footer .wp-block-social-links,
	.is-style-footer-bottom .wp-block-list{
		justify-content: center;
	}
}

/* Navigation
========================================================================== */

.footer-menu .menu {
	display: block;
}

.footer-menu .menu a {
	display: inline-block;
	line-height: 2;
}

.footer-menu .menu a:not(:hover) {
	text-decoration: unset;
}

p.footer-heading,
p.is-style-footer-heading {
	font-size: var(--wp--preset--font-size--l);
	font-weight: 700;
	margin-bottom: var(--wp--preset--spacing--s);
}

/* ==========================================================================
Utility classes
========================================================================== */

/* ==========================================================================
Components and modules
========================================================================== */

/* Content with read more 
========================================================================== */
[data-readmore-button] {
	font-weight: 400;
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

/* Breadcrumbs
========================================================================== */

.is-style-breadcrumbs {
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

/* Pagination
========================================================================== */

/* Current, hover */

/* Prev, next */

/* Accordion
========================================================================== */

/* Accordion heading */
.accordion-item__heading h2 {
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	font-size: var(--wp--preset--font-size--s);
}

/* Accordion content */

/* Accordion icon */

/* Tabs
========================================================================== */

/* Splide slider
========================================================================== */

/* Slider header */

/* ==========================================================================
Styles for pages, sections, blocks and others.
========================================================================== */

/* Template: Page Blank
========================================================================== */
.page-template-page-blank .announcement-bar {
	display: none !important;
}

.page-template-page-blank .wp-block-site-logo img {
	filter: invert(1) brightness(100);
	max-width: clamp(200px, 45vw, 400px) !important;
}

/* Page: Search results 
========================================================================== */

/* Section: Hero
========================================================================== */

/* Section: Subhero
========================================================================== */

/* Section: Stacked boxes
========================================================================== */

.is-style-stacked-boxes .is-style-text-column.has-background {
	padding: var(--wp--preset--spacing--xxl) var(--wp--preset--spacing--m);
}

.is-style-stacked-boxes .wp-block-image img {
	border-radius: 0;
}

.is-style-stacked-boxes .grid-col-2 {
	border-radius: 8px;
	overflow: hidden;
}

@media (min-width: 769px) {
	.is-style-stacked-boxes .grid-col-2 {
		grid-gap: 0;
	}

	.is-style-stacked-boxes .is-style-text-column:not(.has-background) {
		padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--l);
	}
}

@media (max-width: 768px) {
	.is-style-stacked-boxes .is-style-text-column:not(.has-background) {
		padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--l);
	}

	.is-style-stacked-boxes > .grid {
		grid-gap: 0;
	}

	.is-style-stacked-boxes .grid-col-2 {
		grid-template-columns: minmax(0, 1fr);
	}

	.is-style-stacked-boxes .qt-container:nth-of-type(even) .qt-section .qt-container:first-of-type {
		grid-row: 2;
	}
}

/* Slider - Logos
========================================================================== */

/* Archive: Category
========================================================================== */

/* Articles
========================================================================== */

/* Card */

/* Single: Article
========================================================================== */

.wp-block-post-featured-image img {
	border-radius: 8px;
}

/* Employees
========================================================================== */

/* Testimonial slider
========================================================================== */

/* Testimonial card */

/* Image gallery with lightbox
========================================================================== */

/* FAQ
========================================================================== */

.faq {
	grid-gap: 0;
}

.faq .accordion-item {
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
	border-bottom: 1px solid var(--wp--preset--color--neutral-2);
}

.faq .accordion-item__heading {
	align-items: center;
}

/* Recipes
========================================================================== */

/* Card */
.recipe {
	text-decoration: none;
}

.recipe .card__image img {
	aspect-ratio: var(--wp--custom--aspect-ratio--landscape);
	object-fit: cover;
}

.recipe__title {
	font-size: var(--wp--preset--font-size--m);
	font-weight: 700;
}

/* Single: Recipe
========================================================================== */

.wp-block-post-featured-image img {
	border-radius: 8px;
}

/* Members (Reztart Club)
========================================================================== */

.members {
	grid-gap: 0;
}

@media (max-width: 768px) {
	.members {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Card */
.member {
	position: relative;
	text-decoration: none;
	gap: 0;
	opacity: 1 !important;
}

.member .card__image {
	position: relative;
	overflow: hidden;
}

.member .card__image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0);
	pointer-events: none;
	z-index: 1;
	transition: background 150ms linear;
}

.member:hover .card__image::before {
	background: rgba(0, 0, 0, 0.5);
}

.member .card__image img {
	aspect-ratio: var(--wp--custom--aspect-ratio--square);
	object-fit: cover;
	border-radius: 0;
}

.member .card__content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 100%;
	padding: var(--wp--preset--spacing--s);
	visibility: hidden;
}

.member:hover .card__content {
	visibility: visible;
}

.member__title {
	font-size: var(--wp--preset--font-size--m);
	font-weight: 700;
	text-align: center;
	color: var(--wp--preset--color--white);
}