/*
 * BIOVIA — YOOtheme Pro child theme
 * File: /wp-content/themes/biovia/css/custom.css
 *
 * Font:
 * /wp-content/themes/biovia/fonts/Fredoka-VariableFont_wdth,wght.ttf
 * /wp-content/themes/biovia/fonts/Pinefolk.otf
 *
 * Graphic assets:
 * /wp-content/themes/biovia/images/btn-bg-1b4c30.svg
 * /wp-content/themes/biovia/images/btn-bg-b8bf74.svg
 * /wp-content/themes/biovia/images/produkt-card-bg_*.svg
 */

/* ==========================================================================
   Brand tokens
   ========================================================================== */

:root {
	--biovia-ink: #202114;
	--biovia-green: #1b4c30;
	--biovia-cream: #f0e4d3;
	--biovia-lime: #b8bf74;

	--biovia-orange: #e0833b;
	--biovia-yellow: #f3c04f;
	--biovia-rose: #bd9188;
	--biovia-olive: #8a9646;
	--biovia-brown: #b37133;
	--biovia-sage: #89a292;
	--biovia-red: #ca4b36;
	--biovia-tan: #b2936d;
	--biovia-green-light: #a1bb52;
}


/* ==========================================================================
   Custom fonts
   ========================================================================== */

@font-face {
	font-family: "Fredoka";
	src: url("../fonts/Fredoka-VariableFont_wdth,wght.ttf") format("truetype");
	font-style: normal;
	font-weight: 300 700;
	font-stretch: 75% 125%;
	font-display: swap;
}

