/* elevai Look — Anstrich fuer den Demoshop (Flatsome + WooCommerce)
   Quelle der Werte: /elevai-home.css der Landingpage. Wo Flatsome seine
   Farben aus den Theme-Optionen als Inline-CSS ausgibt, braucht es
   !important — das ist hier Absicht, nicht Nachlaessigkeit.            */

:root{
  --el-orange:#FF8A00;
  --el-orange-soft:#FFA338;
  --el-ink:#FFFFFF;
  --el-ink-2:rgba(255,255,255,.62);
  --el-ink-3:rgba(255,255,255,.36);
  --el-line:rgba(255,255,255,.10);
  --el-line-strong:rgba(255,255,255,.22);
  --el-bg:#000;
  --el-panel:#0C0C0E;
  --el-panel-2:#131316;
  --el-radius:22px;
  --el-radius-s:14px;
  --el-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* ---------- Grund ---------- */
html,body,#wrapper,.page-wrapper,#content,.shop-container,
.footer-wrapper,.absolute-footer,.footer,.footer-primary,.footer-secondary{
  background:var(--el-bg) !important;
}
body{color:var(--el-ink);font-family:var(--el-font) !important;-webkit-font-smoothing:antialiased}
/* Der Customizer setzt html{background-color:#d6ebeb!important} plus ein
   Hintergrundbild (gokite.ch) — unter kurzen Seiten schimmerte das mint durch.
   html:root schlaegt das per Spezifitaet. */
html:root,html:root body{background-color:var(--el-bg) !important;background-image:none !important}
/* Seitentitel-Band (My Account, Shop, Kasse): kein hellgraues Band, nur eine
   feine Linie unter der Kopfzeile */
.page-title,.normal-title,.featured-title,.my-account-header,.shop-page-title,
.page-title .title-bg,.page-title .title-overlay,.page-title .page-title-bg{
  background:transparent !important;background-image:none !important;
  border-top:0 !important;border-bottom:1px solid var(--el-line) !important;box-shadow:none !important;text-shadow:none !important}
.page-title h1,.page-title .page-title-inner h1,.page-title small{color:var(--el-ink) !important;text-transform:none !important;
  font-family:var(--el-font) !important;letter-spacing:-.02em}
.page-title small{color:var(--el-ink-3) !important;letter-spacing:.12em;text-transform:uppercase !important;font-size:11px}
/* Lightboxen (Anmelden-Fenster, Schnellansicht): dunkles Panel statt weiss */
.lightbox-content,.mfp-content .lightbox-content,.account-login-lightbox .lightbox-content,
.lightbox-content .lightbox-inner,#login-form-popup{
  background:var(--el-panel) !important;color:var(--el-ink) !important;
  border-radius:var(--el-radius);box-shadow:0 30px 80px rgba(0,0,0,.6) !important}
.lightbox-content{border:1px solid var(--el-line-strong)}
.lightbox-content label,.lightbox-content .woocommerce-form-login label,.lightbox-content h3,.lightbox-content h4,
.lightbox-content .form-row label,.lightbox-content p{color:var(--el-ink-2) !important}
.lightbox-content .woocommerce-form-login__rememberme{color:var(--el-ink-2) !important}
.lightbox-content .lost_password a,.lightbox-content a{color:var(--el-orange)}
.lightbox-content .mfp-close,.mfp-close{color:var(--el-ink) !important;opacity:.7}
/* Der orange Schein der Landingpage, fest im Hintergrund */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(55vw 40vw at 80% 0%,rgba(255,138,0,.13),transparent 60%),
             radial-gradient(45vw 35vw at 5% 60%,rgba(255,138,0,.06),transparent 58%)}
#wrapper{position:relative;z-index:1}
a{color:var(--el-orange)}
a:hover{color:var(--el-orange-soft)}
::selection{background:rgba(255,138,0,.35)}

