/* ========================================================
   BOVA Newsletter Switcher
   Používá globální proměnné z :root ve style.css:
   --bova-primary-orange
   --bova-blue
   --bova-violet
   --bova-border
   --bova-radius-small
   --bova-transition
======================================================== */

/* --------------------------------------------------------
   Textová pole
-------------------------------------------------------- */

.bova-newsletter input[type="text"],
.bova-newsletter input[type="email"],
.bova-newsletter input[type="tel"],
.bova-newsletter input[type="number"],
.bova-newsletter input[type="url"],
.bova-newsletter textarea,
.bova-newsletter select {
	color: var(--bova-violet, #6862A4) !important;
	border-color: var(--bova-border, #e5e7eb) !important;
	border-radius: var(--bova-radius-small, 8px) !important;
	transition: var(--bova-transition, all .2s ease) !important;
}

/* E-mail bývá ve FluentCRM needitovatelný. Zachováme fialový text. */
.bova-newsletter input[disabled],
.bova-newsletter input[readonly] {
	color: var(--bova-violet, #6862A4) !important;
}

/* Focus – záměrně velmi specifické a s !important */
.bova-newsletter input[type="text"]:focus,
.bova-newsletter input[type="email"]:focus,
.bova-newsletter input[type="tel"]:focus,
.bova-newsletter input[type="number"]:focus,
.bova-newsletter input[type="url"]:focus,
.bova-newsletter textarea:focus,
.bova-newsletter select:focus,
.bova-newsletter .bova-field-focus {
	color: var(--bova-primary-orange, #FD5000) !important;
	border-color: var(--bova-primary-orange, #FD5000) !important;
	outline: 0 !important;
	box-shadow: none !important;
}

/* --------------------------------------------------------
   Checkboxy
   Nativní checkbox je vizuálně skrytý a plugin za něj vloží
   vlastní span.bova-checkbox-visual. Tím obejdeme styly
   FluentCRM / Fluent Forms / šablony.
-------------------------------------------------------- */

.bova-newsletter input[type="checkbox"].bova-checkbox-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.bova-newsletter .bova-checkbox-visual {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 24px !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	box-sizing: border-box !important;
	margin: 0 8px 0 0 !important;
	border: 1px solid var(--bova-border, #e5e7eb) !important;
	border-radius: 5px !important;
	background: #fff !important;
	vertical-align: middle !important;
	cursor: pointer !important;
	transition: var(--bova-transition, all .2s ease) !important;
}

/* Bílá fajfka */
.bova-newsletter .bova-checkbox-visual::after {
	content: "" !important;
	display: block !important;
	width: 10px !important;
	height: 6px !important;
	border-left: 3px solid #fff !important;
	border-bottom: 3px solid #fff !important;
	transform: rotate(-45deg) translate(1px, -1px) !important;
	opacity: 0 !important;
}

/* Zaškrtnutý stav */
.bova-newsletter input[type="checkbox"].bova-checkbox-native:checked + .bova-checkbox-visual {
	background: var(--bova-primary-orange, #FD5000) !important;
	border-color: var(--bova-primary-orange, #FD5000) !important;
}

.bova-newsletter input[type="checkbox"].bova-checkbox-native:checked + .bova-checkbox-visual::after {
	opacity: 1 !important;
}

/* Hover */
.bova-newsletter .bova-checkbox-visual:hover {
	border-color: var(--bova-blue, #499AD4) !important;
}

/* Focus klávesnicí */
.bova-newsletter input[type="checkbox"].bova-checkbox-native:focus-visible + .bova-checkbox-visual {
	outline: 2px solid var(--bova-blue, #499AD4) !important;
	outline-offset: 2px !important;
}

/* --------------------------------------------------------
   Hlavní tlačítka
-------------------------------------------------------- */

.bova-newsletter button[type="submit"],
.bova-newsletter input[type="submit"] {
	background: var(--bova-primary-orange, #FD5000) !important;
	border: 1px solid var(--bova-primary-orange, #FD5000) !important;
	color: #fff !important;
	min-height: 46px !important;
	padding: 10px 22px !important;
	border-radius: var(--bova-radius-small, 8px) !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: var(--bova-transition, all .2s ease) !important;
}

.bova-newsletter button[type="submit"]:hover,
.bova-newsletter button[type="submit"]:focus,
.bova-newsletter input[type="submit"]:hover,
.bova-newsletter input[type="submit"]:focus,
.bova-newsletter button[type="submit"]:active,
.bova-newsletter input[type="submit"]:active {
	background: var(--bova-blue, #499AD4) !important;
	border-color: var(--bova-blue, #499AD4) !important;
	color: #fff !important;
	outline: none !important;
	box-shadow: none !important;
}

/* --------------------------------------------------------
   Odkazy
-------------------------------------------------------- */

.bova-newsletter a {
	color: var(--bova-violet, #6862A4);
	transition: var(--bova-transition, all .2s ease);
}

.bova-newsletter a:hover,
.bova-newsletter a:focus {
	color: var(--bova-primary-orange, #FD5000);
}