/*!
Theme Name: jenopek
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Skillcom
Author URI: https://skillcom.hu/
Description: A child theme for Jenői Pékség.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: jenopek
*/

/* Theme customization starts here
-------------------------------------------------------------- */

:root {
	--global-lightolive: #dedfc3;
	--global-darkgreen: #1a321c;
	--fs-1416: clamp(0.875rem, 1.6vw, 1rem);
	--fs-1418: clamp(0.875rem, 1.6vw, 1.125rem);
	--fs-1828: clamp(1.125rem, 2.5vw, 1.75rem);
	--fs-1620: clamp(1rem, 1.6vw, 1.25rem);
	--fs-2030: clamp(1.25rem, 2.5vw, 1.875rem);
	--fs-2440: clamp(1.5rem, 3.5vw, 2.5rem);
	--fs-4060: clamp(2.5rem, 5vw, 3.75rem);
}

@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}
	html {
		interpolate-size: allow-keywords;
		&:focus-within {
			scroll-behavior: smooth;
		}
	}
}

input,
textarea,
button,
select,
a,
h3,
li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
input::placeholder {
	color: var(--global-palette1);
}

/* Global focus and active - outline */
*:focus,
*:active {
	outline: 0;
}
*:focus-visible {
	outline: 1px solid var(--global-palette1);
}

/* prevent image user select */
img {
	user-select: none;
}

/***********************
 ******* GENERAL *******
 ***********************/

html .entry {
	border-radius: 0;
}

html :is(input[type='text'], input[type='email'], input[type='password'], input[type='search'], input[type='number'], input[type='tel'], textarea) {
	color: var(--global-palette1);
}

.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/************************
******** HEADER ********
************************/

/************************
 ********* HOME *********
 ************************/

/***********************
 ******** FOOTER *******
 ***********************/

/***** Full Picture ****/
.fp_show_cookie_notice {
	cursor: pointer;
}
.fupi_buttons button.fupi_button {
	border: 2px solid var(--fupi-notice-cta-bg-color);
	padding: 0.5rem 1rem !important;
}
.fupi_buttons button.fupi_button:hover {
	border-color: var(--fupi-notice-cta-bg-color-hover);
}