/* ---------- Schrift ---------- */
h1,h2,h3,h4,h5,h6,.heading-font,.section-title,.section-title span,.page-title-inner,
.product-title,.product-info h1,.entry-title,.widget-title,.woocommerce-order-details__title,
.woocommerce-column__title,.uppercase.heading-font{
  font-family:var(--el-font) !important;font-weight:700 !important;letter-spacing:-.02em !important;
  color:var(--el-ink);
}
h1,.product-info h1{letter-spacing:-.03em !important}
.is-divider{background:var(--el-orange) !important;height:2px !important;max-width:36px !important;opacity:1}
p,li,td,th,label,.box-text,.product-short-description{color:inherit}
.entry-content,.box-text,.product-short-description,.woocommerce-info,.legend{color:var(--el-ink-2)}

/* ---------- Kopfzeile ---------- */
.header-wrapper,.header,.header-main,.header-bg-color,.header-bg-container,
.header-wrapper.stuck,.header.transparent .header-wrapper,.header.transparent .header-bg-color{
  background:rgba(0,0,0,.62) !important;
  -webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px);
  box-shadow:none !important;
}
.header-wrapper{border-bottom:1px solid var(--el-line)}
.header-main,.stuck .header-main,.header-wrapper.stuck .header-main{height:58px !important}
/* Flatsome rechnet Menuehoehe (line-height 156px) und "Nav push" (-27px) fuer
   seine 98px-Kopfzeile aus — bei 58px landet das Menue sonst am unteren Rand. */
.header-main .nav>li>a,.stuck .header-main .nav>li>a{line-height:58px !important}
.header-wrapper:not(.stuck) .header-main .header-nav,.header-main .header-nav{margin-top:0 !important}
.header-main .flex-row,.header-main .header-inner{align-items:center !important}
#logo{width:auto !important;margin:0}
#logo a{display:flex;align-items:center;height:58px}
#logo img{max-height:30px !important;height:30px !important;width:auto !important;
  /* Flatsome blendet je nach Zustand ein zweites Logo ein — wir haben eins */
  padding:0 !important}
