/* Viov UI - global styles migrated from the external code.viov.nl layer */

/* Contact Form 7 (from ui-components.css) */
.wpcf7 {
	width: 100% !important;
}

.wpcf7-form {
	width: 100% !important;
}

.wpcf7-form input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
	width: 100% !important;
	background: white !important;
}

.wpcf7-list-item-label {
	color: #252529 !important;
}

/* FAQ widget (Elfsight). Inert unless the widget is embedded. */
.eapps-faq-content-category-title-text {
	font-family: var(--wp--preset--font-family--theme-antonio) !important;
}

.eapps-faq-content-category-item-question-text {
	font-family: var(--wp--preset--font-family--theme-antonio) !important;
}

.eapps-faq-content-category-item::after {
	background-color: #f2b963 !important;
	opacity: 1 !important;
	height: 1.3px !important;
}

.eapps-faq-content-category-item::before {
	background-color: white !important;
}

.eapps-faq-template-clean.eapps-faq-layout-accordion .eapps-faq-container .eapps-faq-inner .eapps-faq-content-category-items {
	margin-left: 0 !important;
}

.eapps-faq-layout-accordion .eapps-faq-content-category-item-question-text {
	padding-right: 70px !important;
}

/*
 * Elfsight FAQ widget width. The widget's own CSS reset sets
 * `.eapps-faq { max-width: initial }`, which ties with the theme's
 * `.is-layout-constrained` rule and wins on order, making the widget span the
 * full viewport. The live site keeps it at the constrained content width, so
 * restore that here.
 */
.is-layout-constrained > .elfsight-widget-faq,
.is-layout-constrained > .elfsight-widget {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
}

/* Global scrollbar */
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	background-color: #ece5df;
}

::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(234, 181, 100, 1);
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* Navigation */
.wp-block-navigation-item__content:hover {
	color: #f2be6a !important;
}

.wp-block-navigation-item.current-menu-item {
	color: #f2be6a !important;
}

.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
	min-width: 230px !important;
}

/* Language menu keeps the compact width the previous script applied. */
.wp-block-navigation .has-child:not(.open-on-click) > .wp-block-navigation__submenu-container:has(.langmenu),
.wp-block-navigation .has-child:not(.open-on-click) > .wp-block-navigation__submenu-container:has(.langmenu) > li {
	min-width: 119px !important;
}

/* Buttons */
.wp-block-button__link.wp-element-button {
	font-family: var(--wp--preset--font-family--theme-antonio) !important;
	background: #f0b864 !important;
}

/* Smooth in-page anchors (replaces the navigation.js smooth-scroll handler) */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* Carousel controls migrated from carouselmods.css */
.cb-button-prev,
.cb-button-next {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 10 !important;
	margin-top: 0 !important;
	background-color: #f0b864 !important;
	color: #fff !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	border: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	opacity: 1 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
	transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
	cursor: pointer !important;
}

.cb-button-prev {
	left: -40px !important;
}

.cb-button-next {
	right: -40px !important;
}

.cb-button-prev:hover,
.cb-button-next:hover {
	background-color: #fff !important;
	color: #f0b864 !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
	transform: translateY(-50%) scale(1.1) !important;
}

.cb-button-prev::after {
	content: '' !important;
	border: solid currentColor !important;
	border-width: 0 3px 3px 0 !important;
	padding: 4px !important;
	display: inline-block !important;
	transform: rotate(135deg) !important;
	margin-left: 4px !important;
}

.cb-button-next::after {
	content: '' !important;
	border: solid currentColor !important;
	border-width: 0 3px 3px 0 !important;
	padding: 4px !important;
	display: inline-block !important;
	transform: rotate(-45deg) !important;
	margin-left: -4px !important;
}

@media (max-width: 768px) {
	.cb-button-prev,
	.cb-button-next {
		display: none !important;
	}
}

[data-foodtours-newsletter] {
	align-self: start;
	justify-self: start;
	margin: 0;
	padding: 0;
}