@font-face {
	font-family: "Pinefolk";
	src: url("../fonts/Pinefolk.otf") format("opentype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}


/* ==========================================================================
   Typography refinements
   ========================================================================== */

body {
	font-family: "Fredoka", sans-serif;
	font-weight: 300;
	color: var(--biovia-ink);
}

strong,
b, 
.uk-text-bold {
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6,
.uk-heading-2xlarge,
.uk-heading-xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-card-title,
.uk-modal-title {
	font-family: "Pinefolk", sans-serif;
	font-weight: 400;
	letter-spacing: 0;
}

/* Nel layout BIOVIA i titoli molto grandi possono essere anche "ink",
   mentre gli H1/H2/H3 standard ereditano il verde definito nello stile. */
.uk-heading-2xlarge,
.uk-heading-xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small {
	color: var(--biovia-ink);
}

/* Evita il tracking molto ampio tipico dello stile Fuse. */
.uk-navbar-nav > li > a,
.uk-subnav > * > :first-child,
.uk-nav-header,
.uk-button,
.uk-label,
.uk-article-meta {
	letter-spacing: 0.02em;
}

.uk-navbar-nav > li > a,
.uk-subnav > * > :first-child,
.uk-nav-header, 
.uk-navbar-dropdown-nav {
	font-family: "Pinefolk", sans-serif;
	font-weight: 600;
}

.uk-breadcrumb > * > * {
	font-family: "Fredoka", sans-serif;
	font-weight: 300;
	letter-spacing: 0;
}

.uk-slidenav-large svg {
	width: 26px;
	height: 39.64px;
}

.uk-navbar-dropdown {
	border-radius: 0 0 20px 20px;
}

/* ==========================================================================
   BIOVIA buttons
   ========================================================================== */

.uk-button {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	letter-spacing: 0.015em;
	border-radius: 0 !important;
}

/* Forma organica scura */
.uk-button-primary,
.biovia-button-dark, 
.uk-card-primary .uk-button-default {
	background-color: transparent !important;
	background-image: url("../images/btn-bg-1b4c30.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% 100% !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--biovia-cream) !important;
	padding-left: 22px;
	padding-right: 22px;
	padding-top:11px;
	padding-bottom:11px;
}

.uk-light a.uk-navbar-toggle.uk-icon.uk-search-icon {
	color: #f0e4d3 !important;
}
.uk-light a.uk-navbar-toggle.uk-icon.uk-search-icon:hover {
	color: #b8bf74 !important;
}
a.uk-navbar-toggle.uk-icon.uk-search-icon:hover, 
a.uk-navbar-toggle.uk-icon.uk-search-icon[aria-expanded=true] {
	color: #202114 !important;
}

/* Forma organica chiara */
.uk-button-secondary,
.biovia-button-light {
	background-color: transparent !important;
	background-image: url("../images/btn-bg-b8bf74.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% 100% !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--biovia-green) !important;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 11px;
	padding-bottom: 11px;
}

/* Nei blocchi scuri, il Primary diventa automaticamente la CTA chiara. */
.uk-light .uk-button-primary,
.uk-section-primary .uk-button-primary,
.uk-tile-primary .uk-button-primary,
.uk-card-primary .uk-button-primary {
	background-image: url("../images/btn-bg-b8bf74.svg") !important;
	color: var(--biovia-green) !important;
}

.uk-button-primary:hover,
.uk-button-primary:focus,
.uk-button-secondary:hover,
.uk-button-secondary:focus,
.biovia-button-dark:hover,
.biovia-button-dark:focus,
.biovia-button-light:hover,
.biovia-button-light:focus, 
.uk-card-primary .uk-button-default:hover, 
.uk-card-primary .uk-button-default:focus {
	opacity: 0.9;
}

.uk-button-primary:disabled,
.uk-button-secondary:disabled {
	opacity: 0.45;
}

.column-rounded .uk-background-cover, 
.column-rounded .uk-card {
	border-radius: 20px !important;
	overflow: hidden;
}


.wpml-ls-sidebars-header.wpml-ls.wpml-ls-legacy-dropdown-click.js-wpml-ls-legacy-dropdown-click, .wpml-ls-legacy-dropdown-click {
	width: auto;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	display: none;
}
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
	padding: 0;
	border: 0 none;
	border-radius: 10px;
	overflow: hidden;
	width: auto !important;
}
#wpml-ls-submenu-click-default {
	background-color: transparent;
	border: 0 none;
	padding-top: 15px;
}
#wpml-ls-submenu-click-default a.wpml-ls-link {
	padding: 0;
	border: 0 none;
	border-radius: 10px;
	overflow: hidden;
}

/* ==========================================================================
   Navbar - freccia voci con submenu
   ========================================================================== */

.uk-navbar-nav > li.menu-item-has-children > a::after {
	content: "";

	display: block;
	flex: none;

	width: 13px;
	height: 9px;

	margin-left: 8px;

	background-color: currentColor;

	-webkit-mask-image: url("../images/arrow-down.svg");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;

	mask-image: url("../images/arrow-down.svg");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;

	transition: transform 0.2s ease;
}


/* Quando il submenu è aperto */
.uk-navbar-nav > li.menu-item-has-children > a[aria-expanded="true"]::after {
	transform: rotate(180deg);
}

/* ==========================================================================
   BIOVIA - Header icons
   ========================================================================== */

/* Ricerca */
.uk-search-icon svg {
	width: 26px;
	height: 26px;
}

.uk-navbar-toggle-icon svg, .uk-navbar-right .uk-search-icon svg {
	width: 30px;
	height: 30px;
}


/* ==========================================================================
   Categorie
   ========================================================================== */

.bio-category-hero {
	will-change: background-position-x;
	background-image: url("https://bioviafood.de/wpsite/wp-content/uploads/2026/08/Biovia_graph-leafs_right.svg");
	overflow: visible !important;
	background-size: 630px;
	background-position-x: calc(100% + 250px);
	background-position-y: 50%;
	background-repeat: no-repeat;
}
@media (max-width: 959px) {
	.bio-category-hero {
		background-image: none !important;
	}
}

/* ==========================================================================
   Filtri categorie - pagina archivio Prodotti
   ========================================================================== */

.post-type-archive-product .bio-cat-buttons .uk-button-secondary {
	background-image: none !important;
}

.post-type-archive-product .bio-cat-buttons .uk-button-secondary:hover {
	background-image: url("../images/btn-bg-b8bf74.svg") !important;
}

/* Pulsante "Tutti i prodotti" attivo */
.post-type-archive-product .bio-cat-buttons [class*="page-prod-"] {
	background-image: url("../images/btn-bg-b8bf74.svg") !important;
}

/* ==========================================================================
   Product-card organic backgrounds
   ========================================================================== */

.biovia-product-card {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 650 / 800;
	padding: 8% 9%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.biovia-product-card img,
.biovia-product-card picture {
	max-width: 100%;
	max-height: 100%;
}

.biovia-product-card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


/* ==========================================================================
   Product grid - hover background con transizione
   ========================================================================== */

/*
	* Il picture diventa il contenitore dei background,
	* così lo sfondo rimane solamente dietro all'immagine prodotto
	* e non comprende il titolo.
	*/
   .bio-custom-grid a:has(img) picture {
	   position: relative;
	   display: block;
	   isolation: isolate;
   }
   
   
   /*
	* Background base + background colore categoria.
	*/
   .bio-custom-grid a:has(img) picture::before,
   .bio-custom-grid a:has(img) picture::after {
	   content: "";
	   position: absolute;
	   inset: 0;
	   z-index: 0;
   
	   background-repeat: no-repeat;
	   background-position: center;
	   background-size: 100% 100%;
   
	   pointer-events: none;
   
	   transition:
		   opacity 0.3s ease,
		   transform 0.35s ease;
   }
   
   
   /* Background standard */
   .bio-custom-grid a:has(img) picture::before {
	   background-image: url("../images/produkt-card-bg_b8bf74.svg");
	   opacity: 1;
   }
   
   
   /* Background colore categoria */
   .bio-custom-grid a:has(img) picture::after {
	   background-image: var(
		   --bio-product-hover-bg,
		   url("../images/produkt-card-bg_b8bf74.svg")
	   );
	   opacity: 0;
   }
   
   
   /* Hover / focus dell'intera card */
   .bio-custom-grid a:has(img):hover picture::before,
   .bio-custom-grid a:has(img):focus-visible picture::before {
	   opacity: 0;
   }
   
   .bio-custom-grid a:has(img):hover picture::after,
   .bio-custom-grid a:has(img):focus-visible picture::after {
	   opacity: 1;
   }
   
   
   /* Immagine prodotto sopra ai background */
   .bio-custom-grid a:has(img) picture img {
	   position: relative;
	   z-index: 1;
	   display: block;
   }


/*
 * Rimuove il vecchio background applicato
 * direttamente all'immagine.

.bio-custom-grid a:has(img) img {
	background-image: none !important;
	background-color: transparent !important;

	transition: transform 0.35s ease;
}
 */

/*
 * Leggerissimo zoom del prodotto.
 * Se non lo vuoi puoi eliminare questa regola.

.bio-custom-grid a:has(img):hover img,
.bio-custom-grid a:has(img):focus-visible img {
	transform: scale(1.015);
}
 */

/* ==========================================================================
   Colori hover dinamici product grid
   ========================================================================== */

.bio-product-color-89a292 {
	--bio-product-hover-bg:
		url("../images/produkt-card-bg_89a292.svg");
}

.bio-product-color-a1bb52 {
	--bio-product-hover-bg:
		url("../images/produkt-card-bg_a1bb52.svg");
}

.bio-product-color-bd9188 {
	--bio-product-hover-bg:
		url("../images/produkt-card-bg_bd9188.svg");
}

.bio-product-color-ca4b36 {
	--bio-product-hover-bg:
		url("../images/produkt-card-bg_ca4b36.svg");
}

.bio-product-color-e0833b {
	--bio-product-hover-bg:
		url("../images/produkt-card-bg_e0833b.svg");
}

.bio-product-color-f3c04f {
	--bio-product-hover-bg:
		url("../images/produkt-card-bg_f3c04f.svg");
}

.bio-product-color-1b4c30 {
	--bio-product-hover-bg:
		url("../images/produkt-card-bg_1b4c30.svg");
}

.bio-product-color-b8bf74 {
	--bio-product-hover-bg:
		url("../images/produkt-card-bg_b8bf74.svg");
}


.bio-product-color-9db94b {
	--bio-product-hover-bg: url("../images/9db94b.svg");
}

.bio-product-color-89a392 {
	--bio-product-hover-bg: url("../images/89a392.svg");
}

.bio-product-color-859239 {
	--bio-product-hover-bg: url("../images/859239.svg");
}

.bio-product-color-b2936b {
	--bio-product-hover-bg: url("../images/b2936b.svg");
}

.bio-product-color-b37133 {
	--bio-product-hover-bg: url("../images/b37133.svg");
}

.bio-product-color-be9189 {
	--bio-product-hover-bg: url("../images/be9189.svg");
}

.bio-product-color-cc4935 {
	--bio-product-hover-bg: url("../images/cc4935.svg");
}

.bio-product-color-df8139 {
	--bio-product-hover-bg: url("../images/df8139.svg");
}

.bio-product-color-e2ad34 {
	--bio-product-hover-bg: url("../images/e2ad34.svg");
}

/* ==========================================================================
   Background statici product-card
   ========================================================================== */

.biovia-product-card--89a292,
.biovia-product-card--sage,
.bio-product-imgcolor-89a292 {
	background-image:
		url("../images/produkt-card-bg_89a292.svg") !important;
}

.biovia-product-card--a1bb52,
.biovia-product-card--green-light,
.bio-product-imgcolor-a1bb52 {
	background-image:
		url("../images/produkt-card-bg_a1bb52.svg") !important;
}

.biovia-product-card--bd9188,
.biovia-product-card--rose,
.bio-product-imgcolor-bd9188 {
	background-image:
		url("../images/produkt-card-bg_bd9188.svg") !important;
}

.biovia-product-card--ca4b36,
.biovia-product-card--red,
.bio-product-imgcolor-ca4b36 {
	background-image:
		url("../images/produkt-card-bg_ca4b36.svg") !important;
}

.biovia-product-card--e0833b,
.biovia-product-card--orange,
.bio-product-imgcolor-e0833b {
	background-image:
		url("../images/produkt-card-bg_e0833b.svg") !important;
}

.biovia-product-card--f3c04f,
.biovia-product-card--yellow,
.bio-product-imgcolor-f3c04f {
	background-image:
		url("../images/produkt-card-bg_f3c04f.svg") !important;
}

.bio-product-imgcolor-1b4c30 {
	background-image:
		url("../images/produkt-card-bg_1b4c30.svg") !important;
}

.bio-product-imgcolor-b8bf74 {
	background-image:
		url("../images/produkt-card-bg_b8bf74.svg") !important;
}
.biovia-product-card--89a392,
.bio-product-imgcolor-89a392 {
	background-image: url("../images/89a392.svg") !important;
}

.biovia-product-card--9db94b,
.bio-product-imgcolor-9db94b {
	background-image: url("../images/9db94b.svg") !important;
}

.biovia-product-card--be9189,
.bio-product-imgcolor-be9189 {
	background-image: url("../images/be9189.svg") !important;
}

.biovia-product-card--cc4935,
.bio-product-imgcolor-cc4935 {
	background-image: url("../images/cc4935.svg") !important;
}

.biovia-product-card--df8139,
.bio-product-imgcolor-df8139 {
	background-image: url("../images/df8139.svg") !important;
}

.biovia-product-card--e2ad34,
.bio-product-imgcolor-e2ad34 {
	background-image: url("../images/e2ad34.svg") !important;
}

.biovia-product-card--859239,
.bio-product-imgcolor-859239 {
	background-image: url("../images/859239.svg") !important;
}

.biovia-product-card--b37133,
.bio-product-imgcolor-b37133 {
	background-image: url("../images/b37133.svg") !important;
}

.biovia-product-card--b2936b,
.bio-product-imgcolor-b2936b {
	background-image: url("../images/b2936b.svg") !important;
}

/* ==========================================================================
   Handy background utilities
   ========================================================================== */

.biovia-bg-cream {
	background-color: var(--biovia-cream) !important;
}

.biovia-bg-green {
	background-color: var(--biovia-green) !important;
	color: var(--biovia-cream);
}

.biovia-bg-lime {
	background-color: var(--biovia-lime) !important;
	color: var(--biovia-ink);
}

.biovia-text-green {
	color: var(--biovia-green) !important;
}

.biovia-text-ink {
	color: var(--biovia-ink) !important;
}

.biovia-text-cream {
	color: var(--biovia-cream) !important;
}


/* ==========================================================================
   Accessibilità - riduzione animazioni
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.bio-custom-grid a:has(img)::before,
	.bio-custom-grid a:has(img)::after,
	.bio-custom-grid a:has(img) img {
		transition: none;
	}

	.bio-custom-grid a:has(img):hover img,
	.bio-custom-grid a:has(img):focus-visible img {
		transform: none;
	}
}


/* ==========================================================================
   Partner form utility
   Add "biovia-form" to the form wrapper when reproducing the mockup.
   ========================================================================== */

.biovia-form .uk-input,
.biovia-form .uk-select {
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(27, 76, 48, 0.55);
	border-radius: 0;
	color: var(--biovia-ink);
	box-shadow: none;
}

.biovia-form .uk-textarea {
	background: var(--biovia-cream);
	border: 0;
	border-radius: 12px;
	color: var(--biovia-ink);
	box-shadow: none;
}

.biovia-form .uk-input:focus,
.biovia-form .uk-select:focus,
.biovia-form .uk-textarea:focus {
	border-color: var(--biovia-green);
	outline: none;
}

/* ==========================================================================
   Single product
   ========================================================================== */

.bio-custom-slider > .uk-position-relative {
	display: flex;
	justify-content: center;
}

.bio-custom-slider .uk-slider-container {
	max-width: 80%;
}

.bio-custom-slider .uk-position-center-left-out {
	right: 90%;
	width: max-content;
}

.bio-custom-slider .uk-position-center-right-out {
	left: 90%;
	width: max-content;
}

/* ==========================================================================
   Single product - Ricetta consigliata
   ========================================================================== */

.biovia-recipe-image {
	display: block;
	width: 100%;
	aspect-ratio: 850 / 670;
	overflow: hidden;
	border-radius: 12px;
}

.biovia-recipe-image img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 850 / 670;
	object-fit: cover;
	object-position: center;
}


/* ==========================================================================
   BIOVIA - Contact Form 7
   ========================================================================== */
.bio-form-column .uk-tile {
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	background-color: transparent;
	background-image: url("../images/form-background.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	resize: vertical;
}
.biovia-contact-form  p.uk-text-small {
	color: #202114;
	font-weight: 400;
}

/* --------------------------------------------------------------------------
   Input - bordo organico SVG
   -------------------------------------------------------------------------- */
.biovia-contact-form .uk-input {
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	background-color: transparent;
	background-image: url("../images/form-input-border.svg");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 2px;
}
/* Manteniamo un focus ben visibile anche con il bordo SVG */
.biovia-contact-form .uk-input:focus {
	outline: 2px solid var(--biovia-green);
	outline-offset: 3px;
}

/* --------------------------------------------------------------------------
   Textarea - background organico SVG
   -------------------------------------------------------------------------- */
.biovia-contact-form .uk-textarea {
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	background-color: transparent;
	background-image: url("../images/form-textarea-bg.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	padding: 25px 28px;
	resize: vertical;
}
/* Focus textarea */
.biovia-contact-form .uk-textarea:focus {
	outline: 2px solid #1b4c3059;
	outline-offset: 3px;
	border-radius: 30px;
}
/* --------------------------------------------------------------------------
   Privacy
   -------------------------------------------------------------------------- */

.biovia-contact-form .biovia-form-privacy {
	line-height: 22px;
}
.biovia-contact-form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}
/*
 * CF7 genera:
 *
 * <label>
 *     <input type="checkbox">
 *     <span class="wpcf7-list-item-label">...</span>
 * </label>
 */
.biovia-contact-form .wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	cursor: pointer;
	color: #202114 !important;
}
/* Checkbox custom */
.biovia-contact-form .wpcf7-acceptance input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	margin: 1px 0 0;
	border: 2px solid var(--biovia-ink);
	border-radius: 7px;
	background-color: transparent;
	cursor: pointer;
	transition:
		background-color 0.15s ease,
		border-color 0.15s ease,
		box-shadow 0.15s ease;
}

/* Hover */
.biovia-contact-form .wpcf7-acceptance input[type="checkbox"]:hover {
	border-color: var(--biovia-green);
}
/* Checked */
.biovia-contact-form .wpcf7-acceptance input[type="checkbox"]:checked {
	border-color: var(--biovia-green);
	background-color: var(--biovia-green);

	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.2 8.1 14 16 5.8' fill='none' stroke='%23f0e4d3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px 17px;
}
/* Focus tastiera */
.biovia-contact-form .wpcf7-acceptance input[type="checkbox"]:focus-visible {
	outline: 2px solid #1b4c3059;
	outline-offset: 3px;
	border-radius: 30px;
}
/* Testo privacy */
.biovia-contact-form .wpcf7-list-item-label {
	line-height: 26px;
}
/* Link privacy */
.biovia-contact-form .biovia-form-privacy a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Errori CF7
   -------------------------------------------------------------------------- */
.biovia-contact-form .wpcf7-not-valid {
	outline-color: #a52a2a;
}
.biovia-contact-form .wpcf7-not-valid-tip {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	line-height: 1.4;
	color: #7a1f1f;
}
.biovia-contact-form .wpcf7-response-output {
	margin: 20px 0 0 !important;
	padding: 12px 15px !important;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.5;
}

/* --------------------------------------------------------------------------
   Spinner CF7
   -------------------------------------------------------------------------- */
.biovia-contact-form .wpcf7-spinner {
	vertical-align: middle;
}
.biovia-contact-form .uk-button-primary {
	background-color: transparent !important;
	background-image: url("../images/btn-bg-1b4c30.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% 100% !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--biovia-cream) !important;
	padding-left: 22px;
	padding-right: 22px;
}


/* --------------------------------------------------------------------------
   Ricette
   -------------------------------------------------------------------------- */
.bio-rezepte-grid .uk-tile {
	position: relative;
	cursor: pointer;
}
.bio-rezepte-grid .uk-tile .uk-panel {
	position: static;
	z-index: 10;
}
.bio-rezepte-grid .uk-panel h2 a:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 10;
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */
@media (min-width: 960px) {
	.biovia-contact-form {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (max-width: 639px) {
	
	.biovia-contact-form .uk-textarea {
		min-height: 160px;
		padding: 20px;
	}
	.biovia-contact-form .wpcf7-acceptance input[type="checkbox"] {
		width: 24px;
		height: 24px;
	}
	.biovia-contact-form .wpcf7-list-item-label {
		line-height: 24px;
	}
}

/* ==========================================================================
   Easy to choose
   ========================================================================== */

@media (min-width: 960px) {
	.bio-brand-section > .uk-tile {
		max-width: 51%;
		margin-left: auto;
		margin-right: auto;
	}
	.bio-middle-section > .uk-tile {
		max-width: 80%;
		/* margin-left: auto; */
		margin-right: auto;
	}
	.uk-drop.uk-navbar-dropdown {
		top: 80px !important;
	}
}


/* ==========================================================================
   Small responsive refinements
   ========================================================================== */

@media (max-width: 959px)  {
	.height-mobile-default .uk-height-viewport {
		min-height: 60vh;
	}
	.height-mobile-default .uk-text-center img {
		max-height: 60vh;
		width: auto;
	}
   }

@media (max-width: 639px) {
	.uk-button-primary,
	.uk-button-secondary,
	.biovia-button-dark,
	.biovia-button-light {
		padding-left: 18px;
		padding-right: 18px;
	}
}

@media (max-width: 450px) {
	.uk-h2, h2 {
		font-size: 40px;
	}
	.uk-h3, h3 {
		font-size: 35px;
	}
}



/* ==========================================================================
   BIOVIA - Recipe archive
   ========================================================================== */

.biovia-recipe-filter li.el-item, .biovia-recipe-filter li.el-item .el-content {
	line-height: 1.06 !important;
}
.biovia-recipe-filter button.el-link {
	font-weight: 400;
	text-transform: none;
	font-size: 20px;
	line-height: 1.06;
	margin-top: -9px !important;
}

/* --------------------------------------------------------------------------
   Search
   -------------------------------------------------------------------------- */
form.biovia-recipe-filter .uk-search-input, input.uk-search-input {
	border: 0 none;
	background-color: #fff !important;
	border-radius: 10px;
	height: 45px;
}
.biovia-recipe-search .uk-search-icon, input.uk-search-input .uk-search-icon {
	top: 6px;
	right: 3px;
	width: 34px;
	height: 34px;
	border-radius: 7px;
	background: var(--biovia-green);
	color: var(--biovia-cream);
}
.biovia-recipe-filter input[type="search"], input.uk-search-input {
	padding-left: 12px !important;
}
header .uk-search .uk-search-icon, .uk-offcanvas-bar .uk-search-default .uk-search-icon {
	padding-right: 12px !important;
}
.uk-offcanvas-bar .uk-search-default input.uk-search-input {
	color: #1b4c30;
}
/* Placeholder */
.biovia-recipe-filter input[type="search"]::placeholder {
	font-family: "Pinefolk", sans-serif;
	text-transform: uppercase;
	color: #1b4c30;
	opacity: 1;
}
input.uk-search-input::placeholder {
	font-family: "Pinefolk", sans-serif;
	text-transform: uppercase;
	color: #1b4c30;
	opacity: .8;
}
form.biovia-recipe-filter .uk-button-primary {
	font-size: 23px;
}

/* --------------------------------------------------------------------------
   Stato caricamento AJAX
   -------------------------------------------------------------------------- */

.biovia-recipes-results {
	transition: opacity 0.2s ease;
}
.biovia-recipes-results.is-loading {
	opacity: 0.35;
}

/* ==========================================================================
   Recipe archive - Mobile filter
   ========================================================================== */

@media (max-width: 959px) {

	.biovia-recipe-filter-mobile-button {
		position: fixed;
		left: 20px;
		right: 20px;
		bottom: calc(20px + env(safe-area-inset-bottom));
		z-index: 980;
	}

	/*
	 * Evita che l'ultimo contenuto venga coperto
	 * dal pulsante fixed.
	 */
	.biovia-recipe-archive {
		padding-bottom: 80px;
	}
	
	.uk-nav-default .uk-nav-sub {
		font-size: 20px;
	}
	
	.cat-produktkategorie-antipasti-selector .el-item {
		padding-left: 0px;
		margin-top: 10px;
	}

}



/* ==========================================================================
   Header - stato hover
   ========================================================================== */

/*
 * Hover sulla navbar oppure su un dropdown UIkit.
 * :has() ci permette di mantenere lo stato anche quando UIkit
 * sposta il dropdown fuori dal <nav>.
 */
.tm-header .uk-sticky:has(.uk-navbar:hover, > .uk-navbar-dropdown:hover) .uk-navbar-container {
	background-color: var(--biovia-lime, #b8bf74) !important;
}

/* ==========================================================================
   Header inizialmente UK-LIGHT
   ========================================================================== */

/* Menu principale */
.tm-header .uk-sticky:has(.uk-navbar:hover, > .uk-navbar-dropdown:hover) .uk-navbar-container.uk-light .uk-navbar-nav > li > a {
	color: var(--biovia-green, #1b4c30) !important;
}
.tm-header .uk-sticky:has(.uk-navbar:hover, > .uk-navbar-dropdown:hover) .uk-navbar-container.uk-light .uk-navbar-nav > li > a:hover, 
.tm-header .uk-sticky:has(.uk-navbar:hover, > .uk-navbar-dropdown:hover) .uk-navbar-container.uk-light .uk-navbar-nav > li > a:focus-visible {
	color: #202114 !important;
}

/* Search e altri controlli icon-only della navbar */
.tm-header .uk-sticky:has(.uk-navbar:hover, > .uk-navbar-dropdown:hover) .uk-navbar-container.uk-light .uk-navbar-toggle {
	color: var(--biovia-green, #1b4c30) !important;
}


/*
 * Logo: nello stato uk-light YOOtheme mostra .uk-logo-inverse.
 * Durante l'hover vogliamo invece il logo normale/scuro.
 */
.tm-header .uk-sticky:has(.uk-navbar:hover, > .uk-navbar-dropdown:hover) .uk-navbar-container.uk-light .uk-logo > img:not(.uk-logo-inverse) {
	display: inline-block !important;
}

.tm-header .uk-sticky:has(.uk-navbar:hover, > .uk-navbar-dropdown:hover) .uk-navbar-container.uk-light .uk-logo-inverse {
	display: none !important;
}

/*
 * Partner werden: annulliamo la variante light che YOOtheme applica
 * perché .uk-light rimane tecnicamente presente.
 */
.tm-header .uk-sticky:has(.uk-navbar:hover, > .uk-navbar-dropdown:hover) .uk-navbar-container.uk-light .uk-button-primary {
	background-image: url("../images/btn-bg-1b4c30.svg") !important;
	color: var(--biovia-cream, #f0e4d3) !important;
}
/* ==========================================================================
   Dropdown Produkte
   ========================================================================== */
.tm-header .uk-sticky > .uk-navbar-dropdown {
	background-color: var(--biovia-lime, #b8bf74);
}
/* Link submenu */
.tm-header .uk-sticky > .uk-navbar-dropdown .uk-navbar-dropdown-nav > li > a {
	color: var(--biovia-green, #1b4c30) !important;
}
.tm-header .uk-sticky > .uk-navbar-dropdown .uk-navbar-dropdown-nav > li > a:hover, 
.tm-header .uk-sticky > .uk-navbar-dropdown .uk-navbar-dropdown-nav > li > a:focus-visible {
	color: #202114 !important;
}