.header-main .nav>li>a,.header-nav .nav>li>a,.nav-dark .nav>li>a,.nav>li>a{
  font-family:var(--el-font) !important;font-size:14px !important;font-weight:500 !important;
  letter-spacing:0 !important;text-transform:none !important;color:var(--el-ink-2) !important;
  padding-top:0;padding-bottom:0;
}
.nav>li>a:hover,.nav>li.active>a,.nav>li.current-menu-item>a{color:var(--el-ink) !important}
/* Die senkrechten Trennstriche zwischen den Menuepunkten */
.nav-divided>li+li>a:after,.nav-divided>li+li>a::after{display:none !important}
.nav-divided>li>a{padding-left:13px !important;padding-right:13px !important}
.header-main .nav>li>a>i,.header-main .icon-search{color:var(--el-ink-2) !important}
.cart-icon strong{border-color:var(--el-ink-3) !important;color:var(--el-ink-2) !important}
.cart-icon strong:after{border-color:var(--el-ink-3) !important}
.header-cart-title,.cart-price{color:var(--el-ink-2) !important;font-family:var(--el-font)}
.header-cart-title strong,.cart-price .amount{color:var(--el-ink) !important}
.cart-icon-count,.header .badge-inner,.cart-item .badge-inner{
  background:var(--el-orange) !important;color:#000 !important;border:0 !important}
.header-bottom{background:transparent !important}
/* Suchfeld in der Kopfzeile */
.header .searchform input{background:var(--el-panel);border-color:var(--el-line);color:var(--el-ink)}

/* ---------- Knoepfe ---------- */
.button,button,input[type=submit],input[type=button],
.button.primary,.primary.button,.is-outline.primary,.single_add_to_cart_button,
.checkout-button,#place_order,.wc-forward,.add_to_cart_button,.woocommerce-button,
.button.alt,.button.success,.button.is-form{
  font-family:var(--el-font) !important;font-weight:600 !important;font-size:15px !important;
  letter-spacing:0 !important;text-transform:none !important;
  background:var(--el-orange) !important;color:#000 !important;
  border:1px solid transparent !important;border-radius:var(--el-radius-s) !important;
  box-shadow:none !important;text-shadow:none !important;
  transition:background .22s,transform .22s,border-color .22s !important;
}
.button:hover,button:hover,input[type=submit]:hover,.single_add_to_cart_button:hover,
.checkout-button:hover,#place_order:hover,.wc-forward:hover{
  background:var(--el-orange-soft) !important;color:#000 !important;transform:translateY(-1px)}
/* Kassenknopf: Flatsome gibt aus der Option "Checkout-Farbe" (#1ecd18, gruen)
   eine Inline-Regel .button#place_order !important aus — und zwar im <head>
   NACH unserem Stylesheet (wp_head), gleiche Spezifitaet verliert also.
   "html" davor hebt die Spezifitaet um eine Stufe. */
html .button#place_order,html #place_order.button,html #place_order,html .button.checkout,html .checkout-button,
html .single_add_to_cart_button.button,html .sticky-add-to-cart-select-options-button,
html .current .breadcrumb-step,html [data-icon-label]:after{
  background:var(--el-orange) !important;background-color:var(--el-orange) !important;color:#000 !important}
html .button#place_order:hover,html #place_order:hover,html .button.checkout:hover,html .checkout-button:hover,html .single_add_to_cart_button.button:hover{
  background:var(--el-orange-soft) !important;background-color:var(--el-orange-soft) !important}
/* Relief-Varianten aus dem Builder (is-bevel, is-gloss, is-shade): das
   Pseudo-Element mit Innenschatten weg, sonst wirkt der Knopf eingedellt */
.button.is-bevel:after,.button.is-gloss:after,.button.is-shade:after,
.is-bevel:after,.is-gloss:after,.is-shade:after{display:none !important;box-shadow:none !important}
/* Zweitrangige Knoepfe: ohne Rahmen, nur Text — die Flaeche gehoert dem
   Hauptknopf. (.continue-shopping ist der DIV um den Knopf, deshalb nicht
   hier — sonst gibt es einen doppelten Rand.) */
.button.is-outline,.button.secondary,.button.is-link,.button.white,.button.is-gloss,
.cart-wrapper .button.is-outline,.button-continue-shopping,.wc-backward,
input[name=update_cart],button[name=update_cart],.coupon .button{
  background:transparent !important;color:var(--el-ink-2) !important;border:0 !important;box-shadow:none !important}
.continue-shopping,.button-continue-shopping{border:0 !important;background:transparent !important}
.button.is-outline:hover,.button.secondary:hover,.button-continue-shopping:hover,.wc-backward:hover,
input[name=update_cart]:hover,button[name=update_cart]:hover{
  color:var(--el-ink) !important;background:rgba(255,255,255,.06) !important;border:0 !important}
.button.is-small,.button.is-smaller{font-size:13px !important}
/* Mengenfeld +/- */
.quantity .minus,.quantity .plus,.quantity input.qty,.quantity .button.minus,.quantity .button.plus{
  background:var(--el-panel) !important;color:var(--el-ink) !important;
  border:1px solid var(--el-line-strong) !important;border-radius:0 !important;
  transform:none !important;box-shadow:none !important}
.quantity .minus{border-radius:10px 0 0 10px !important}
.quantity .plus{border-radius:0 10px 10px 0 !important}
.quantity .minus:hover,.quantity .plus:hover{background:var(--el-panel-2) !important;color:var(--el-ink) !important}

/* ---------- Abzeichen, Lagerstand, Meldungen ---------- */
.badge-inner,.callout .badge-inner,.badge.callout .badge-inner,.badge-container .badge-inner,.badge-inner.on-sale{
  background:var(--el-orange) !important;color:#000 !important;font-family:var(--el-font);font-weight:600;
  text-transform:none;letter-spacing:0}
.stock.in-stock,.stock,.availability{color:var(--el-orange-soft) !important;font-weight:500}
.stock.out-of-stock{color:var(--el-ink-3) !important}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.message-container,.message-wrapper,
.woocommerce-notice,.wc-block-components-notice-banner{
  background:rgba(255,138,0,.08) !important;border:0 !important;
  color:var(--el-ink) !important;border-radius:12px !important;box-shadow:none !important}
/* Flatsome legt .message-container um .woocommerce-message — nur der innere
   Kasten bekommt die Flaeche, der aeussere bleibt unsichtbar */
.message-container,.message-wrapper{background:transparent !important;border:0 !important;padding:0 !important;border-radius:0 !important}
.woocommerce-message .icon,.message-container .icon,.message-container .icon-checkmark,
.woocommerce-message:before,.woocommerce-info:before{color:var(--el-orange) !important}
.success-color{color:var(--el-orange) !important}
.message-container .wc-forward,.woocommerce-message .button{margin-left:auto}

/* ---------- Formulare ---------- */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],
input[type=date],input[type=search],input[type=url],textarea,select,
.select2-container .select2-selection,.select2-container .select2-choice,
.select2-container--default .select2-selection--single,.form-row input.input-text,.woocommerce-input-wrapper input{
  background:var(--el-panel) !important;color:var(--el-ink) !important;
  border:1px solid var(--el-line-strong) !important;border-radius:10px !important;
  box-shadow:none !important;font-family:var(--el-font) !important}
