/* FunnelKit (Side-Cart, Kasse, Danke-Seite) im Design von wasserbelebungen.de: nur Farben, Schriften, Formen. Aufbau bleibt FunnelKit. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/inter-latin-wght-normal.woff2") format("woff2"); }
@font-face { font-family: "Lora"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fonts/lora-latin-wght-normal.woff2") format("woff2"); }

html:root {
	--fkcart-primary-bg-color: #0e3358;
	--fkcart-primary-font-color: #ffffff;
	--fkcart-primary-text-color: #141d2a;
	--fkcart-secondary-text-color: #4a5970;
	--fkcart-accent-color: #1b7c84;
	--fkcart-border-color: rgba(20, 29, 42, 0.12);
	--fkcart-panel-color: #eaeff2;
	--fkcart-progress-bar-bg-color-active-icon: #1b7c84;
	--fkcart-progress-bar-active-color: #1b7c84;
	--fkcart-progressbar-active-color: #1b7c84;
	--fkcart-toggle-count-bg-color: #1b7c84;
	--fkcart-border-radius: 14px;
	--wb-navy: #0e3358;
	--wb-blue: #1d5a7a;
	--wb-ink: #141d2a;
	--wb-muted: #4a5970;
	--wb-mist: #eaeff2;
}

/* Side-Cart */
#fkcart-modal, #fkcart-modal button, #fkcart-modal input { font-family: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif; }
#fkcart-modal .fkcart-title { font: 500 21px/1.25 "Lora", Georgia, serif; color: var(--wb-navy); }
#fkcart-modal .fkcart-title span { margin-left: 4px; }
#fkcart-modal .fkcart-drawer-heading { font: 500 17px/1.3 "Lora", Georgia, serif; color: var(--wb-navy); }
#fkcart-modal .fkcart-item-title { color: var(--wb-ink); font-weight: 600; }
#fkcart-modal .fkcart-image-wrapper img, #fkcart-modal .fkcart-image { border-radius: 12px; }
#fkcart-modal .fkcart-checkout-wrap a, #fkcart-modal .fkcart-primary-button, #fkcart-modal .fkcart-checkout--text, #fkcart-modal a.fkcart-button { border-radius: 999px !important; }
#fkcart-modal .fkcart-checkout-wrap a:hover, #fkcart-modal .fkcart-primary-button:hover { background: var(--wb-blue) !important; }
#fkcart-modal .fkcart-drawer-items .fkcart-button, #fkcart-modal .fkcart-drawer-items button, #fkcart-modal .fkcart-add-product-button { border-radius: 999px !important; border-color: var(--wb-navy) !important; color: var(--wb-navy) !important; }
#fkcart-modal .fkcart-quantity-selector { border-radius: 999px; overflow: hidden; }
#fkcart-modal .fkcart-coupon-input, #fkcart-modal input[type="text"] { border-radius: 12px; }

/* Kasse (FunnelKit Checkout) */
body.wfacp_elementor_template, body.wfacp_elementor_template .wfacp_main_form, body.wfacp_elementor_template input, body.wfacp_elementor_template select, body.wfacp_elementor_template textarea, body.wfacp_elementor_template label, body.wfacp_elementor_template p, body.wfacp_elementor_template span, body.wfacp_elementor_template td, body.wfacp_elementor_template th { font-family: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif !important; }
body.wfacp_elementor_template .wfacp_section_title, body.wfacp_elementor_template .wfacp-comm-title h2, body.wfacp_elementor_template .wfacp_section_heading { font-family: "Lora", Georgia, serif !important; font-weight: 500 !important; font-size: 21px !important; color: var(--wb-navy) !important; }
body.wfacp_elementor_template #place_order, body.wfacp_elementor_template .wfacp-order-place-btn-wrap button { border-radius: 999px !important; background: var(--wb-navy) !important; color: #fff !important; font: 600 17px/1 "Inter", system-ui, sans-serif !important; min-height: 54px; transition: background-color 0.3s ease; }
body.wfacp_elementor_template #place_order:hover { background: var(--wb-blue) !important; }
body.wfacp_elementor_template .wfacp_mini_cart_classic, body.wfacp_elementor_template .wfacp_order_summary { font-size: 15px; }
body.wfacp_elementor_template .wc-gzd-additional-info.small-business-info { font-size: 13px !important; line-height: 1.5 !important; color: var(--wb-muted) !important; text-align: left !important; }

/* Danke-Seite (FunnelKit) */
body.single-wffn_ty, body.single-wffn_ty p, body.single-wffn_ty li, body.single-wffn_ty td, body.single-wffn_ty th, body.single-wffn_ty span { font-family: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif; }
body.single-wffn_ty h1, body.single-wffn_ty h2, body.single-wffn_ty h3 { font-family: "Lora", Georgia, serif !important; font-weight: 500 !important; color: var(--wb-navy) !important; }
body.single-wffn_ty .elementor-button { border-radius: 999px; background: var(--wb-navy); }
html body.wfacp_elementor_template #wfacp-e-form *:not(svg):not(path):not([class*="icon"]):not(.wfacp_section_title):not(.wfacp_section_heading) { font-family: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif !important; letter-spacing: normal !important; }
@media (max-width: 767px) { body.wfacp_elementor_template #place_order { border-radius: 0 !important; } }

/* Side-Cart faehrt von rechts herein statt von oben aufzuklappen (FunnelKit animiert sonst die Hoehe per slideToggle) */
#fkcart-modal { height: 100% !important; padding: 0 !important; margin: 0 !important; }
#fkcart-modal .fkcart-preview-ui { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; box-shadow: -30px 0 60px -30px rgba(8, 20, 36, 0.45); }
html:not(.fkcart-trigger-open) #fkcart-modal .fkcart-preview-ui { transition: transform 0.36s cubic-bezier(0.7, 0, 0.84, 0) !important; }
@keyframes wb-fk-ein { from { opacity: 0; } to { opacity: 0.4; } }
@keyframes wb-fk-aus { from { opacity: 0.4; } to { opacity: 0; } }
#fkcart-modal .fkcart-modal-backdrop { background: #081424; opacity: 0.4; }
html.fkcart-trigger-open #fkcart-modal .fkcart-modal-backdrop { animation: wb-fk-ein 0.45s ease both; }
html:not(.fkcart-trigger-open) #fkcart-modal .fkcart-modal-backdrop { animation: wb-fk-aus 0.36s ease both; }
@media (prefers-reduced-motion: reduce) { #fkcart-modal .fkcart-preview-ui { transition: none !important; } #fkcart-modal .fkcart-modal-backdrop { animation: none !important; } }

/* Beim offenen Side-Cart verschiebt sich die Seite nicht (Platz der Bildlaufleiste bleibt reserviert, alter Ausgleich per padding entfaellt) */
html { scrollbar-gutter: stable; }
html.fkcart-trigger-open, html.fkcart-trigger-open body { padding-right: 0 !important; }