input:focus,textarea:focus,select:focus,.select2-container--focus .select2-selection{
  border-color:rgba(255,138,0,.6) !important;outline:none;box-shadow:0 0 0 3px rgba(255,138,0,.15) !important}
::placeholder{color:var(--el-ink-3) !important;opacity:1}
.select2-container .select2-selection__rendered,.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:var(--el-ink) !important;line-height:inherit}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-top-color:var(--el-ink-2)}
.select2-dropdown,.select2-container--default .select2-results>.select2-results__options{
  background:var(--el-panel);border-color:var(--el-line-strong);color:var(--el-ink)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:rgba(255,138,0,.18);color:var(--el-ink)}
.select2-search--dropdown .select2-search__field{background:var(--el-panel-2) !important}
input[type=checkbox],input[type=radio]{accent-color:var(--el-orange)}
label,.form-row label,.woocommerce-form__label{color:var(--el-ink-2) !important;font-weight:500}
.form-row .required{color:var(--el-orange)}
legend,fieldset{border-color:var(--el-line)}

/* ---------- Tabellen, Warenkorb, Kasse ---------- */
table,.shop_table,.woocommerce-checkout-review-order-table,.woocommerce-table{
  border-color:var(--el-line) !important;color:var(--el-ink)}
th,td,.shop_table th,.shop_table td,.woocommerce-table th,.woocommerce-table td{
  border-color:var(--el-line) !important;border-width:0 0 1px !important;color:var(--el-ink)}
th,.shop_table th{color:var(--el-ink-3) !important;font-family:var(--el-font);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.cart-wrapper .cart-collaterals,.cart-sidebar,.checkout-sidebar,.col-inner.has-border,.has-border{
  border:1px solid var(--el-line) !important;border-radius:var(--el-radius) !important;
  background:var(--el-panel) !important;box-shadow:none !important}
.cart-sidebar .col-inner{border:0 !important}
.cart_totals th,.cart_totals td{border-color:var(--el-line) !important}
.cart-wrapper .cart-item .remove,.remove,.woocommerce-cart-form .product-remove a{
  color:var(--el-ink-2) !important;border-color:var(--el-line-strong) !important;background:transparent !important}
.remove:hover{color:var(--el-orange) !important;border-color:var(--el-orange) !important}
.woocommerce-checkout #payment,.woocommerce-checkout #payment .payment_box,.payment_box{
  background:rgba(255,255,255,.04) !important;color:var(--el-ink-2);border-radius:12px}
.woocommerce-checkout #payment ul.payment_methods li,#payment .payment_methods>li{border-color:var(--el-line) !important}
.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper{color:var(--el-ink-3);font-size:13px}
.woocommerce-order .woocommerce-order-overview,.woocommerce-thankyou-order-received,
.order-info,.woocommerce-order-overview,.woocommerce-order .col-inner{color:var(--el-ink)}
address{color:var(--el-ink-2);font-style:normal}
.woocommerce-customer-details address{border-color:var(--el-line) !important}

/* ---------- Produkte ---------- */
.product-small .box-text{color:var(--el-ink-2);font-family:var(--el-font)}
.product-small .product-title a,.product-small .title a,.box-text .product-title a{color:var(--el-ink) !important;font-weight:500}
.product-small .category{color:var(--el-ink-3) !important;font-size:12px;letter-spacing:.12em}
.price,.woocommerce-Price-amount,.product-page-price{color:var(--el-ink) !important;font-family:var(--el-font)}
.price del,del .amount{color:var(--el-ink-3) !important}
.price ins,ins .amount,.product-info .price ins{color:var(--el-orange) !important;text-decoration:none}
.product-info .price{font-weight:700}
.product-page-price .woocommerce-Price-currencySymbol{font-size:.7em;color:var(--el-ink-2)}
.product-footer,.product-tabs,.tabbed-content,.accordion,.accordion-title{border-color:var(--el-line) !important}
.accordion-title{color:var(--el-ink) !important;font-family:var(--el-font)}
.accordion-title.active{border-color:var(--el-orange) !important}
.accordion-inner{color:var(--el-ink-2)}
.breadcrumbs,.breadcrumbs a,.woocommerce-breadcrumb{color:var(--el-ink-3) !important;font-family:var(--el-font);font-size:13px}
.breadcrumbs a:hover{color:var(--el-ink) !important}
.breadcrumbs .current,.breadcrumbs strong{color:var(--el-ink-2) !important}
.shop-page-title .page-title-inner{font-family:var(--el-font)}
.woocommerce-result-count,.woocommerce-ordering select{color:var(--el-ink-3)}
.filter-button,.showing-count{color:var(--el-ink-2) !important}
.image-tools .button,.image-tools a{background:rgba(0,0,0,.55) !important;color:var(--el-ink) !important;border:1px solid var(--el-line-strong) !important}
.flickity-prev-next-button,.flickity-button{background:rgba(0,0,0,.55) !important;border:1px solid var(--el-line-strong) !important;color:var(--el-ink) !important}
.flickity-button svg,.flickity-button .arrow{fill:var(--el-ink) !important}

/* ---------- Startseite (Builder-Bloecke) ---------- */
/* Countdown (Flatsome ux_timer): die Kachelfarbe kommt aus einer Inline-Regel
   mit ID-Selektor, deshalb !important. Dunkle Kacheln mit Rahmen wie die Panels
   auf elevai.ch, Zahlen weiss, Einheit gedaempft. */
.ux-timer span,.ux-timer.dark span{
  background:var(--el-panel) !important;border:1px solid var(--el-line) !important;
  border-radius:var(--el-radius-s) !important;color:var(--el-ink) !important;
  font-family:var(--el-font) !important;font-weight:600;letter-spacing:-.02em}
.ux-timer span strong{color:var(--el-ink-3) !important;font-family:var(--el-font) !important;
  font-weight:500;letter-spacing:.12em;text-transform:uppercase}
/* Kategorie-Kacheln: Textkasten dunkel statt blaugrau */
.banner .text-box .text-inner,.banner-layers .text-box,.box-overlay .box-text,.box-text.text-center.dark{
  background:rgba(0,0,0,.62) !important;border:1px solid var(--el-line) !important;border-radius:12px;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.banner .text-box h3,.banner .text-box p,.box-overlay .box-text h3,.box-overlay .box-text p{
  font-family:var(--el-font) !important;text-transform:none !important;letter-spacing:-.01em !important}
/* Abschnittstitel mit Linien links/rechts (section-title-bold-center u.a.):
   Linien weg, Titel ruhig zentriert wie die Abschnittstitel auf elevai.ch */
.section-title b{display:none !important}
.section-title{border:0 !important;margin-bottom:22px}
.section-title-main,.section-title span{font-family:var(--el-font) !important;font-weight:700 !important;
  letter-spacing:-.02em !important;text-transform:none !important;font-size:26px !important;color:var(--el-ink) !important}
.section-title-normal{border-color:var(--el-line) !important}
.section-title-normal span{background:var(--el-bg) !important;color:var(--el-ink-2);border:1px solid var(--el-line);border-radius:999px;padding:6px 16px;font-family:var(--el-font)}
/* Wellenfoermige Trenner und graue Bloecke: aufs Schwarz bringen */
.section-bg,.section-bg-overlay{opacity:1}
.ux-shape-divider svg,.ux-shape-divider path{fill:var(--el-bg) !important}
.bg-fill,.section.has-shadow,.section-content{color:var(--el-ink)}

/* ---------- Fusszeile ---------- */
.footer-wrapper,.absolute-footer,.footer-primary,.footer-secondary{
  border-top:1px solid var(--el-line) !important;color:var(--el-ink-3) !important;font-family:var(--el-font)}
.absolute-footer.dark,.absolute-footer{color:var(--el-ink-3) !important}
.footer a,.absolute-footer a{color:var(--el-ink-2)}
.back-to-top{background:var(--el-panel) !important;border:1px solid var(--el-line-strong) !important;color:var(--el-ink) !important}

/* ---------- Mein Konto ---------- */
.woocommerce-MyAccount-navigation ul li a{color:var(--el-ink-2) !important;font-family:var(--el-font);border-color:var(--el-line) !important}
.woocommerce-MyAccount-navigation ul li.is-active a,.woocommerce-MyAccount-navigation ul li a:hover{color:var(--el-ink) !important}
.woocommerce-MyAccount-navigation ul li.is-active a{color:var(--el-orange) !important}
.account-user{color:var(--el-ink-2)}
.woocommerce-MyAccount-content,.woocommerce-account .col{color:var(--el-ink-2)}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{color:var(--el-ink)}
/* Die Mandatsseite: dieselben Karten, dunkel. Body-Praefix, damit es auch
   gegen das Inline-CSS von mandate.php gewinnt. */
body .elevai-mandate .em-lead,body .elevai-mandate .em-meta,body .elevai-mandate .em-klein,
body .elevai-mandate label,body .elevai-mandate .em-liste{color:var(--el-ink-2)}
body .elevai-mandate .em-karte{background:var(--el-panel);border:1px solid var(--el-line);border-radius:var(--el-radius-s);color:var(--el-ink)}
body .elevai-mandate .em-karte h3{color:var(--el-ink);font-family:var(--el-font)}
body .elevai-mandate .em-regeln b{color:var(--el-ink)}
body .elevai-mandate .em-wahl{border-color:var(--el-line-strong);color:var(--el-ink)}
body .elevai-mandate .em-wahl small,body .elevai-mandate .em-agb,body .elevai-mandate .em-schritte{color:var(--el-ink-2)}
body .elevai-mandate .em-wahl strong,body .elevai-mandate .em-schritte strong{color:var(--el-ink)}
body .elevai-mandate .em-wahl:has(input:checked){border-color:var(--el-orange);background:rgba(255,138,0,.06)}
body .elevai-mandate .em-schritte em{background:rgba(255,138,0,.16);color:var(--el-ink)}
body .elevai-mandate .em-freigabe-form select{background:var(--el-panel-2);color:var(--el-ink);border-color:var(--el-line-strong)}
body .elevai-mandate .em-block{background:rgba(255,255,255,.04)}
body .elevai-mandate .em-blocktitel,body .elevai-mandate .em-kurz{color:var(--el-ink-2)}
body .elevai-mandate details.em-details{border-color:var(--el-line)}
body .elevai-mandate details summary{color:var(--el-ink-2)}
body .elevai-mandate details summary h3{color:var(--el-ink)}
body .elevai-mandate .em-schalter{color:var(--el-ink)}
body .elevai-mandate .em-titel{color:var(--el-ink);font-family:var(--el-font)}
body .elevai-mandate .em-chip{border-color:var(--el-line-strong);color:var(--el-ink-2);background:rgba(255,255,255,.03)}
body .elevai-mandate .em-chip-ok{border-color:rgba(127,210,138,.35);color:#9fdca7}
body .elevai-mandate .em-chip-offen{border-color:rgba(255,138,0,.4);color:var(--el-orange-soft)}
body .elevai-mandate .em-kennzahlen > div{background:rgba(255,255,255,.05);border:1px solid var(--el-line)}
body .elevai-mandate .em-kl{color:var(--el-ink-3)}
body .elevai-mandate .em-kw{color:var(--el-ink)}
body .elevai-mandate .em-ku{color:var(--el-ink-3)}
body .elevai-mandate .em-knubbel{background:#2EAD5B}
body .elevai-mandate .em-schalter.em-aus .em-knubbel{background:rgba(255,255,255,.22)}
body .elevai-mandate .em-schalter input:checked + .em-knubbel{background:#E5342B}
body .elevai-mandate .em-unten{border-color:var(--el-line)}
body .elevai-mandate .em-btn.em-rot.em-breit{background:transparent !important;border:1px solid rgba(255,138,0,.55) !important;color:var(--el-orange) !important;padding:3px 12px !important;min-height:0 !important;line-height:1.4 !important;font-size:12.5px !important}
body .elevai-mandate details.em-details,body .elevai-mandate .em-unten{border-top:1px solid var(--el-line) !important}
body .elevai-mandate .em-hilfe summary{border-color:var(--el-line-strong);color:var(--el-ink-2)}
body .elevai-mandate .em-regeln code{color:var(--el-ink);background:rgba(255,255,255,.06);padding:1px 6px;border-radius:5px}
body .elevai-mandate .em-hilfe-text{background:var(--el-panel-2);border-color:var(--el-line-strong);color:var(--el-ink-2);box-shadow:0 16px 40px rgba(0,0,0,.6)}
body .elevai-mandate .em-hilfe-text strong,body .elevai-mandate .em-hilfe-text em{color:var(--el-ink)}
body .elevai-mandate .em-zustand{border-color:#2EAD5B;color:#2EAD5B}
body .elevai-mandate .em-zustand-direkt{background:#E5342B;border-color:#E5342B;color:#fff}
body .elevai-mandate .em-hilfe-text p.em-jetzt{background:rgba(255,255,255,.05)}
body .elevai-mandate .em-hilfe-text p.em-jetzt-an{border:1px solid #E5342B;background:rgba(229,52,43,.14)}
body .elevai-mandate .em-pill{background:rgba(255,138,0,.14);color:var(--el-orange)}
body .elevai-mandate .em-kennung{color:var(--el-ink-3)}
body .elevai-mandate .em-btn{background:transparent;border:1px solid var(--el-line-strong);color:var(--el-ink-2);border-radius:10px}
body .elevai-mandate .em-btn:hover{color:var(--el-ink);border-color:rgba(255,255,255,.4)}
body .elevai-mandate .em-rot{border-color:rgba(255,80,60,.55);color:#FF6B5A}
body .elevai-mandate .em-rot:hover{border-color:#FF6B5A;color:#FF6B5A}
body .elevai-mandate .em-haupt{background:var(--el-orange);color:#000;border-color:transparent;border-radius:var(--el-radius-s)}
body .elevai-mandate .em-haupt:hover{background:var(--el-orange-soft);color:#000}
body .elevai-mandate .em-fix{background:var(--el-panel-2);border:1px dashed var(--el-line-strong);color:var(--el-ink-2)}
body .elevai-mandate .em-fix small{color:var(--el-ink-3)}
body .elevai-mandate .em-neu{border-color:rgba(255,138,0,.5);background:rgba(255,138,0,.06)}
body .elevai-mandate .em-schluessel code{background:var(--el-bg);border:1px solid rgba(255,138,0,.35);color:var(--el-ink)}
body .elevai-mandate .em-fehler{background:rgba(255,80,60,.08);border-color:rgba(255,80,60,.4);color:#FFB3AA}
body .elevai-mandate .em-hinweis{border-style:dashed;border-color:var(--el-line-strong)}
body .elevai-mandate input,body .elevai-mandate select{background:var(--el-bg) !important}

/* ---------- Anmelde- und Bestaetigungsseiten des MCP-Plugins ----------
   Die sind bewusst theme-frei und tragen ihre Farben selbst; hier nichts. */

/* ---------- Kleinkram ---------- */
hr,.is-divider.small{border-color:var(--el-line)}
.tooltip,.tooltipster-base{background:var(--el-panel);color:var(--el-ink)}
.off-canvas .mfp-content,.off-canvas-center .mfp-content,.mfp-bg{background:var(--el-bg) !important}
.off-canvas-left .mfp-content,.off-canvas-right .mfp-content{background:var(--el-panel) !important;color:var(--el-ink)}
.mfp-close{color:var(--el-ink) !important}
.woocommerce-store-notice,.demo_store{background:var(--el-orange) !important;color:#000 !important}
.nav-dropdown{background:var(--el-panel) !important;border-color:var(--el-line-strong) !important;border-radius:12px}
.nav-dropdown li a{color:var(--el-ink-2) !important}
.nav-dropdown li a:hover{color:var(--el-ink) !important;background:rgba(255,255,255,.04)}

/* Kategorien-Chips im Mandatsformular (dunkel) */
body .elevai-mandate .em-kat span{background:rgba(255,255,255,.03);border-color:var(--el-line-strong);color:var(--el-ink-2)}
body .elevai-mandate .em-kat span::before{border-color:var(--el-line-strong)}
body .elevai-mandate .em-kat input:checked+span{background:rgba(255,138,0,.14);border-color:var(--el-orange);color:var(--el-ink)}
body .elevai-mandate .em-kat input:checked+span::before{border-color:var(--el-orange);background:var(--el-orange);box-shadow:inset 0 0 0 2.5px #000}
body .elevai-mandate .em-kat-alle{color:var(--el-ink-3,rgba(255,255,255,.45))}
body .elevai-mandate .em-kat-alle:hover{color:var(--el-orange)}

/* Verbindung zuordnen, Zustimmung in zwei Schritten (dunkel) */
body .elevai-mandate .em-zuordnen-form select{background:var(--el-panel-2);color:var(--el-ink);border-color:var(--el-line-strong)}
body .elevai-mandate .em-pill-grau{background:rgba(255,255,255,.08);color:var(--el-ink-2)}
body .elevai-mandate .em-oauth-danach{border-color:var(--el-line-strong);color:var(--el-ink-2)}
body .elevai-mandate .em-ohne{border-color:rgba(255,138,0,.45)}
/* Kleine Nebenaktionen (Trennen): duenn, Rand statt Flaeche */
body .elevai-mandate .em-btn.em-klein-btn{background:transparent !important;border:1px solid var(--el-line-strong) !important;color:var(--el-ink-2) !important;padding:5px 12px !important;min-height:0 !important;line-height:1.4 !important;font-size:12.5px !important;border-radius:8px !important;font-weight:500 !important;text-transform:none !important;letter-spacing:0 !important;margin:0 !important}
body .elevai-mandate .em-btn.em-klein-btn:hover{color:var(--el-ink) !important;border-color:rgba(255,255,255,.4) !important}

/* Signatur auf der Mandatskarte, Entwuerfe (dunkel) */
body .elevai-mandate .em-signatur{background:rgba(255,138,0,.06);border-left-color:var(--el-orange)}
body .elevai-mandate .em-sig-k{color:var(--el-ink-3)}
body .elevai-mandate .em-sig-w{color:var(--el-ink)}
body .elevai-mandate .em-sig-w code{background:rgba(255,255,255,.08);color:var(--el-ink)}
body .elevai-mandate .em-entwurf{border-color:var(--el-line-strong)}
body .elevai-mandate .em-fix svg,body .elevai-mandate .em-fix img{vertical-align:middle;margin-right:6px}
/* "Alle/Keine waehlen" ist ein Textlink, kein Knopf — Flatsome macht aus jedem button einen Kasten */
body .elevai-mandate .em-kat-alle{background:none !important;border:0 !important;padding:0 !important;margin:2px 0 0 !important;min-height:0 !important;line-height:1.4 !important;font-size:13px !important;font-weight:400 !important;text-transform:none !important;letter-spacing:0 !important;color:var(--el-ink-3) !important;text-decoration:underline !important;box-shadow:none !important;border-radius:0 !important}
body .elevai-mandate .em-kat-alle:hover{color:var(--el-orange) !important}
/* Datumsfeld auf iOS: nicht breiter als die Karte */
body .elevai-mandate input[type=date]{max-width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;min-height:44px}