/* =========================================================
   AVANI SPIRIT – EINHEITLICHES THEME + LMS + CHECKOUT
   Palette, Typo, Header, Menüs, Elemente, LMS-Views, Player
   ========================================================= */

/* ---------- Palette / Tokens ---------- */
:root{
  --av-bg:#0a0a0a;            /* Seitenhintergrund */
  --av-nav:#0b0f16;           /* Header / Nav / Dropdown-Grund */
  --av-card:#111214;          /* Karten/Boxen */
  --av-card-2:#0e0f11;        /* dunkler für Inputs */
  --av-border:rgba(255,255,255,.10);
  --av-fg:#f1f1f1;            /* Primärtext */
  --av-muted:rgba(226,229,235,.90);

  --av-gold:#c29b5d;
  --av-gold-2:#d8b677;        /* Hover/Helligkeit */
  --av-gold-70:rgba(194,155,93,.70);
  --av-gold-45:rgba(194,155,93,.45);
}

/* =========================================================
   GLOBAL (Seite, Typo, Links, Buttons, Footer)
   ========================================================= */
html,body{background:var(--av-bg);color:var(--av-fg)}
body,p,li{color:var(--av-muted)}
h1,h2,h3,h4{color:#fff;line-height:1.15;margin:0 0 .6em}
.entry-content a,.elementor a{color:var(--av-gold);text-decoration:none}
.entry-content a:hover,.elementor a:hover{color:var(--av-gold-2);text-shadow:0 0 10px rgba(216,182,119,.25)}

button,.button,.btn,.elementor-button{
  border-radius:12px !important;
}
.stm_button,.btn-default,.elementor-button--view-primary,
button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--av-gold) !important;border-color:var(--av-gold) !important;color:#161616 !important;
  font-weight:800 !important;letter-spacing:.02em;
}
.stm_button:hover,.btn-default:hover,.elementor-button--view-primary:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{
  background:var(--av-gold-2) !important;border-color:var(--av-gold-2) !important;
}

/* Karten / Panels */
.card,.widget,.elementor-widget-container{
  border-radius:14px;
}

/* Footer */
footer,.footer,.site-footer{
  background:var(--av-nav) !important;color:var(--av-muted) !important;
  border-top:1px solid rgba(194,155,93,.18);box-shadow:0 -12px 40px rgba(0,0,0,.35) inset;
}
.footer .widget-title,.site-footer .widget-title,.footer .widgettitle,.site-footer .widgettitle{
  color:var(--av-gold) !important;text-transform:uppercase;letter-spacing:.06em;font-weight:800
}
.footer a,.site-footer a{color:var(--av-muted) !important}
.footer a:hover,.site-footer a:hover{color:var(--av-gold-2) !important;text-shadow:0 0 10px rgba(216,182,119,.25)}

/* =========================================================
   HEADER / MENÜ / DROPDOWNS
   ========================================================= */
header,.header_default,.stm-header,.site-header{background:var(--av-nav) !important;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.header_default .header_inner,.header_default.header_sticky .header_inner,.site-header .header_inner{padding:10px 0 !important}
.header_default .logo img,.site-header .logo img{max-height:46px !important;height:46px !important;width:auto !important}

/* Primärlinks */
.header_default .main_menu_nav>li>a,.menu_main_nav>li>a,.main_menu_nav a,.stm_lms_menu>li>a{
  color:var(--av-fg) !important;font-weight:700;letter-spacing:.02em;transition:color .18s ease,text-shadow .18s ease;
}
.header_default .main_menu_nav>li.current-menu-item>a,
.header_default .main_menu_nav>li.current-menu-ancestor>a{
  color:var(--av-gold) !important;text-shadow:0 0 10px rgba(194,155,93,.35)
}
.header_default .main_menu_nav>li>a:hover,.stm_lms_menu>li>a:hover{
  color:var(--av-gold-2) !important;text-shadow:0 0 10px rgba(216,182,119,.35)
}
.main_menu_nav>li>a:after,.stm_lms_menu>li>a:after{background-color:var(--av-gold) !important}

/* Dropdown */
.main_menu_nav .sub-menu,.stm_lms_menu .sub-menu,.menu_main_nav .sub-menu{
  background:linear-gradient(180deg,rgba(11,15,22,.98),rgba(11,15,22,.92)) !important;
  border:1px solid rgba(194,155,93,.15) !important;border-top:2px solid var(--av-gold) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.45) !important;border-radius:10px !important;padding:10px 0 !important;backdrop-filter:blur(2px)
}
.main_menu_nav .sub-menu li a,.stm_lms_menu .sub-menu li a{padding:10px 18px !important;color:var(--av-gold) !important;font-weight:600}
.main_menu_nav .sub-menu li a:hover,.stm_lms_menu .sub-menu li a:hover{
  color:var(--av-gold-2) !important;background:rgba(194,155,93,.05) !important;text-shadow:0 0 8px rgba(216,182,119,.35)
}

/* feine goldene Linie unter Header */
header::after,.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(194,155,93,.45),transparent);pointer-events:none}

/* Mobile Header */
@media (max-width:992px){
  .header_default .header_inner{padding:8px 0 !important}
  .header_default .logo img{max-height:42px !important}
  .mobile_header,.stm_mobile__header{background:var(--av-nav) !important}
  .stm_mobile_menu ul li a{color:var(--av-fg) !important}
  .stm_mobile_menu ul li a:hover{color:var(--av-gold-2) !important}
}

/* =========================================================
   LMS – ARCHIVE, SINGLE COURSE, DASHBOARD, PLAYER
   (MasterStudy)
   ========================================================= */

/* Gemeinsame Grundflächen */
body.single-stm-courses,
body.post-type-archive-stm-courses,
body.tax-stm_lms_course_taxonomy,
.stm-lms-wrapper{background:var(--av-bg) !important;color:var(--av-fg)}

/* Headline-Stil (Glow/Gold) */
.single-stm-courses h1,.single-stm-courses h2,.single-stm-courses h3,
.post-type-archive-stm-courses h1,.tax-stm_lms_course_taxonomy h1,
.stm-lms-wrapper h1,.stm-lms-wrapper h2,.stm-lms-wrapper h3,.stm_lms_mycourses__title{
  margin:0 0 .4em;font-family:"Playfair Display",Georgia,serif;font-weight:800;letter-spacing:.2px;
  background:linear-gradient(110deg,#fff 0%,var(--av-gold) 46%,#fff 78%,var(--av-gold) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  filter:drop-shadow(0 0 10px rgba(194,155,93,.18));
}

/* Karten / Panels / Tabs */
.single-stm-courses .stm-lms-course__sidebar,
.single-stm-courses .stm-lms-course__content,
.single-stm-courses .stm-lms-course__curriculum,
.single-stm-courses .stm-lms-course__includes,
.single-stm-courses .stm-lms-enrolled-box,
.single-stm-courses .stm-lms-tabs__content,
.single-stm-courses .stm-lms-course__tabs,
.single-stm-courses .stm-lms-course__panel,
.post-type-archive-stm-courses .stm_lms_courses__grid,
.stm-lms-wrapper .stm_lms_mycourses__grid .stm_lms_courses__single,
.stm-lms-wrapper .stm_lms_my_profile__sidebar,
.stm-lms-wrapper .stm_lms_my_profile__content{
  background:var(--av-card) !important;border:1px solid var(--av-border) !important;border-radius:14px !important;color:var(--av-fg)
}
.post-type-archive-stm-courses .stm_lms_courses__grid .stm_lms_courses__single{background:var(--av-card) !important;transition:.2s}
.post-type-archive-stm-courses .stm_lms_courses__grid .stm_lms_courses__single:hover{
  transform:translateY(-2px);border-color:rgba(194,155,93,.45) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.35),0 0 24px rgba(194,155,93,.14);
}

/* Tabs (Chips) */
.single-stm-courses .stm-lms-tabs__list li a{
  background:transparent;border:1px solid var(--av-border);border-radius:999px;padding:.55em 1em;color:#ddd;transition:.2s
}
.single-stm-courses .stm-lms-tabs__list li.active a,
.single-stm-courses .stm-lms-tabs__list li a:hover{
  color:#0d0d0d;background:linear-gradient(180deg,rgba(194,155,93,.95),rgba(194,155,93,.75));
  border-color:rgba(194,155,93,.6)
}

/* Lehrplan / Akkordeon */
.single-stm-courses .stm-curriculum .stm-curriculum-item,
.single-stm-courses .stm-lms-course__curriculum .stm-curriculum-section{
  background:var(--av-card-2) !important;border:1px solid var(--av-border) !important;border-radius:12px
}
.single-stm-courses .stm-curriculum .stm-curriculum-item__title{color:#eee}
.single-stm-courses .stm-curriculum .stm-curriculum-item__preview{color:var(--av-gold)}

/* Kurskarten: Titel/Meta/Preis */
.stm_lms_courses__single--title a{color:#eee !important;font-weight:800}
.stm_lms_courses__single--title a:hover{color:var(--av-gold-2) !important}
.stm_lms_courses__single--terms a,.stm_lms_courses__single--category a,.stm_lms_courses__single--meta a{
  color:var(--av-gold) !important;font-weight:600
}
.single-stm-courses .stm-lms-course__price,
.post-type-archive-stm-courses .stm_lms_courses__single--price{color:var(--av-gold) !important}

/* Fortschritt / Badges */
.stm_lms_courses__single--status_free{color:var(--av-gold) !important;border-color:rgba(194,155,93,.5) !important}
.stm_lms_courses__single--badge,.stm_badge_hot,.stm_lms_courses__single--status_hot{
  background:linear-gradient(180deg,var(--av-gold),var(--av-gold-2)) !important;color:#0d0d0d !important;border:none !important
}
.stm_lms_courses__progress .progress,.stm_lms_courses__progress .progress__bar{
  background:#141414 !important;border-radius:999px !important
}
.stm_lms_courses__progress .progress__bar span{
  background:linear-gradient(180deg,rgba(194,155,93,.95),rgba(194,155,93,.75)) !important;
  box-shadow:0 0 12px rgba(194,155,93,.35) inset,0 4px 10px rgba(0,0,0,.25)
}

/* Buttons im LMS (Enroll, Buy, Continue) – Gold + Shimmer */
@keyframes avShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.single-stm-courses .btn,.single-stm-courses .stm-lms-button,.single-stm-courses .btn-default,
.single-stm-courses .stm-lms-buy-buttons a,.post-type-archive-stm-courses .btn,
.stm-lms-wrapper .button,.stm-lms-wrapper .stm-lms-button,.stm-lms-wrapper .ms_lms_courses_buy_btn{
  border-radius:999px !important;border:1px solid rgba(194,155,93,.55) !important;color:#0d0d0d !important;
  background:linear-gradient(105deg,rgba(194,155,93,.95) 0%,rgba(194,155,93,.75) 40%,rgba(255,255,255,.92) 50%,
  rgba(194,155,93,.8) 60%,rgba(194,155,93,.95) 100%) !important;background-size:220% 100% !important;
  box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 24px rgba(194,155,93,.14) !important;transition:.18s ease
}
.single-stm-courses .btn:hover,.single-stm-courses .stm-lms-button:hover,.single-stm-courses .btn-default:hover,
.single-stm-courses .stm-lms-buy-buttons a:hover,.post-type-archive-stm-courses .btn:hover,
.stm-lms-wrapper .button:hover,.stm-lms-wrapper .stm-lms-button:hover,.stm-lms-wrapper .ms_lms_courses_buy_btn:hover{
  transform:translateY(-1px);animation:avShimmer 2.4s ease infinite
}

/* Suche/Filter (oben) & Inputs */
.stm_lms_courses__filter,.stm_lms_courses__search,.stm_lms_mycourses__top .stm_lms_courses__filter,
.stm_lms_mycourses__top .stm_lms_courses__search{
  background:var(--av-card) !important;border:1px solid var(--av-border) !important;border-radius:14px !important
}
.stm_lms_courses__filter select,.stm_lms_courses__search input,
.post-type-archive-stm-courses input,.post-type-archive-stm-courses select{
  background:var(--av-card-2) !important;color:#ddd !important;border:1px solid var(--av-border) !important;border-radius:12px !important
}

/* -------- Kurs-Player (Lesson View) -------- */
.stm-lms-course__player{background:var(--av-bg) !important;color:var(--av-fg) !important}
.stm-lms-course__player .stm-lms-course__player_sidebar{
  background:var(--av-card) !important;border-right:1px solid var(--av-border) !important
}
.stm-lms-course__player .stm-lms-course__player_sidebar .title{
  color:var(--av-gold) !important;font-weight:800;text-transform:uppercase;letter-spacing:.05em
}
.stm-lms-course__player .stm-lms-course__player_sidebar a{color:var(--av-muted) !important;font-weight:500}
.stm-lms-course__player .stm-lms-course__player_sidebar a:hover{color:var(--av-gold-2) !important}
.stm-lms-course__player .stm-lms-course__player_sidebar .active>a{
  background:rgba(194,155,93,.12) !important;border-left:2px solid var(--av-gold) !important;color:var(--av-gold) !important
}
.stm-lms-course__player .stm-lms-course__player_content{background:var(--av-bg) !important;border-left:1px solid var(--av-border) !important}
.stm-lms-course__player .stm-lms-course__player_content h2,.stm-lms-course__player .stm-lms-course__player_content h3{
  margin:.6em 0 .3em;font-family:"Playfair Display",Georgia,serif;font-weight:800;
  background:linear-gradient(110deg,#fff 0%,var(--av-gold) 46%,#fff 78%,var(--av-gold) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;filter:drop-shadow(0 0 10px rgba(194,155,93,.18))
}
.stm-lms-course__player video,.stm-lms-course__player iframe{
  border-radius:14px !important;box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 24px rgba(194,155,93,.12)
}
/* MediaElement (mejs) Progress/Buttons */
.mejs-time-total{background:rgba(255,255,255,.1) !important}
.mejs-time-current{background:linear-gradient(90deg,var(--av-gold),var(--av-gold-2)) !important}
.mejs-button>button{filter:drop-shadow(0 0 4px rgba(194,155,93,.45))}
.mejs-button>button:hover{filter:drop-shadow(0 0 8px rgba(216,182,119,.65))}

/* =========================================================
   WOO – CHECKOUT / SYSTEMMELDUNGEN
   ========================================================= */
.woocommerce-info,.woocommerce-message,.woocommerce-error{
  background:var(--av-card) !important;border:1px solid var(--av-border) !important;border-left:3px solid var(--av-gold) !important;
  border-radius:14px;color:var(--av-fg) !important
}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
input[type=text],input[type=email],input[type=number],input[type=url],input[type=tel],input[type=password],
select,textarea{
  background:var(--av-card-2) !important;color:var(--av-fg) !important;border:1px solid var(--av-border) !important;border-radius:12px
}
input::placeholder,textarea::placeholder{color:rgba(226,229,235,.55) !important}

/* =========================================================
   MOBILE FIXES (weiße Lücken vermeiden)
   ========================================================= */
@media (max-width:768px){
  .elementor-section,.elementor-container,.elementor-widget-wrap,
  .stm_lms_courses__archive,.single-stm-courses .stm-lms-course__content,
  .single-stm-courses .stm-lms-course__sidebar{margin-bottom:0 !important;padding-bottom:0 !important;min-height:auto !important}
  main,.site-content{overflow-x:hidden}
}
/* =========================================================
   AVANI SPIRIT — GLOBAL BRAND SYSTEM (v2)
   Ziel: 1 Identität (Typo/Farben/Cards/Buttons) + Reveal Engine
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --av-bg:#0a0a0a;
  --av-nav:#0b0f16;
  --av-card:rgba(0,0,0,.66);
  --av-card2:rgba(0,0,0,.78);
  --av-stroke:rgba(255,255,255,.12);

  --av-fg:#ffffff;
  --av-muted:226 229 235;

  --av-gold:#c29b5d;
  --av-gold2:#d8b677;

  --av-radius:22px;
  --av-shadow:0 22px 70px rgba(0,0,0,.70);

  --av-max:1180px;
  --av-pad:16px;

  /* Background Image (du hinterlegst es pro Seite – das bleibt kompatibel) */
  --av-bg-img:url("https://avanispirit.de/wp-content/uploads/2025/12/194dd895-14a5-4ff9-8e6f-8d260bb44a52.png");
}

/* ---------- Base ---------- */
html,body{background:var(--av-bg); color:var(--av-fg);}
body{
  margin:0;
  /* Falls du das BG Bild global willst: aktivieren (sonst lässt du’s aus) */
  /* background: var(--av-bg) var(--av-bg-img) center/cover fixed no-repeat; */
}
p,li{color:rgba(var(--av-muted)/.92);}
a{color:var(--av-gold); text-decoration:none;}
a:hover{color:var(--av-gold2); text-shadow:0 0 10px rgba(216,182,119,.25);}

/* Keine unschönen Wort-Trennungen */
*{
  -webkit-hyphens:none !important;
  hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* ---------- Layout helper ---------- */
.av-wrap{
  max-width:var(--av-max);
  margin:0 auto;
  padding:0 var(--av-pad);
}

/* ---------- Headings (global edel) ---------- */
h1,h2,h3,h4{
  color:#fff;
  line-height:1.15;
  margin:0 0 .6em;
  letter-spacing:.2px;
}

/* ---------- Buttons (WP/Elementor/Woo/Theme) ---------- */
button,
input[type="submit"],
.wp-block-button__link,
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border-radius:16px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
}

.wp-block-button__link,
.elementor-button.elementor-button-link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  background:var(--av-gold) !important;
  border-color:var(--av-gold) !important;
  color:#101010 !important;
  box-shadow:0 14px 36px rgba(0,0,0,.55) !important;
}
.wp-block-button__link:hover,
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  background:var(--av-gold2) !important;
  border-color:var(--av-gold2) !important;
}

/* Ghost/Outline Buttons (wenn du Klasse .av-btn-ghost nutzt) */
.av-btn-ghost{
  background:rgba(0,0,0,.22) !important;
  color:#fff !important;
  border:1px solid rgba(194,155,93,.55) !important;
}

/* ---------- Cards ---------- */
.av-card{
  background:var(--av-card);
  border:1px solid var(--av-stroke);
  border-radius:var(--av-radius);
  box-shadow:var(--av-shadow);
}

/* ---------- Header/Menu (aus deinem bisherigen CSS bereinigt) ---------- */
header, .site-header{
  background:linear-gradient(180deg, rgba(11,15,22,.98), rgba(11,15,22,.90)) !important;
}
header::after, .site-header::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg,transparent,rgba(194,155,93,.45),transparent);
  pointer-events:none;
}

/* Dropdown */
.sub-menu{
  background:linear-gradient(180deg,rgba(11,15,22,.98),rgba(11,15,22,.92)) !important;
  border:1px solid rgba(194,155,93,.15) !important;
  border-top:2px solid var(--av-gold) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.45) !important;
  border-radius:10px !important;
  padding:10px 0 !important;
  backdrop-filter:blur(2px);
}

/* ---------- REVEAL ENGINE (Editor sichtbar, Frontend animiert) ---------- */
/* Default: im Editor soll alles “fertig” aussehen */
.av-reveal{ opacity:1; transform:none; }

/* Nur im echten Frontend (wenn JS .av-reveal-ready setzt) starten wir hidden */
html.av-reveal-ready .av-reveal{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .7s ease, transform .7s ease;
  will-change:opacity,transform;
}
html.av-reveal-ready .av-reveal.is-in{
  opacity:1;
  transform:translateY(0);
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  html.av-reveal-ready .av-reveal{opacity:1; transform:none; transition:none;}
}

/* ---------- Mobile Clean ---------- */
@media (max-width:768px){
  main, .site-content{overflow-x:hidden;}
  .elementor-section, .elementor-container, .elementor-widget-wrap{margin-bottom:0 !important;}
}

:root{
  --av-gold:#c7a777;
  --av-gold-2:#f5c451;
  --av-bg:#050505;
  --av-card:rgba(0,0,0,.56);
  --av-card-2:rgba(0,0,0,.44);
  --av-border:rgba(255,255,255,.12);
  --av-text:#f5f5f7;
  --av-soft:#c7cbd6;
  --av-muted:#9aa0b2;
  --av-radius:22px;
  --av-shadow:0 18px 50px rgba(0,0,0,.55);
  --av-shadow-soft:0 14px 40px rgba(0,0,0,.42);
  --av-max:1200px;
  --av-pad:16px;
}

/* Grundlayout */
html,body{margin:0;padding:0;background:var(--av-bg);color:var(--av-text)}
a{color:inherit}
.av-wrap{max-width:var(--av-max);margin:0 auto;padding:0 var(--av-pad)}
.av-sec{padding:72px 0}
@media (max-width: 780px){ .av-sec{padding:52px 0} }

/* Hintergrund-Glow (langsamer + ohne harte Kanten) */
.av-bgfx{position:relative;isolation:isolate}
.av-bgfx:before{
  content:"";position:absolute;inset:-140px;z-index:-1;pointer-events:none;
  background:
    radial-gradient(900px 520px at 14% 18%, rgba(199,167,119,.20), transparent 70%),
    radial-gradient(820px 520px at 84% 30%, rgba(245,196,81,.14), transparent 72%),
    radial-gradient(900px 620px at 58% 88%, rgba(199,167,119,.12), transparent 70%);
  filter:blur(14px);
  opacity:.95;
  transform:translate3d(0,0,0);
  animation:avGlow 18s ease-in-out infinite;
}
@keyframes avGlow{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-8px,0) scale(1.02)}
}

/* Cards / Panels (nicht zu dunkel, Hintergrund bleibt sichtbar) */
.av-card{
  background:linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.42));
  border:1px solid var(--av-border);
  border-radius:var(--av-radius);
  box-shadow:var(--av-shadow-soft);
  backdrop-filter: blur(10px);
}
.av-card:hover{box-shadow:var(--av-shadow);border-color:rgba(199,167,119,.22)}
.av-in{padding:22px}
@media (max-width:780px){.av-in{padding:18px}}

/* Buttons */
.av-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 18px;border-radius:999px;border:1px solid rgba(199,167,119,.35);
  background:rgba(0,0,0,.35);color:var(--av-text);text-decoration:none;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;
  box-shadow:0 12px 34px rgba(0,0,0,.35);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.av-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,0,0,.45);border-color:rgba(245,196,81,.55)}
.av-btn--gold{
  background:linear-gradient(180deg, rgba(199,167,119,.95), rgba(199,167,119,.82));
  color:#1b140f;border-color:transparent;
}
.av-btn--ghost{background:rgba(0,0,0,.22)}
.av-chip{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.30);color:var(--av-text);
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px
}
.av-chip i{width:7px;height:7px;border-radius:50%;background:var(--av-gold)}

/* Typo */
.av-h1{font-size:clamp(40px,4.6vw,68px);line-height:1.03;margin:0 0 14px;font-weight:900}
.av-h2{font-size:clamp(30px,3.2vw,46px);line-height:1.06;margin:0 0 12px;font-weight:900}
.av-sub{color:var(--av-soft);line-height:1.65;margin:0}
.av-small{color:var(--av-muted);font-size:14px;line-height:1.6}

/* Scroll reveal */
.av-r{opacity:0;transform:translateY(14px) scale(.985);transition:opacity .65s ease,transform .65s ease}
.av-r.is-in{opacity:1;transform:translateY(0) scale(1)}
@media (prefers-reduced-motion: reduce){
  .av-r{opacity:1;transform:none;transition:none}
  .av-bgfx:before{animation:none}
}

/* Grids */
.av-grid{display:grid;gap:18px}
.av-2{grid-template-columns:1.2fr .8fr}
.av-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.av-2,.av-3{grid-template-columns:1fr}}

/* Hero Kreis + Strahlenbewegung */
.av-orbWrap{position:relative;display:grid;place-items:center;min-height:420px}
.av-orb{
  width:min(420px,78vw);aspect-ratio:1/1;border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,0,0,.05) 0 36%, rgba(0,0,0,.55) 58%, rgba(0,0,0,.88) 100%),
    radial-gradient(circle at 50% 50%, rgba(199,167,119,.22), transparent 60%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 90px rgba(0,0,0,.55);
  position:relative;overflow:hidden;
}
.av-orb:before{
  content:"";position:absolute;inset:-18%;
  background:conic-gradient(from 0deg,
    transparent 0 10deg, rgba(245,196,81,.10) 10deg 18deg,
    transparent 18deg 36deg, rgba(199,167,119,.10) 36deg 44deg,
    transparent 44deg 72deg, rgba(245,196,81,.08) 72deg 80deg,
    transparent 80deg 360deg);
  filter:blur(0.2px);
  opacity:.85;
  animation:avRays 10.5s linear infinite;
  mix-blend-mode:screen;
}
@keyframes avRays{to{transform:rotate(360deg)}}
.av-orb:after{
  content:"";position:absolute;inset:10%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%, rgba(245,196,81,.20), transparent 65%);
  filter:blur(8px);
  opacity:.8;
  animation:avPulse 3.6s ease-in-out infinite;
}
@keyframes avPulse{0%,100%{transform:scale(.98);opacity:.6}50%{transform:scale(1.02);opacity:.95}}
.av-orbLogo{position:absolute;inset:0;display:grid;place-items:center}
.av-orbLogo img{width:55%;max-width:260px;opacity:.95;filter:drop-shadow(0 18px 34px rgba(0,0,0,.55))}
.av-play{
  position:absolute;bottom:22px;left:50%;transform:translateX(-50%);
}

/* Wabbel-Blob hinter Cards */
.av-blob{
  position:absolute;inset:auto auto -120px -120px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(199,167,119,.18), transparent 60%),
             radial-gradient(circle at 70% 70%, rgba(245,196,81,.10), transparent 60%);
  filter:blur(10px);
  opacity:.8;
  animation:avBlob 9s ease-in-out infinite;
  z-index:-1;
}
@keyframes avBlob{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(34px,-16px) scale(1.06)}
}

/* Kurs-List */
.av-courseRow{display:grid;grid-template-columns:170px 1fr auto;gap:18px;align-items:center}
@media (max-width:980px){.av-courseRow{grid-template-columns:1fr;gap:12px}}
.av-courseImg{
  width:170px;height:110px;border-radius:18px;border:1px solid rgba(255,255,255,.12);
  object-fit:cover;box-shadow:0 18px 44px rgba(0,0,0,.35);
}
@media (max-width:980px){.av-courseImg{width:100%;height:170px}}
.av-courseTitle{margin:0;font-weight:900;font-size:18px}
.av-courseMeta{margin:6px 0 0;color:var(--av-soft);line-height:1.55}

/* Methode Timeline (vertikal) */
.av-tl{position:relative;padding-left:34px}
.av-tl:before{
  content:"";position:absolute;left:12px;top:10px;bottom:10px;width:3px;border-radius:99px;
  background:linear-gradient(180deg, rgba(245,196,81,.15), rgba(199,167,119,.85), rgba(245,196,81,.15));
  box-shadow:0 0 22px rgba(199,167,119,.18);
}
.av-tlGlow{
  position:absolute;left:12px;top:10px;width:3px;height:68px;border-radius:99px;
  background:linear-gradient(180deg, transparent, rgba(245,196,81,.95), transparent);
  filter:blur(.2px);
  animation:avScan 4.8s ease-in-out infinite;
}
@keyframes avScan{
  0%{transform:translateY(0);opacity:.25}
  45%{opacity:1}
  100%{transform:translateY(calc(100% + 240px));opacity:.25}
}
.av-step{position:relative;margin:0 0 14px}
.av-dot{
  position:absolute;left:-34px;top:18px;width:14px;height:14px;border-radius:50%;
  background:var(--av-gold);
  box-shadow:0 0 0 6px rgba(199,167,119,.12), 0 14px 34px rgba(0,0,0,.45);
}
.av-step h3{margin:0 0 6px;font-weight:900}
.av-step p{margin:0;color:var(--av-soft);line-height:1.6}

/* Proof Grid */
.av-proof{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (max-width:980px){.av-proof{grid-template-columns:1fr}}
.av-proof a{display:block;position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.av-proof img{width:100%;height:170px;object-fit:cover;display:block;transform:scale(1.01);transition:transform .28s ease}
.av-proof a:hover img{transform:scale(1.06)}
.av-proof span{
  position:absolute;left:12px;bottom:12px;
  background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14);
  padding:8px 12px;border-radius:999px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:11px
}

/* Testimonials (hochkant videos) */
.av-testi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1100px){.av-testi{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.av-testi{grid-template-columns:1fr}}
.av-testi video{
  width:100%;aspect-ratio:9/16;border-radius:18px;border:1px solid rgba(255,255,255,.12);
  background:#000;object-fit:cover;box-shadow:0 18px 44px rgba(0,0,0,.35)
}

/* FAQ + Form */
.av-faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:980px){.av-faqGrid{grid-template-columns:1fr}}
.av-acc button{
  width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.30);color:var(--av-text);font-weight:900
}
.av-acc button:hover{border-color:rgba(245,196,81,.35)}
.av-acc .av-a{display:none;padding:12px 16px 2px;color:var(--av-soft);line-height:1.6}
.av-acc .is-open .av-a{display:block}
.av-form label{display:block;color:var(--av-muted);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px;margin:10px 0 8px}
.av-form input,.av-form textarea{
  width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25);color:var(--av-text);padding:14px 14px;outline:none
}
.av-form textarea{min-height:130px;resize:vertical}
.av-form input:focus,.av-form textarea:focus{border-color:rgba(245,196,81,.45)}

/* ================================
   AVANI SPIRIT — GLOBAL WEBSITE CSS
   ================================ */

/* Fonts: in Elementor/Theme einbinden (Playfair Display + Inter) */
:root{
  --av-bg:#080808;
  --av-fg:#f3f3f3;
  --av-muted:rgba(226,229,235,.86);

  --av-gold:#c29b5d;
  --av-gold-2:#e0c48a;

  --av-panel:rgba(18,18,18,.70);
  --av-panel-2:rgba(10,10,10,.58);
  --av-border:rgba(255,255,255,.12);

  --av-r:20px;
  --av-max:1200px;

  --av-shadow:0 18px 60px rgba(0,0,0,.58);
  --av-shadow-soft:0 12px 34px rgba(0,0,0,.44);

  --av-bg-img:url("https://avanispirit.de/wp-content/uploads/2025/12/194dd895-14a5-4ff9-8e6f-8d260bb44a52.png");
}

/* Base */
html,body{ margin:0; padding:0; }
body{
  background-color:var(--av-bg) !important;
  background-image:var(--av-bg-img) !important;
  background-repeat:repeat !important;
  background-size:900px auto !important;
  background-attachment:scroll !important; /* Performance */
  color:var(--av-fg) !important;
  overflow-x:hidden;
}

/* Desktop: fixed background nur wenn Device performant */
@media(min-width:1024px){
  body{ background-attachment:fixed !important; }
}

/* Typography defaults */
body, .elementor-widget-text-editor, .elementor-widget-heading{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
h1,h2,h3,h4{
  font-family: "Playfair Display", Georgia, serif;
  letter-spacing:.01em;
}
p{ color:var(--av-muted); }
a{ color:inherit; }

/* Avoid ugly word breaks on mobile */
*{ overflow-wrap:break-word; word-break:normal; hyphens:none; }
h1,h2,h3{ text-wrap:balance; }
p{ text-wrap:pretty; }

/* Panels / Cards */
.av-panel{
  position:relative;
  border-radius:var(--av-r);
  border:1px solid var(--av-border);
  background:linear-gradient(180deg, var(--av-panel), var(--av-panel-2));
  box-shadow:var(--av-shadow);
  overflow:hidden;
}
.av-panel.pad{ padding:clamp(22px,4.6vw,56px); }
.av-panel::before{
  content:""; position:absolute; inset:-2px; pointer-events:none;
  background:radial-gradient(120% 90% at 12% 8%, rgba(255,255,255,.06), transparent 55%);
}
.av-panel .bar{
  position:absolute; left:16px; right:16px; height:2px; top:14px;
  background:linear-gradient(90deg, transparent, rgba(194,155,93,.55), rgba(224,196,138,.95), rgba(194,155,93,.55), transparent);
  box-shadow:0 0 14px rgba(194,155,93,.30), 0 0 28px rgba(194,155,93,.18);
  opacity:.85;
}
.av-panel .bar.btm{ top:auto; bottom:14px; }

/* Background dim overlay helper (place once in Block 0) */
.av-bg-dim{
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(1000px 700px at 15% 20%, rgba(194,155,93,.10), transparent 55%),
    radial-gradient(900px 600px at 85% 12%, rgba(224,196,138,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.62));
}

/* Kicker / shimmer */
.av-kicker{
  display:inline-flex; align-items:center; gap:.55em;
  padding:6px 12px; border-radius:999px;
  border:1px solid rgba(194,155,93,.55);
  background:rgba(0,0,0,.52);
  font:800 12.5px/1.1 Inter,system-ui;
  color:var(--av-fg);
}
.av-kicker i{width:9px;height:9px;border-radius:999px;background:radial-gradient(circle,#ffe2ad 0,#c29b5d 55%,#7b5728 100%);box-shadow:0 0 12px rgba(194,155,93,.55)}
.av-shimmer{
  background:linear-gradient(110deg,#fff 0%, var(--av-gold) 46%, #fff 78%, var(--av-gold-2) 100%);
  background-size:280% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:avSweep 8.2s ease-in-out infinite, avGlow 6.2s ease-in-out infinite;
  filter:drop-shadow(0 0 10px rgba(194,155,93,.14));
}
@keyframes avSweep{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes avGlow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 14px rgba(194,155,93,.30),0 0 26px rgba(194,155,93,.16)}}

.av-lead{ color:var(--av-muted); font:500 clamp(15px,1.25vw,18px)/1.72 Inter,system-ui; text-wrap:balance; }
.av-copy{ color:var(--av-muted); font:500 15px/1.75 Inter,system-ui; }

/* Buttons */
.av-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  padding:.92em 1.2em;
  border-radius:999px;
  border:1px solid rgba(194,155,93,.60);
  font-weight:900; letter-spacing:.02em;
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
  min-height:46px;
}
.av-btn.primary{ background:linear-gradient(180deg, rgba(224,196,138,.98), rgba(194,155,93,.78)); color:#0d0d0d; box-shadow:0 10px 28px rgba(0,0,0,.36), 0 0 24px rgba(194,155,93,.12); }
.av-btn.primary:hover{ transform:translateY(-1px); background:linear-gradient(180deg, rgba(255,232,176,.98), rgba(194,155,93,.86)); box-shadow:0 14px 34px rgba(0,0,0,.46), 0 0 28px rgba(194,155,93,.18); }
.av-btn.ghost{ background:rgba(0,0,0,.22); color:var(--av-fg); }
.av-btn.ghost:hover{ transform:translateY(-1px); background:rgba(255,255,255,.05); box-shadow:0 12px 28px rgba(0,0,0,.36); }

.av-actions{ display:flex; gap:.75em; flex-wrap:wrap; margin-top:1.15em; }
@media(max-width:820px){ .av-actions{ justify-content:center; } }

/* Hover glow runner (for borders) */
.av-glow-run{
  position:absolute; inset:0; pointer-events:none;
  border-radius:inherit;
}
.av-glow-run::before{
  content:""; position:absolute; inset:-2px; border-radius:inherit;
  background:conic-gradient(from 0deg, transparent 0 70%, rgba(224,196,138,.50) 80%, transparent 95% 100%);
  filter:blur(10px);
  opacity:.55;
  animation:avRing 6.5s linear infinite;
}
@keyframes avRing{ to{ transform:rotate(360deg);} }

/* Reveal (JS toggles html.av-js) */
.av-reveal{ opacity:1; transform:none; }
html.av-js .av-reveal{ opacity:0; transform:translateY(10px); transition:opacity .7s ease, transform .7s ease; }
html.av-js .av-reveal.is-in{ opacity:1; transform:translateY(0); }

/* Reduce heavy effects on mobile for smooth scroll */
@media(max-width:980px){
  .av-panel{ box-shadow:0 12px 34px rgba(0,0,0,.46); }
  .av-glow-run::before{ filter:blur(12px); opacity:.40; }
}

/* If user prefers reduced motion */
@media (prefers-reduced-motion:reduce){
  html.av-js .av-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
  .av-shimmer{ animation:none !important; }
  .av-glow-run::before{ animation:none !important; }
}

/* Optional: Elementor section spacing normalize */
.elementor-section{ margin:0 !important; }

/* ===== AVANI Kontakt – Select Popup dark machen (Windows/Chrome fix) ===== */
#av-kontakt, 
#av-kontakt .av-form{
  color-scheme: dark; /* wichtig: zwingt native UI (Select-Popup) in dark */
}

/* Select optisch + native Pfeile konsistent */
#av-kontakt select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:
    linear-gradient(180deg, rgba(20,20,20,.70), rgba(12,12,12,.58)),
    radial-gradient(circle at 50% 50%, rgba(224,196,138,.10), transparent 60%);
  background-repeat:no-repeat;
  background-size:100% 100%, 100% 100%;
}

/* Options-Liste (Popup) */
#av-kontakt select option{
  background:#0b0b0d;   /* dark */
  color:#f5f5f7;
}

/* “Placeholder”-Option dezenter */
#av-kontakt select option[disabled]{
  color:rgba(226,229,235,.55);
}

/* Optional: Autofill (falls Browser hell macht) */
#av-kontakt input:-webkit-autofill,
#av-kontakt textarea:-webkit-autofill,
#av-kontakt select:-webkit-autofill{
  -webkit-text-fill-color:#f5f5f7 !important;
  box-shadow:0 0 0 1000px rgba(0,0,0,.30) inset !important;
  caret-color:#fff;
}

/* =========================================================
AVANI – GLOBAL OVERRIDES (Plugins + MasterStudy + WP Core)
Ziel: ALLES, was extern/Plugin-UI ist, bekommt euren Stil.
Einfügen: WP → Design → Zusätzliches CSS (Global Custom CSS)
Hinweis: Nutzt eure bestehenden :root Variablen aus dem Global Block.
========================================================= */

/* ---------- 0) Grundschutz: Text/Links im Dark UI ---------- */
html, body{color:var(--av-text);}
a{color:rgba(224,196,138,.95);}
a:hover{color:#fff;}

/* ---------- 1) Einheitliche „Surface“-Optik für Plugin-Boxen ---------- */
:where(
  .widget, .wp-block-group, .wp-block-cover, .wp-block-media-text,
  .wp-block-latest-posts, .wp-block-latest-comments, .wp-block-search,
  .woocommerce, .woocommerce-page,
  .masterstudy, .stm_lms_wrapper, .stm-lms-wrapper,
  .elementor-widget-container,
  .ms-lms, .masterstudy-lms-learning,
  .tutor-wrap, .learndash-wrapper, .sensei
){
  color:var(--av-text);
}

/* Cards/Container, die häufig von Plugins kommen */
:where(
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-message,
  .woocommerce .woocommerce-error,
  .woocommerce .checkout_coupon,
  .woocommerce form.login,
  .woocommerce form.register,
  .woocommerce form.checkout_coupon,
  .woocommerce form.woocommerce-form-coupon,
  .woocommerce form.woocommerce-form-login,
  .woocommerce form.woocommerce-form-register,
  .woocommerce .woocommerce-MyAccount-content,
  .woocommerce .woocommerce-MyAccount-navigation,
  .stm_lms_wrapper .stm-lms-user-info,
  .stm_lms_wrapper .stm-lms-course__sidebar,
  .stm_lms_wrapper .stm-lms-course__content,
  .stm_lms_wrapper .stm-lms-lesson,
  .stm_lms_wrapper .stm-lms-quiz,
  .stm_lms_wrapper .stm-lms-wishlist,
  .stm_lms_wrapper .stm_lms_instructor_courses,
  .stm_lms_wrapper .stm-lms-buy-button,
  .stm_lms_wrapper .stm-lms-curriculum,
  .stm_lms_wrapper .stm-lms-course__info
){
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg, rgba(18,18,18,.70), rgba(10,10,10,.58)) !important;
  box-shadow:var(--av-shadow-soft) !important;
  border-radius:16px !important;
}

/* ---------- 2) Buttons: alles auf Avani Buttons biegen ---------- */
:where(
  button,
  input[type="submit"], input[type="button"], input[type="reset"],
  .button, .wp-element-button, .wp-block-button__link,
  .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
  .woocommerce #respond input#submit,
  .stm_lms_wrapper .btn, .stm_lms_wrapper button, .stm_lms_wrapper a.btn,
  .stm_lms_wrapper .stm_lms_btn, .stm_lms_wrapper .masterstudy-button,
  .masterstudy .btn, .ms-lms .btn
){
  border-radius:999px !important;
  border:1px solid rgba(194,155,93,.60) !important;
  font:900 12px/1 Inter,system-ui !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  min-height:46px !important;
  padding:.92em 1.2em !important;
  text-decoration:none !important;
  box-shadow:0 10px 28px rgba(0,0,0,.36), 0 0 24px rgba(194,155,93,.10) !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

/* Primary-Buttons (best effort: häufige Klassen) */
:where(
  .button.primary, .is-style-fill .wp-block-button__link,
  .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
  .stm_lms_wrapper .btn-primary, .masterstudy .btn-primary,
  .ms-lms .btn-primary
){
  background:linear-gradient(180deg, rgba(224,196,138,.98), rgba(194,155,93,.78)) !important;
  color:#0d0d0d !important;
}

/* Ghost/Secondary */
:where(
  .button.secondary, .is-style-outline .wp-block-button__link,
  .woocommerce a.button:not(.alt), .woocommerce button.button:not(.alt), .woocommerce input.button:not(.alt),
  .stm_lms_wrapper .btn-default, .stm_lms_wrapper .btn-secondary,
  .masterstudy .btn-secondary, .ms-lms .btn-secondary
){
  background:rgba(0,0,0,.22) !important;
  color:var(--av-text) !important;
}

/* Hover */
:where(
  button:hover,
  input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
  .button:hover, .wp-element-button:hover, .wp-block-button__link:hover,
  .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
  .stm_lms_wrapper .btn:hover, .stm_lms_wrapper button:hover, .stm_lms_wrapper a.btn:hover
){
  transform:translateY(-1px) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.55), 0 0 44px rgba(194,155,93,.16) !important;
}

/* ---------- 3) Inputs / Selects / Textareas: dunkle Felder, goldener Fokus ---------- */
:where(
  input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"],
  input[type="number"], input[type="search"], textarea, select
){
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.18)) !important;
  color:var(--av-text) !important;
  padding:12px 12px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.25) !important;
  outline:none !important;
}
:where(input, textarea)::placeholder{color:rgba(226,229,235,.55) !important;}
:where(input, textarea, select):focus{
  border-color:rgba(224,196,138,.30) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.45), 0 0 34px rgba(194,155,93,.12) !important;
}

/* Dropdown Pfeil (browserübergreifend „best effort“) */
select{
  appearance:none !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(224,196,138,.95) 50%),
    linear-gradient(135deg, rgba(224,196,138,.95) 50%, transparent 50%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.18)) !important;
  background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%, 0 0 !important;
  background-size:6px 6px, 6px 6px, 100% 100% !important;
  background-repeat:no-repeat !important;
  padding-right:40px !important;
}

/* ---------- 4) Headings / Labels / kleine Texte aus Plugins ---------- */
:where(label, .woocommerce label, .stm_lms_wrapper label, .masterstudy label){
  color:rgba(224,196,138,.95) !important;
  font:900 11.5px/1 Inter,system-ui !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
:where(h1,h2,h3,h4,h5,h6, .woocommerce h1, .woocommerce h2, .stm_lms_wrapper h1, .stm_lms_wrapper h2){
  color:#fff !important;
}
:where(.woocommerce p, .woocommerce li, .stm_lms_wrapper p, .stm_lms_wrapper li){
  color:var(--av-muted) !important;
}

/* ---------- 5) Tabellen / Listen (z.B. Checkout, Konto, LMS Listen) ---------- */
:where(table, .woocommerce table.shop_table, .stm_lms_wrapper table){
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(0,0,0,.22) !important;
}
:where(th){
  color:#fff !important;
  font:900 12px/1.2 Inter,system-ui !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  background:rgba(255,255,255,.04) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
:where(td){
  color:var(--av-muted) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

/* ---------- 6) Notices (Woo / Plugins) ---------- */
:where(.woocommerce-info, .woocommerce-message, .woocommerce-error){
  color:var(--av-text) !important;
}
:where(.woocommerce-info)::before, :where(.woocommerce-message)::before, :where(.woocommerce-error)::before{
  color:rgba(224,196,138,.95) !important;
}

/* ---------- 7) MasterStudy / LMS – wichtige Stellen „golden“ & dunkel ---------- */
/* Preise/Badges/Progress */
:where(.stm_lms_wrapper .stm-lms-course__price, .stm_lms_wrapper .price, .masterstudy .price){
  color:rgba(224,196,138,.95) !important;
  font-weight:900 !important;
}

/* Tabs/Navigation */
:where(.stm_lms_wrapper .stm-lms-course__tabs, .stm_lms_wrapper .stm-lms-course-tabs){
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
:where(.stm_lms_wrapper .stm-lms-course__tabs a, .stm_lms_wrapper .stm-lms-course-tabs a){
  color:var(--av-muted) !important;
  font-weight:800 !important;
}
:where(.stm_lms_wrapper .stm-lms-course__tabs a.active, .stm_lms_wrapper .stm-lms-course-tabs a.active){
  color:#fff !important;
}

/* Curriculum Items */
:where(.stm_lms_wrapper .stm-lms-curriculum__section, .stm_lms_wrapper .stm_lms_curriculum_item){
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(0,0,0,.18) !important;
  border-radius:14px !important;
}

/* ---------- 8) Header/Footer (UAE / Customizer) – Grundoptik & Links ---------- */
/* Wichtig: Klassen/IDs können je nach Setup variieren, daher broad aber safe */
:where(header, .site-header, .elementor-location-header, .hfe-header, .uael-site-header){
  background:rgba(10,10,12,.72) !important;
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
:where(footer, .site-footer, .elementor-location-footer, .hfe-footer, .uael-site-footer){
  background:rgba(10,10,12,.86) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}
:where(header a, footer a, .site-header a, .site-footer a){
  color:var(--av-text) !important;
  text-decoration:none !important;
}
:where(header a:hover, footer a:hover){color:rgba(224,196,138,.95) !important;}

/* Menüs / Nav Links (best effort) */
:where(.menu a, nav a, .wp-block-navigation a){
  font:900 12px/1 Inter,system-ui !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
:where(.menu a){opacity:.92;}
:where(.menu a:hover){opacity:1;}

/* ---------- 9) Mobile: nichts bricht unschön ---------- */
*{-webkit-hyphens:none !important; hyphens:none !important; word-break:normal !important;}
:where(.woocommerce, .stm_lms_wrapper){overflow-x:hidden;}


/* =========================================================
AVANI – MASTERSTUDY + WOOCOMMERCE + HEADER/FOOTER OVERRIDES
Ziel: ALLE internen MasterStudy-Seiten + kompletter WooCommerce
im Avani-Stil (Dark + Gold, Panels, Buttons, Inputs, Tabs, etc.)
Einfügen: WP → Design → Zusätzliches CSS (Global Custom CSS)
========================================================= */

/* ---------- 0) Avani Background für Header/Footer (passend zur Homepage) ---------- */
:root{
  --av-hf-bg: rgba(10,10,12,.78);      /* Header BG */
  --av-hf-bg2: rgba(10,10,12,.90);     /* Footer BG */
  --av-surface: linear-gradient(180deg, rgba(18,18,18,.70), rgba(10,10,10,.58));
  --av-surface2: linear-gradient(180deg, rgba(20,20,20,.64), rgba(12,12,12,.52));
  --av-border: rgba(255,255,255,.12);
  --av-border2: rgba(224,196,138,.22);
  --av-glow: 0 0 44px rgba(194,155,93,.12);
}

/* Header/Footer Wrapper (Customizer / UAE / Elementor / HFE) */
:where(header, .site-header, .elementor-location-header, .hfe-header, .uael-site-header){
  background:var(--av-hf-bg) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(10px);
}
:where(footer, .site-footer, .elementor-location-footer, .hfe-footer, .uael-site-footer){
  background:var(--av-hf-bg2) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}
:where(header a, .site-header a, .elementor-location-header a){
  color:var(--av-text) !important;
  text-decoration:none !important;
}
:where(header a:hover){ color:rgba(224,196,138,.95) !important; }
:where(footer a){ color:var(--av-muted) !important; }
:where(footer a:hover){ color:#fff !important; }

/* Menü-Typo (Desktop) */
:where(.menu a, nav a, .wp-block-navigation a, .elementor-nav-menu a){
  font:900 12px/1 Inter,system-ui !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  opacity:.92;
}
:where(.menu a:hover, nav a:hover, .wp-block-navigation a:hover, .elementor-nav-menu a:hover){opacity:1;}


/* ---------- 1) Universelle „Panel/Surface“-Optik für Plugin-Container ---------- */
:where(
  .woocommerce, .woocommerce-page,
  .stm_lms_wrapper, .stm-lms-wrapper, .masterstudy, .ms-lms,
  .learnpress, .tutor-wrap, .learndash-wrapper, .sensei
){
  color:var(--av-text) !important;
}

/* Häufige Boxen/Container */
:where(
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-message,
  .woocommerce .woocommerce-error,
  .woocommerce form.checkout_coupon,
  .woocommerce form.login,
  .woocommerce form.register,
  .woocommerce .cart-collaterals,
  .woocommerce .woocommerce-cart-form,
  .woocommerce .woocommerce-MyAccount-navigation,
  .woocommerce .woocommerce-MyAccount-content,
  .woocommerce .checkout,
  .woocommerce .col2-set,
  .woocommerce .order_details,

  .stm_lms_wrapper .stm-lms-user-info,
  .stm_lms_wrapper .stm-lms-user-courses,
  .stm_lms_wrapper .stm-lms-user-settings,
  .stm_lms_wrapper .stm-lms-course__sidebar,
  .stm_lms_wrapper .stm-lms-course__content,
  .stm_lms_wrapper .stm-lms-curriculum,
  .stm_lms_wrapper .stm-lms-lesson,
  .stm_lms_wrapper .stm-lms-quiz,
  .stm_lms_wrapper .stm-lms-account,
  .stm_lms_wrapper .stm-lms-dashboard,
  .stm_lms_wrapper .stm-lms-buy-button,
  .stm_lms_wrapper .stm-lms-course__info,
  .stm_lms_wrapper .stm_lms_instructor_courses
){
  background:var(--av-surface) !important;
  border:1px solid var(--av-border) !important;
  border-radius:16px !important;
  box-shadow:var(--av-shadow-soft) !important;
}

/* Kleine „inner cards“ */
:where(
  .stm_lms_wrapper .stm-lms-course__sidebar .stm-lms-course-info,
  .stm_lms_wrapper .stm-lms-curriculum__section,
  .stm_lms_wrapper .stm_lms_curriculum_item,
  .stm_lms_wrapper .stm-lms-lesson__sidebar,
  .stm_lms_wrapper .stm-lms-quiz__sidebar,
  .woocommerce .shop_table,
  .woocommerce .cart_totals,
  .woocommerce .order-review,
  .woocommerce .woocommerce-checkout-review-order
){
  background:var(--av-surface2) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  box-shadow:var(--av-shadow-soft) !important;
}

/* Subtle Highlight wie eure Panels */
:where(
  .stm_lms_wrapper .stm-lms-course__content,
  .stm_lms_wrapper .stm-lms-course__sidebar,
  .woocommerce .woocommerce-MyAccount-content,
  .woocommerce .cart_totals,
  .woocommerce .checkout
){
  position:relative;
  overflow:hidden;
}
:where(
  .stm_lms_wrapper .stm-lms-course__content,
  .stm_lms_wrapper .stm-lms-course__sidebar,
  .woocommerce .woocommerce-MyAccount-content,
  .woocommerce .cart_totals,
  .woocommerce .checkout
)::before{
  content:"";
  position:absolute; inset:-2px;
  pointer-events:none;
  background:radial-gradient(120% 90% at 12% 8%, rgba(255,255,255,.045), transparent 55%);
  opacity:.9;
}

/* ---------- 2) Buttons – Woo + MasterStudy komplett im Avani-Stil ---------- */
:where(
  button,
  input[type="submit"], input[type="button"], input[type="reset"],
  .button, .wp-element-button, .wp-block-button__link,
  .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
  .woocommerce #respond input#submit,

  .stm_lms_wrapper .btn,
  .stm_lms_wrapper button,
  .stm_lms_wrapper a.btn,
  .stm_lms_wrapper .stm_lms_btn,
  .stm_lms_wrapper .masterstudy-button,
  .masterstudy .btn,
  .ms-lms .btn
){
  border-radius:999px !important;
  border:1px solid rgba(194,155,93,.60) !important;
  font:900 12px/1 Inter,system-ui !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  min-height:46px !important;
  padding:.92em 1.2em !important;
  text-decoration:none !important;
  background:rgba(0,0,0,.22) !important;
  color:var(--av-text) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.36), 0 0 24px rgba(194,155,93,.10) !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

/* Primär-Buttons (Woo alt + MasterStudy primary) */
:where(
  .woocommerce a.button.alt,
  .woocommerce button.button.alt,
  .woocommerce input.button.alt,
  .stm_lms_wrapper .btn-primary,
  .masterstudy .btn-primary,
  .ms-lms .btn-primary,
  .stm_lms_wrapper .masterstudy-button.primary
){
  background:linear-gradient(180deg, rgba(224,196,138,.98), rgba(194,155,93,.78)) !important;
  color:#0d0d0d !important;
  border-color:rgba(224,196,138,.30) !important;
}

/* Hover */
:where(
  button:hover,
  input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
  .button:hover, .wp-element-button:hover, .wp-block-button__link:hover,
  .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
  .stm_lms_wrapper .btn:hover, .stm_lms_wrapper button:hover, .stm_lms_wrapper a.btn:hover
){
  transform:translateY(-1px) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.55), var(--av-glow) !important;
}

/* ---------- 3) Inputs / Selects – Woo + MasterStudy ---------- */
:where(
  input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
  input[type="password"], input[type="number"], input[type="search"],
  textarea, select,
  .woocommerce input.input-text, .woocommerce textarea,
  .stm_lms_wrapper input, .stm_lms_wrapper textarea, .stm_lms_wrapper select
){
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.18)) !important;
  color:var(--av-text) !important;
  padding:12px 12px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.25) !important;
  outline:none !important;
}
:where(input, textarea)::placeholder{color:rgba(226,229,235,.55) !important;}
:where(input, textarea, select):focus{
  border-color:rgba(224,196,138,.30) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.45), 0 0 34px rgba(194,155,93,.12) !important;
}

/* Select Pfeil */
select{
  appearance:none !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(224,196,138,.95) 50%),
    linear-gradient(135deg, rgba(224,196,138,.95) 50%, transparent 50%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.18)) !important;
  background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%, 0 0 !important;
  background-size:6px 6px, 6px 6px, 100% 100% !important;
  background-repeat:no-repeat !important;
  padding-right:40px !important;
}

/* Labels (Woo + MasterStudy) */
:where(label, .woocommerce label, .stm_lms_wrapper label, .masterstudy label){
  color:rgba(224,196,138,.95) !important;
  font:900 11.5px/1 Inter,system-ui !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

/* ---------- 4) WooCommerce – Tabs, Preise, Badges, Notices ---------- */
:where(.woocommerce .price, .woocommerce div.product p.price, .woocommerce div.product span.price){
  color:rgba(224,196,138,.95) !important;
  font-weight:900 !important;
}
:where(.woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error){
  color:var(--av-text) !important;
  background:rgba(0,0,0,.25) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-left:3px solid rgba(224,196,138,.60) !important;
  border-radius:14px !important;
}
:where(.woocommerce-info)::before, :where(.woocommerce-message)::before, :where(.woocommerce-error)::before{
  color:rgba(224,196,138,.95) !important;
}

/* Woo Tables */
:where(.woocommerce table.shop_table){
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(0,0,0,.22) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
:where(.woocommerce table.shop_table th){
  color:#fff !important;
  font:900 12px/1.2 Inter,system-ui !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  background:rgba(255,255,255,.04) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
:where(.woocommerce table.shop_table td){
  color:var(--av-muted) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

/* ---------- 5) MasterStudy – Tabs, Curriculum, Player, Progress, Account ---------- */

/* MasterStudy Links/Text */
:where(.stm_lms_wrapper a, .stm-lms-wrapper a, .masterstudy a){color:rgba(224,196,138,.95) !important;}
:where(.stm_lms_wrapper a:hover, .stm-lms-wrapper a:hover, .masterstudy a:hover){color:#fff !important;}

/* Kurs-Titel/Headlines */
:where(
  .stm_lms_wrapper h1, .stm_lms_wrapper h2, .stm_lms_wrapper h3,
  .masterstudy h1, .masterstudy h2, .masterstudy h3
){
  color:#fff !important;
}

/* MasterStudy Tabs (Single Course) */
:where(
  .stm_lms_wrapper .stm-lms-course__tabs,
  .stm_lms_wrapper .stm-lms-course-tabs,
  .stm_lms_wrapper .stm_lms_course_tabs,
  .masterstudy .course-tabs
){
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
:where(
  .stm_lms_wrapper .stm-lms-course__tabs a,
  .stm_lms_wrapper .stm-lms-course-tabs a,
  .stm_lms_wrapper .stm_lms_course_tabs a,
  .masterstudy .course-tabs a
){
  color:var(--av-muted) !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
:where(
  .stm_lms_wrapper .stm-lms-course__tabs a.active,
  .stm_lms_wrapper .stm-lms-course-tabs a.active,
  .stm_lms_wrapper .stm_lms_course_tabs a.active,
  .masterstudy .course-tabs a.active
){
  color:#fff !important;
  border-bottom:2px solid rgba(224,196,138,.75) !important;
}

/* Curriculum Items + Hover */
:where(
  .stm_lms_wrapper .stm-lms-curriculum__section,
  .stm_lms_wrapper .stm_lms_curriculum_item,
  .stm_lms_wrapper .stm-lms-curriculum__item
){
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(0,0,0,.18) !important;
  border-radius:14px !important;
}
:where(
  .stm_lms_wrapper .stm_lms_curriculum_item:hover,
  .stm_lms_wrapper .stm-lms-curriculum__item:hover
){
  border-color:var(--av-border2) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.55), var(--av-glow) !important;
  transform:translateY(-1px);
}

/* Progress Bars – Gold */
:where(
  .stm_lms_wrapper .stm-lms-progress,
  .stm_lms_wrapper .stm-lms-progressbar,
  .stm_lms_wrapper .progress
){
  background:rgba(255,255,255,.08) !important;
  border-radius:999px !important;
  overflow:hidden !important;
}
:where(
  .stm_lms_wrapper .stm-lms-progress__bar,
  .stm_lms_wrapper .stm-lms-progressbar__filled,
  .stm_lms_wrapper .progress-bar
){
  background:linear-gradient(90deg, rgba(224,196,138,.95), rgba(194,155,93,.85)) !important;
}

/* Badges/Labels (Level, Featured, etc.) */
:where(
  .stm_lms_wrapper .stm-lms-course__badge,
  .stm_lms_wrapper .stm_lms_course__badge,
  .masterstudy .badge
){
  background:rgba(0,0,0,.35) !important;
  border:1px solid rgba(224,196,138,.22) !important;
  color:rgba(224,196,138,.95) !important;
  border-radius:999px !important;
  font:900 11px/1 Inter,system-ui !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  padding:6px 10px !important;
}

/* Lesson/Quiz – Sidebar Links */
:where(
  .stm_lms_wrapper .stm-lms-lesson__sidebar a,
  .stm_lms_wrapper .stm-lms-quiz__sidebar a
){
  color:var(--av-muted) !important;
  font-weight:800 !important;
}
:where(
  .stm_lms_wrapper .stm-lms-lesson__sidebar a:hover,
  .stm_lms_wrapper .stm-lms-quiz__sidebar a:hover
){
  color:#fff !important;
}

/* Account/Dashboard Nav */
:where(
  .stm_lms_wrapper .stm-lms-user-menu,
  .stm_lms_wrapper .stm-lms-user-menu a
){
  color:var(--av-muted) !important;
}
:where(
  .stm_lms_wrapper .stm-lms-user-menu a.active,
  .stm_lms_wrapper .stm-lms-user-menu a:hover
){
  color:#fff !important;
}

/* ---------- 6) Typo/Spacing + mobile Sicherheiten ---------- */
*{-webkit-hyphens:none !important; hyphens:none !important; word-break:normal !important;}
:where(.woocommerce, .stm_lms_wrapper, .stm-lms-wrapper){overflow-x:hidden !important;}
@media(max-width:980px){
  :where(.woocommerce, .stm_lms_wrapper, .stm-lms-wrapper) :where(.col2-set, .row, .columns){
    width:100% !important;
    max-width:100% !important;
  }
}


/* =========================================================
   AVANI SPIRIT — GLOBAL CSS (Customizer → Zusätzliches CSS)
   Ziel: Header/Footer + MasterStudy (STM LMS) + WooCommerce
   komplett im Avani-Stil (Schwarz/Gold/Weiß) überschreiben
========================================================= */

/* =========================
   1) THEME VARS
========================= */
:root{
  --av-gold:#c29b5d;
  --av-gold2:#e0c48a;
  --av-ink:#0b0b0d;
  --av-ink2:#0a0a0a;
  --av-text:#f5f5f7;
  --av-muted:rgba(226,229,235,.82);
  --av-muted2:rgba(226,229,235,.68);
  --av-bd:rgba(255,255,255,.12);
  --av-bd2:rgba(224,196,138,.22);
  --av-card:linear-gradient(180deg, rgba(18,18,18,.70), rgba(10,10,10,.58));
  --av-shadow-soft:0 16px 48px rgba(0,0,0,.60);
  --av-shadow-strong:0 26px 80px rgba(0,0,0,.70);
  --av-radius:18px;
  --av-radius-lg:22px;
}

/* =========================
   2) BASE / RESET
========================= */
html, body{background:var(--av-ink2) !important; color:var(--av-text) !important;}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--av-gold2); text-decoration:none;}
a:hover{color:#fff;}
p, li{color:var(--av-muted);}
h1,h2,h3,h4,h5,h6{color:#fff;}
*{-webkit-hyphens:none !important; hyphens:none !important; word-break:normal !important;}
img{max-width:100%; height:auto;}
:focus-visible{outline:2px solid rgba(224,196,138,.55); outline-offset:3px; border-radius:10px;}

/* Elementor Containers/Sections: keine weißen Hintergründe aus Theme */
.elementor-section, .elementor-container, .elementor-widget-wrap{background:transparent !important;}

/* WP Block / Page Backgrounds abfangen (falls Theme white setzt) */
#page, #content, .site, .site-content, .content-area, .entry-content{
  background:transparent !important;
}

/* =========================
   3) GLOBAL “AVANI CARD / PANEL”
   (für externe Plugin-Blöcke als Default-Optik)
========================= */
.av-panel,
.stm_lms_courses__single,
.stm_lms_course__content,
.stm_lms_course,
.stm-lms-wrapper,
.woocommerce-account .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce,
.woocommerce-page .woocommerce{
  border:1px solid var(--av-bd) !important;
  background:var(--av-card) !important;
  box-shadow:var(--av-shadow-strong) !important;
  border-radius:var(--av-radius) !important;
}

/* “Glass highlight” */
.av-panel::before,
.stm_lms_courses__single::before,
.stm_lms_course__content::before,
.woocommerce-account .woocommerce::before,
.woocommerce-checkout .woocommerce::before,
.woocommerce-cart .woocommerce::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:radial-gradient(120% 90% at 12% 8%, rgba(255,255,255,.045), transparent 55%);
  border-radius:inherit;
}

/* =========================
   4) GLOBAL BUTTONS (Theme + Plugins)
========================= */
button, .button, input[type="submit"], input[type="button"], .wp-element-button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.stm-lms-buy-button, .stm_lms_button, .stm-lms-btn, .masterstudy-button,
.stm_lms_course__button .btn, .stm-lms-course__button .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.6em !important;
  padding:.92em 1.2em !important;
  border-radius:999px !important;
  border:1px solid rgba(194,155,93,.60) !important;
  font:900 12px/1 Inter,system-ui !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  min-height:46px !important;
  white-space:nowrap !important;
  background:rgba(0,0,0,.22) !important;
  color:var(--av-text) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.36) !important;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, .wp-element-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.stm-lms-buy-button:hover, .stm_lms_button:hover, .stm-lms-btn:hover, .masterstudy-button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.55), 0 0 44px rgba(194,155,93,.22) !important;
}

/* Primary (Gold) — greift, wenn Plugin/Theme “primary/alt/checkout” nutzt */
.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.checkout-button,
.stm-lms-buy-button,
.stm_lms_course__button .btn-primary,
.stm-lms-btn-primary{
  background:linear-gradient(180deg, rgba(224,196,138,.98), rgba(194,155,93,.78)) !important;
  color:#0d0d0d !important;
  border-color:rgba(194,155,93,.70) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.36), 0 0 24px rgba(194,155,93,.12) !important;
}
.button.alt:hover,
.woocommerce a.checkout-button:hover,
.stm-lms-buy-button:hover{
  filter:saturate(1.05) !important;
}

/* =========================
   5) FORMS / INPUTS (global)
========================= */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="search"], input[type="number"], select, textarea{
  background:rgba(0,0,0,.35) !important;
  color:var(--av-text) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
input::placeholder, textarea::placeholder{color:rgba(226,229,235,.55) !important;}
select option{background:#0b0b0d !important; color:#fff !important;}
label{color:var(--av-muted2) !important; font-weight:700 !important;}

/* =========================
   6) HEADER / NAV (Theme agnostic)
   Ziel: dunkler Header + goldene Underline
========================= */
header, .site-header, #masthead, .stm_header, .stm-header, .stm-header__row, .header, .main-header{
  background:rgba(10,10,10,.92) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 14px 50px rgba(0,0,0,.55) !important;
}

/* Menü Links */
header a, #masthead a, .site-header a, .stm_header a, .stm-header a, .main-header a{
  color:rgba(224,196,138,.92) !important;
  font-weight:900 !important;
}
header a:hover, #masthead a:hover, .site-header a:hover, .stm_header a:hover, .stm-header a:hover{
  color:#fff !important;
}

/* Active underline (viele Themes setzen .current-menu-item) */
.current-menu-item > a,
.current_page_item > a,
.current-menu-ancestor > a{
  position:relative;
  color:#fff !important;
}
.current-menu-item > a::after,
.current_page_item > a::after,
.current-menu-ancestor > a::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  bottom:-10px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(224,196,138,.95), transparent);
  box-shadow:0 0 14px rgba(194,155,93,.28);
}

/* =========================
   7) FOOTER
========================= */
footer, .site-footer, #colophon, .stm-footer, .stm_footer{
  background:linear-gradient(180deg, rgba(8,8,10,.98), rgba(5,5,6,.985)) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  color:var(--av-muted) !important;
}
footer a, .site-footer a, #colophon a{color:rgba(224,196,138,.92) !important;}
footer a:hover, .site-footer a:hover, #colophon a:hover{color:#fff !important;}

/* =========================
   8) MASTERSTUDY (STM LMS) — Course Archive / Single / Lessons
========================= */

/* Wrapper Background fix (manche Templates sind hell) */
.stm-lms-wrapper, .stm_lms_course__wrapper, .stm_lms_course__content, .stm_lms_single_course{
  background:transparent !important;
}

/* Course cards on archive */
.stm_lms_courses__grid .stm_lms_course,
.stm_lms_courses__grid .stm_lms_courses__single,
.stm_lms_courses__list .stm_lms_course,
.masterstudy-course-card,
.masterstudy-course-card__wrapper{
  background:var(--av-card) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  box-shadow:var(--av-shadow-soft) !important;
  overflow:hidden !important;
}
.stm_lms_courses__grid .stm_lms_course:hover,
.stm_lms_courses__grid .stm_lms_courses__single:hover{
  transform:translateY(-1px);
  border-color:var(--av-bd2) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.62), 0 0 44px rgba(194,155,93,.12) !important;
}

/* Titles / meta */
.stm_lms_courses__grid .title,
.stm_lms_courses__single .title,
.stm_lms_course__title,
.masterstudy-course-card__title{
  color:#fff !important;
  font-weight:900 !important;
}
.stm_lms_courses__single .stm_lms_course__meta,
.stm_lms_course__meta,
.masterstudy-course-card__meta{
  color:var(--av-muted) !important;
}

/* Badges / labels */
.stm_lms_course__sale,
.stm_lms_course__badge,
.masterstudy-badge,
.stm-lms-course__badge{
  background:rgba(0,0,0,.55) !important;
  border:1px solid rgba(194,155,93,.55) !important;
  color:rgba(224,196,138,.95) !important;
  border-radius:999px !important;
  font-weight:900 !important;
}

/* Search / filters / selects */
.stm_lms_courses__search input,
.stm_lms_courses__search .form-control,
.stm_lms_courses__filters select,
.stm_lms_courses__filters input{
  background:rgba(0,0,0,.35) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:var(--av-text) !important;
  border-radius:14px !important;
}

/* Tabs on single course */
.stm_lms_course__tabs, .stm_lms_course__tabs .nav-tabs{
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.stm_lms_course__tabs .nav-link{
  color:rgba(224,196,138,.92) !important;
  font-weight:900 !important;
  background:transparent !important;
  border:0 !important;
}
.stm_lms_course__tabs .nav-link.active{
  color:#fff !important;
  position:relative;
}
.stm_lms_course__tabs .nav-link.active::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-12px;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(224,196,138,.95), transparent);
  border-radius:999px;
}

/* Lesson player/page areas (oft weiß) */
.stm_lms_lesson, .stm-lms-lesson, .stm_lms_lesson__content,
.stm_lms_course_player, .stm-lms-course-player, .stm-lms-course-player__content{
  background:transparent !important;
  color:var(--av-text) !important;
}
.stm_lms_lesson__content *, .stm-lms-course-player__content *{color:inherit;}

/* =========================
   9) WOOCOMMERCE — Global Re-Skin
========================= */

/* General wrappers */
.woocommerce, .woocommerce-page{
  color:var(--av-text) !important;
}
.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering{
  color:var(--av-muted) !important;
}

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
  border-radius:16px !important;
  background:rgba(0,0,0,.42) !important;
  border:1px solid rgba(224,196,138,.22) !important;
  color:var(--av-text) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.45) !important;
}
.woocommerce-error{border-color:rgba(255,120,120,.35) !important;}

/* Product cards / loop */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--av-card) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  box-shadow:var(--av-shadow-soft) !important;
  padding:14px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:#fff !important;
  font-weight:900 !important;
}
.woocommerce ul.products li.product .price{
  color:rgba(224,196,138,.95) !important;
  font-weight:900 !important;
}
.woocommerce span.onsale{
  background:rgba(0,0,0,.55) !important;
  border:1px solid rgba(194,155,93,.55) !important;
  color:rgba(224,196,138,.95) !important;
  border-radius:999px !important;
  font-weight:900 !important;
  padding:.25em .75em !important;
}

/* Single product */
.woocommerce div.product .product_title{color:#fff !important;}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:rgba(224,196,138,.95) !important;
  font-weight:900 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:rgba(224,196,138,.92) !important;
  font-weight:900 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff !important;}

/* Tables (cart/checkout/account) */
.woocommerce table.shop_table{
  background:rgba(0,0,0,.25) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  overflow:hidden !important;
}
.woocommerce table.shop_table th{
  color:#fff !important;
  background:rgba(255,255,255,.04) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.woocommerce table.shop_table td{
  color:var(--av-muted) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

/* Checkout fields */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single{
  background:rgba(0,0,0,.35) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
  color:var(--av-text) !important;
}
.select2-container--default .select2-results__option{color:#0b0b0d;}
.select2-dropdown{border-radius:14px !important; overflow:hidden !important;}

/* Account navigation */
.woocommerce-MyAccount-navigation ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:10px !important;
}
.woocommerce-MyAccount-navigation li a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  background:rgba(0,0,0,.30) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:rgba(224,196,138,.92) !important;
  font-weight:900 !important;
}
.woocommerce-MyAccount-navigation li.is-active a{
  color:#fff !important;
  border-color:rgba(224,196,138,.30) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.45), 0 0 30px rgba(194,155,93,.12) !important;
}

/* =========================
   10) PAGINATION (WP + LMS + Woo)
========================= */
.pagination a, .pagination span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.stm-lms-pagination a, .stm-lms-pagination span{
  background:rgba(0,0,0,.30) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:rgba(224,196,138,.92) !important;
  border-radius:12px !important;
}
.pagination .current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.stm-lms-pagination span.current{
  background:linear-gradient(180deg, rgba(224,196,138,.20), rgba(0,0,0,.22)) !important;
  border-color:rgba(224,196,138,.30) !important;
  color:#fff !important;
}

/* =========================
   11) MOBILE SANITY (header/menu spacing)
========================= */
@media(max-width:980px){
  header, #masthead, .site-header{backdrop-filter:blur(10px);}
  .current-menu-item > a::after,
  .current_page_item > a::after,
  .current-menu-ancestor > a::after{bottom:-8px;}
}


/* =========================================================
   AVANI FIX: Header Account Dropdown (Hi, Lukas / Instructor Area)
   Ziel: Weiß/Blau entfernen -> Dark/Gold + Inter
   Ganz unten im Global CSS einfügen
========================================================= */

/* Trigger / Button oben (Hi, Lukas) */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(a,button){
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

/* Dropdown Container (Gesamtbox) */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.dropdown-menu, .stm-lms-user-menu, .stm_lms_user_menu, .stm-lms-user__dropdown, .stm_lms_user__dropdown){
  background:linear-gradient(180deg, rgba(11,15,22,.98), rgba(11,15,22,.92)) !important;
  border:1px solid rgba(194,155,93,.18) !important;
  border-top:2px solid var(--av-gold) !important;
  border-radius:16px !important;
  box-shadow:0 22px 70px rgba(0,0,0,.62), 0 0 44px rgba(194,155,93,.12) !important;
  overflow:hidden !important;
  backdrop-filter:blur(10px);
}

/* Link-Spalten: alles was vorher weiß war */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.dropdown-menu, .stm-lms-user-menu, .stm_lms_user_menu) :where(ul,li,div,span){
  background:transparent !important;
  color:rgba(226,229,235,.86) !important;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
}

/* Menü-Links */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.dropdown-menu, .stm-lms-user-menu, .stm_lms_user_menu) a{
  color:rgba(226,229,235,.86) !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
}

/* Hover/Active */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.dropdown-menu, .stm-lms-user-menu, .stm_lms_user_menu) a:hover{
  color:var(--av-gold2) !important;
  background:rgba(194,155,93,.08) !important;
  text-shadow:0 0 10px rgba(216,182,119,.22) !important;
}

/* Trennlinien im Dropdown */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.dropdown-menu, .stm-lms-user-menu, .stm_lms_user_menu) :where(hr,.divider,li.separator){
  border-color:rgba(255,255,255,.10) !important;
  opacity:1 !important;
}

/* Rechte "INSTRUCTOR AREA"-Spalte (blau entfernen) */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.instructor-area, .stm_lms_instructor_area, .stm-lms-instructor-area, .stm_lms_instructor_menu, .stm-lms-instructor-menu){
  background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.12)) !important;
  border-left:1px solid rgba(194,155,93,.18) !important;
}

/* Titel in der rechten Spalte */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.instructor-area, .stm_lms_instructor_area, .stm-lms-instructor-area, .stm_lms_instructor_menu, .stm-lms-instructor-menu) :where(.title,h4,h5,strong){
  color:var(--av-gold2) !important;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

/* Logout/Abmelden */
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.dropdown-menu, .stm-lms-user-menu, .stm_lms_user_menu) :where(.logout, .stm-lms-logout, .stm_lms_logout) a{
  color:rgba(226,229,235,.75) !important;
}
:where(.stm-lms-user, .stm_lms_user, .stm-lms-user-info, .stm_lms_user_info) :where(.dropdown-menu, .stm-lms-user-menu, .stm_lms_user_menu) :where(.logout, .stm-lms-logout, .stm_lms_logout) a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.06) !important;
}

/* =========================================================
   AVANI — MASTERSTUDY FIX PACK (Dropdown + Pages + Search Off)
   Ganz unten einfügen (Overrides)
   ========================================================= */

/* -------------------------
   1) HEADER: Suchleiste komplett entfernen
   (MasterStudy/Theme/BuddyPress – best effort)
------------------------- */
header .search,
header .search-form,
header .search-field,
header .search-submit,
header .header_search,
header .header-search,
header .search-toggler,
header .stm_header_search,
header .stm-header__search,
header .stm_lms_header__search,
header .stm_lms_search,
header .stm_lms_search_popup,
header .stm_lms_searchbox,
header .stm_lms_search_form,
header .stm-lms-search,
header #stm-lms-search,
header .bp-search,
header .bp-search-form,
header .buddypress-search,
header .buddypress-search-form{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}

/* Falls der Kreis-Button “Suchen” ein eigener Wrapper ist */
header [class*="search"],
header [id*="search"]{
  /* nur Header scope, damit nicht globale Suche auf Seiten kaputtgeht */
}

/* -------------------------
   2) ACCOUNT DROPDOWN (HI, LUKAS) — Instructor Area in Avani Stil
   Klassen laut DevTools: .masterstudy-dropdown-menu__...
------------------------- */
.stm_lms_account_dropdown .dropdown-menu,
.masterstudy-dropdown-menu.dropdown-menu,
.masterstudy-dropdown-menu{
  background:linear-gradient(180deg, rgba(11,15,22,.98), rgba(11,15,22,.92)) !important;
  border:1px solid rgba(194,155,93,.22) !important;
  border-top:2px solid var(--av-gold, #c29b5d) !important;
  border-radius:16px !important;
  box-shadow:0 18px 48px rgba(0,0,0,.55) !important;
  overflow:hidden !important;
}

/* Spaltenflächen */
.masterstudy-dropdown-menu__wrap{
  background:transparent !important;
}

.masterstudy-dropdown-menu__learning-column,
.masterstudy-dropdown-menu__main-column{
  background:transparent !important;
}

/* rechter “Instructor Area” Block (war blau) */
.masterstudy-dropdown-menu__main-column{
  background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.18)) !important;
  border-left:1px solid rgba(194,155,93,.18) !important;
}

/* Überschrift “INSTRUCTOR AREA” */
.masterstudy-dropdown-menu__main-column h3,
.masterstudy-dropdown-menu__main-column .h3,
.masterstudy-dropdown-menu__main-column .title{
  color:rgba(224,196,138,.95) !important;
  font:900 11.5px/1 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  margin:0 0 10px !important;
}

/* Links (Instructor + normale Liste links) */
.masterstudy-dropdown-menu__wrap a,
.masterstudy-dropdown-menu__wrap a:visited{
  color:rgba(226,229,235,.88) !important;
  font:800 13px/1.2 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
}

.masterstudy-dropdown-menu__wrap a:hover{
  color:var(--av-gold-2, #e0c48a) !important;
  text-shadow:0 0 10px rgba(216,182,119,.22) !important;
}

/* List Spacing + Hover Row */
.masterstudy-dropdown-menu__wrap ul,
.masterstudy-dropdown-menu__wrap li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.masterstudy-dropdown-menu__wrap li a{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 16px !important;
  border-radius:12px !important;
}

.masterstudy-dropdown-menu__wrap li a:hover{
  background:rgba(194,155,93,.08) !important;
}

/* Divider Linien (dezent gold) */
.masterstudy-dropdown-menu__wrap hr,
.masterstudy-dropdown-menu__wrap .divider,
.masterstudy-dropdown-menu__wrap .dropdown-divider{
  border:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(194,155,93,.25), transparent) !important;
  margin:10px 16px !important;
}

/* “Abmelden” nicht verloren gehen lassen */
.masterstudy-dropdown-menu__wrap a[href*="logout"],
.masterstudy-dropdown-menu__wrap a:has(svg) /* harmless if unsupported */{
  opacity:.95 !important;
}

/* -------------------------
   3) MASTERSTUDY PAGES: weiße Flächen → Avani Panels
   (Dashboard / My Courses / Orders / Account / BuddyPress)
------------------------- */
body .stm-lms-wrapper,
body .stm_lms_wrapper,
body .masterstudy,
body .ms-lms,
body .buddypress,
body .bp-user,
body .woocommerce-account,
body .woocommerce-page{
  background:transparent !important;
  color:var(--av-text, #f5f5f7) !important;
}

/* Große Content-Boxen, die bei dir weiß sind */
.stm-lms-wrapper .stm_lms_private_information,
.stm-lms-wrapper .stm_lms_user_bio,
.stm-lms-wrapper .stm_lms_my_profile__content,
.stm-lms-wrapper .stm_lms_my_profile__sidebar,
.stm-lms-wrapper .stm_lms_mycourses__grid,
.stm-lms-wrapper .stm_lms_mycourses__top,
.stm-lms-wrapper .stm_lms_mycourses,
.stm-lms-wrapper .stm_lms_orders,
.stm-lms-wrapper .stm_lms_order,
.stm-lms-wrapper .stm_lms_wishlist,
.stm-lms-wrapper .stm_lms_messages,
.stm-lms-wrapper .stm-lms-user-courses,
.stm-lms-wrapper .stm-lms-dashboard,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation{
  background:linear-gradient(180deg, rgba(18,18,18,.70), rgba(10,10,10,.58)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.58) !important;
  color:var(--av-text, #f5f5f7) !important;
}

/* Tabellen/Listen innerhalb Orders usw */
.stm-lms-wrapper table,
.stm-lms-wrapper .table,
.woocommerce table.shop_table,
.woocommerce table.my_account_orders{
  background:rgba(0,0,0,.22) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.stm-lms-wrapper th,
.woocommerce table.shop_table th{
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  font:900 12px/1.2 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing:.08emem !important;
  text-transform:uppercase !important;
}

.stm-lms-wrapper td,
.woocommerce table.shop_table td{
  color:rgba(226,229,235,.82) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

/* Überschriften auf Unterseiten */
.stm-lms-wrapper h1, .stm-lms-wrapper h2, .stm-lms-wrapper h3,
.masterstudy h1, .masterstudy h2, .masterstudy h3,
.woocommerce-account h1, .woocommerce-account h2, .woocommerce-account h3{
  color:#fff !important;
  font-family:"Playfair Display", Georgia, serif !important;
}

/* Links/Meta (Gold) */
.stm-lms-wrapper a,
.masterstudy a,
.woocommerce-account a{
  color:rgba(224,196,138,.95) !important;
}
.stm-lms-wrapper a:hover,
.masterstudy a:hover,
.woocommerce-account a:hover{
  color:#fff !important;
}

/* Buttons in den MasterStudy Pages (falls dort noch Default durchrutscht) */
.stm-lms-wrapper .btn,
.stm-lms-wrapper button,
.stm-lms-wrapper a.btn,
.stm-lms-wrapper .button{
  border-radius:999px !important;
  border:1px solid rgba(194,155,93,.60) !important;
  background:rgba(0,0,0,.22) !important;
  color:var(--av-text, #f5f5f7) !important;
  font:900 12px/1 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.stm-lms-wrapper .btn-primary,
.stm-lms-wrapper .btn.alt,
.stm-lms-wrapper .button.alt{
  background:linear-gradient(180deg, rgba(224,196,138,.98), rgba(194,155,93,.78)) !important;
  color:#0d0d0d !important;
}

/* Inputs (damit nichts hell bleibt) */
.stm-lms-wrapper input,
.stm-lms-wrapper select,
.stm-lms-wrapper textarea{
  background:linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.18)) !important;
  color:var(--av-text, #f5f5f7) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
}
.stm-lms-wrapper select option{background:#0b0b0d !important; color:#fff !important;}

/* =========================
   HEADER: Höhe kleiner + Menü vertikal mittig (Y-Achse)
   ========================= */

/* 1) Header-Wrapper: weniger Padding */
.transparent_header_off .header_main_menu_wrapper,
.transparent_header_on  .header_main_menu_wrapper,
.header_main_menu_wrapper{
  margin-top:0 !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
}

/* 2) Header-Inhalt: vertikal zentrieren ohne Layout zu zerstören */
.header_main_menu_wrapper .container,
.header_main_menu_wrapper .row{
  display:flex !important;
  align-items:center !important; /* Y-Achse */
}

/* 3) Menü-Liste: Y-mittig + weniger “Luft” */
.header_main_menu_wrapper ul.menu,
.header_main_menu_wrapper .main_menu_nav > ul{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
}

/* 4) Menü-Links: weniger Höhe durch Padding/Line-height */
.header_main_menu_wrapper ul.menu > li > a,
.header_main_menu_wrapper .main_menu_nav > ul > li > a{
  padding-top:10px !important;
  padding-bottom:10px !important;
  line-height:1.1 !important;
}

/* 5) Logo: begrenzen, damit Header nicht hochgezogen wird */
.header_main_menu_wrapper .logo img{
  max-height:44px !important;
  height:auto !important;
}



/* =========================
   1) “Suchen” komplett entfernen (WP Admin Bar Search)
   ========================= */
/* Frontend: Adminbar-Suche ausblenden */
#wpadminbar #wp-admin-bar-search,
#wpadminbar #wp-admin-bar-search-default,
#wpadminbar #wp-admin-bar-search .ab-item,
#wpadminbar #wp-admin-bar-search .ab-sub-wrapper,
#wpadminbar form#adminbarsearch,
#wpadminbar #adminbarsearch,
#wpadminbar #adminbarsearch input,
#wpadminbar #adminbarsearch .adminbar-button,
#wpadminbar #wp-admin-bar-search .adminbar-button{
  display:none !important;
}

/* Falls dein Theme/Plugin noch irgendwo eine Search-Icon/Box im Header hat */
.header_default .header_search,
.header_default .stm_header_search,
.site-header .header_search,
.site-header .stm_header_search,
.stm-header .stm_header_search,
.stm-header .header_search,
.elementor-location-header .elementor-search-form,
.elementor-location-header .elementor-widget-search-form{
  display:none !important;
}


/**************************************************************
  AVANI SPIRIT – MASTERSTUDY OVERRIDES (dark / gold / white)
**************************************************************/
:root{
  --av-bg: #050505;
  --av-bg-2: #0b0b0b;
  --av-card: rgba(10,10,10,.86);
  --av-card-2: rgba(15,15,15,.92);
  --av-text: rgba(255,255,255,.92);
  --av-text-dim: rgba(255,255,255,.70);
  --av-gold: #c8a25a;
  --av-gold-2: rgba(200,162,90,.65);
  --av-line: rgba(200,162,90,.35);
  --av-shadow: 0 18px 50px rgba(0,0,0,.55);
  --av-radius: 18px;
}

/* -----------------------------------------------------------
   A) SUCHEN KOMPLETT ENTFERNEN (WP Admin Bar + MasterStudy)
----------------------------------------------------------- */

/* WP Adminbar Suche (oben, wenn eingeloggt) */
#wpadminbar #wp-admin-bar-search,
#wpadminbar .admin-bar-search,
#wpadminbar #wp-admin-bar-search .ab-item,
#wpadminbar #wp-admin-bar-search .ab-sub-wrapper{
  display:none !important;
}

/* MasterStudy / LMS Suchfelder (z.B. "Search course or quiz...") */
.masterstudy-search,
.masterstudy-search * ,
.masterstudy-enrolled-quizzes .masterstudy-search,
.masterstudy-enrolled-courses .masterstudy-search,
.masterstudy-enrolled-quizzes .masterstudy-enrolled-quizzes__search,
.masterstudy-enrolled-courses .masterstudy-enrolled-courses__search{
  display:none !important;
}

/* Falls MasterStudy ein Input rechts oben rendert */
.masterstudy-enrolled-quizzes input[type="search"],
.masterstudy-enrolled-courses input[type="search"]{
  display:none !important;
}

/* -----------------------------------------------------------
   B) BLAU / ACCENT FARBEN TOT (Hover/Active/Focus überall)
----------------------------------------------------------- */

/* generisch: Links/Buttons/Icons in LMS Bereichen */
.stm-lms-wrapper a,
.stm-lms-wrapper a:hover,
.stm-lms-wrapper a:active,
.stm-lms-wrapper a:focus{
  color: var(--av-gold) !important;
  text-decoration: none !important;
  outline: none !important;
}

/* MasterStudy Dropdown-Menu (dein Screenshot: hover war blau #385bce) */
.stm_lms_account_dropdown .dropdown button:hover .login_name,
.stm_lms_account_dropdown .dropdown button:hover .caret,
.stm_lms_account_dropdown .dropdown button:hover i,
.masterstudy-dropdown-menu a:hover,
.masterstudy-dropdown-menu a:focus,
.masterstudy-dropdown-menu a:active,
.masterstudy-dropdown-menu .dropdown_menu_item:hover{
  color: var(--av-gold) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* BuddyPress / Activity Buttons (blauer Hover weg) */
#buddypress a.button,
#buddypress a.button:hover,
#buddypress button,
#buddypress button:hover,
#buddypress input[type="submit"],
#buddypress input[type="submit"]:hover{
  background: rgba(200,162,90,.18) !important;
  color: var(--av-text) !important;
  border: 1px solid var(--av-line) !important;
  box-shadow: none !important;
}

/* Fokus-Ränder (Browser/Theme-blau) */
.stm-lms-wrapper *:focus,
.masterstudy *:focus,
#buddypress *:focus{
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(200,162,90,.18) !important;
}

/* -----------------------------------------------------------
   C) MASTERSTUDY PAGES – HINTERGRÜNDE / BOXEN / TYPO
   (Learning Area + Instructor Area + User Account Pages)
----------------------------------------------------------- */

/* Hauptbereiche dunkel */
.stm-lms-wrapper,
.stm-lms-wrapper.user-account-page,
.stm-lms-wrapper.user-account-page .container,
.stm-lms-wrapper .container,
.stm-lms-user,
.masterstudy,
.masterstudy-enrolled-courses,
.masterstudy-enrolled-quizzes,
.masterstudy-orders,
.masterstudy-wishlist,
.masterstudy-messages,
.masterstudy-memberships{
  background: transparent !important;
  color: var(--av-text) !important;
}

/* große weiße Content-Flächen auf schwarz drehen */
#main,
#main .container,
.stm-lms-wrapper.user-account-page,
.stm-lms-wrapper.user-account-page #enrolled-courses,
.stm-lms-wrapper.user-account-page #enrolled-quizzes,
.stm-lms-wrapper.user-account-page .masterstudy-enrolled-courses,
.stm-lms-wrapper.user-account-page .masterstudy-enrolled-quizzes,
.stm-lms-wrapper.user-account-page .masterstudy-orders,
.stm-lms-wrapper.user-account-page .masterstudy-wishlist{
  background: var(--av-bg) !important;
}

/* Cards / Panels (die weißen Boxen) */
.stm-lms-wrapper .container > .row,
.stm_lms_user_info_top,
.stm_lms_user_info_top > *,
.stm_lms_user_info_top .stm_lms_user_info_top__inner,
.stm-lms-user-info,
.masterstudy-enrolled-courses__container,
.masterstudy-enrolled-quizzes__container,
.masterstudy-orders__container,
.masterstudy-wishlist__container,
#buddypress .bp-wrap,
#buddypress #item-body,
#pmpro_account,
.pmpro_box,
#pmpro_account-membership,
#pmpro_account-invoices{
  background: var(--av-card) !important;
  color: var(--av-text) !important;
  border: 1px solid var(--av-line) !important;
  border-radius: var(--av-radius) !important;
  box-shadow: var(--av-shadow) !important;
}

/* Überschriften sichtbar (bei dir waren sie teils "weiß auf weiß") */
.stm-lms-wrapper h1,
.stm-lms-wrapper h2,
.stm-lms-wrapper h3,
.masterstudy h1,
.masterstudy h2,
.masterstudy h3,
#buddypress h1,
#buddypress h2,
#buddypress h3{
  color: var(--av-text) !important;
}

/* Separator/Lines gold */
.multiseparator,
.masterstudy hr,
.stm-lms-wrapper hr{
  border-color: var(--av-line) !important;
}

/* Tabellen (z.B. Mitgliedschaften / Orders) */
.stm-lms-wrapper table,
.stm-lms-wrapper table thead th,
.stm-lms-wrapper table tbody td,
#pmpro_account table,
#pmpro_account table thead th,
#pmpro_account table tbody td{
  background: transparent !important;
  color: var(--av-text) !important;
  border-color: var(--av-line) !important;
}
.stm-lms-wrapper table thead th,
#pmpro_account table thead th{
  color: var(--av-gold) !important;
}

/* Inputs / Selects (kein hellgrau/weiß mehr) */
.stm-lms-wrapper input[type="text"],
.stm-lms-wrapper input[type="email"],
.stm-lms-wrapper input[type="password"],
.stm-lms-wrapper textarea,
.stm-lms-wrapper select,
#buddypress input[type="text"],
#buddypress textarea,
#buddypress select{
  background: rgba(0,0,0,.35) !important;
  color: var(--av-text) !important;
  border: 1px solid var(--av-line) !important;
  border-radius: 12px !important;
}

/* Buttons im Stil */
.stm-lms-wrapper .btn,
.stm-lms-wrapper button,
.stm-lms-wrapper input[type="submit"],
.masterstudy button,
.masterstudy .button{
  background: rgba(200,162,90,.18) !important;
  color: var(--av-text) !important;
  border: 1px solid var(--av-line) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.stm-lms-wrapper .btn:hover,
.stm-lms-wrapper button:hover,
.stm-lms-wrapper input[type="submit"]:hover,
.masterstudy button:hover,
.masterstudy .button:hover{
  background: rgba(200,162,90,.28) !important;
  border-color: rgba(200,162,90,.55) !important;
  transform: translateY(-1px);
}

/* Tabs (Aktivität / Benachrichtigungen / Einstellungen) */
.stm-lms-wrapper .stm-lms-user-tabs,
.stm-lms-wrapper .stm-lms-user-tabs .nav,
.stm-lms-wrapper .stm-lms-user-tabs .nav li a{
  background: transparent !important;
}
.stm-lms-wrapper .stm-lms-user-tabs .nav li a{
  color: var(--av-text-dim) !important;
  border-bottom: 2px solid transparent !important;
}
.stm-lms-wrapper .stm-lms-user-tabs .nav li.active a,
.stm-lms-wrapper .stm-lms-user-tabs .nav li a:hover{
  color: var(--av-text) !important;
  border-bottom-color: var(--av-gold) !important;
}

/* -----------------------------------------------------------
   D) HEADER: HÖHE SCHMALER + MENÜ VERTIKAL MITTIG (Y-Achse)
----------------------------------------------------------- */

/* Der schwarze Headerblock soll weniger hoch werden */
#header.transparent_header_off,
#header .header_default,
#header .header_default .container,
#header .header_main_menu_wrapper{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Menüleiste als flex -> vertikal zentrieren */
#header .header_default .header_main_menu_wrapper,
#header .header_default .header_main_menu_wrapper .container,
#header .header_default .header_main_menu_wrapper .row{
  display: flex !important;
  align-items: center !important; /* Y-Achse */
}

/* Menüpunkt-Abstände etwas kompakter */
#header .header_default .header_main_menu_wrapper .header-menu > li > a,
#header .header_default .header_main_menu_wrapper .header-menu li a{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
}

/* Falls das Logo zu viel Höhe zieht */
#header .header_default .logo,
#header .header_default .logo img{
  max-height: 48px !important;
}

/* -----------------------------------------------------------
   E) DROPDOWN (Learning/Instructor Area) in deinem Stil
----------------------------------------------------------- */
.masterstudy-dropdown-menu,
div.masterstudy-dropdown-menu.dropdown-menu{
  background: rgba(5,5,5,.92) !important;
  border: 1px solid var(--av-line) !important;
  border-radius: var(--av-radius) !important;
  box-shadow: var(--av-shadow) !important;
}

.masterstudy-dropdown-menu h3{
  color: var(--av-gold) !important;
  letter-spacing: .08em !important;
}

.masterstudy-dropdown-menu a{
  color: var(--av-text-dim) !important;
}

.masterstudy-dropdown-menu a:hover{
  color: var(--av-text) !important;
  background: rgba(200,162,90,.10) !important;
  border-radius: 10px !important;
}

/* -----------------------------------------------------------
   F) WEISSE "BODY" HINTERGRÜNDE AUF INSTRUCTOR PAGES FIXEN
----------------------------------------------------------- */
body.stm-lms-user,
body.stm-lms-user #wrapper,
body.stm-lms-user #main,
body.stm-lms-user .stm-lms-wrapper{
  background: var(--av-bg) !important;
}


/***************
AVANI – Global Tokens
****************/
:root{
  --av-bg:#070708;
  --av-panel:#0f0f12;
  --av-panel-2:#121217;
  --av-gold:#c6a15a;
  --av-gold-2:#9f7f3f;
  --av-text:#f3f0ea;
  --av-muted:#b9b2a6;
  --av-line:rgba(198,161,90,.55);
  --av-line-strong:rgba(198,161,90,.85);
}

/***************
1) Weiße Linie / Abstand zwischen Header und Content entfernen
-> das ist bei dir sehr wahrscheinlich die Breadcrumb-/Entry-Header Leiste
****************/
/* Breadcrumb-Bar (dein Screenshot: .stm_lms_breadcrumbs_header_6 / .stm_breadcrumbs_unit) */
.stm_lms_breadcrumbs,
.stm_lms_breadcrumbs_header_6,
.stm_lms_breadcrumbs .stm_breadcrumbs_unit{
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Wenn du Breadcrumbs gar nicht willst: */
.stm_lms_breadcrumbs{ display:none !important; }

/* “entry-header clearfix” verursacht oft die dünne Linie + Abstand */
#main .entry-header,
#main .entry-header.clearfix{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* Sicherheit: Content direkt an Header ziehen */
#wrapper #main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/***************
2) Header schmaler + Menüpunkte in Y-Achse mittig (oben/unten gleich viel Luft)
****************/
/* Header-Container allgemein */
#header,
#header .header_default,
#header .header_main_menu_wrapper{
  background: transparent !important;
}

/* Höhe/Polster reduzieren */
#header .header_main_menu_wrapper{
  padding: 10px 0 !important;          /* steuert “schmaler” */
}

/* Menü vertikal zentrieren */
#header .header_main_menu_wrapper .container,
#header .header_main_menu_wrapper .row{
  display:flex !important;
  align-items:center !important;        /* Y-Mitte */
}

/* Falls Theme noch floats nutzt: */
#header .header_main_menu_wrapper .pull-right,
#header .header_main_menu_wrapper .pull-left{
  float:none !important;
}

/* Menü-Typo/Line-height so, dass es optisch mittig sitzt */
#header .header_main_menu > li > a,
#header .header-menu > li > a,
#header .header_menu > li > a{
  line-height: 1.15 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: var(--av-gold) !important;
}

/* Active/Hover ohne Blau */
#header a:hover,
#header a:focus,
#header a:active{
  color: var(--av-text) !important;
}

/***************
3) Global: Kein Blau (Hover/Active/Focus) – MasterStudy/BuddyPress
****************/
/* Links */
a{ color: var(--av-gold) !important; }
a:hover, a:focus{ color: var(--av-text) !important; }

/* Fokus-Rahmen */
*:focus{
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(198,161,90,.25) !important;
}

/* MasterStudy Account Dropdown: Blau entfernen (du hattest #385bce) */
.stm_lms_account_dropdown .dropdown button:hover,
.stm_lms_account_dropdown .dropdown button:focus,
.stm_lms_account_dropdown .dropdown button:hover .login_name,
.stm_lms_account_dropdown .dropdown button:focus .login_name,
.stm_lms_account_dropdown .dropdown button:hover .caret,
.stm_lms_account_dropdown .dropdown button:focus .caret,
.stm_lms_account_dropdown .dropdown button:hover .stmlms-user11,
.stm_lms_account_dropdown .dropdown button:focus .stmlms-user11{
  color: var(--av-gold) !important;
}

/* Dropdown Hoverflächen (kein Blau) */
.masterstudy-dropdown-menu a:hover,
.masterstudy-dropdown-menu a:focus,
.masterstudy-dropdown-menu .dropdown_menu_item:hover,
.masterstudy-dropdown-menu .dropdown_menu_item:focus{
  background: rgba(198,161,90,.08) !important;
  color: var(--av-text) !important;
}

/***************
4) MasterStudy “Learning Area” + “Instructor Area” Seiten: Schwarz/Gold/Weiß
****************/
/* Page-Bodies (deine Screens: bp-user, my-account, user-account-page) */
body.bp-user,
body.my-account,
body.stm-lms-user,
body.stm-lms-user-account-page,
body.buddypress,
body.woocommerce-account{
  background: var(--av-bg) !important;
  color: var(--av-text) !important;
}

/* Main wrapper Bereiche */
.stm-lms-wrapper,
.stm_lms_wrapper,
.stm-lms-user,
.stm_lms_user,
#wrapper,
#main{
  background: var(--av-bg) !important;
  color: var(--av-text) !important;
}

/* “weiße Karten/Container” in MasterStudy */
.masterstudy-enrolled-courses,
.masterstudy-enrolled-quizzes,
.masterstudy-orders,
.masterstudy-wishlist,
.masterstudy-messages,
.stm_lms_private_information,
.stm_lms_user_info_top,
.stm_lms_user_info,
.stm-lms-user-info,
.stm-lms-user-info-top,
.stm-lms-user-info-tabs,
.pmpro_box,
#pmpro_account,
.woocommerce-MyAccount-content{
  background: var(--av-panel) !important;
  color: var(--av-text) !important;
  border: 1px solid var(--av-line) !important;
  box-shadow: none !important;
}

/* Headings */
h1,h2,h3,h4,h5{
  color: var(--av-text) !important;
}

/* Tabellen/Lines (z.B. Mitgliedschaften, Bestellungen, Rechnungen) */
table, thead, tbody, tr, th, td{
  border-color: var(--av-line) !important;
}
th{
  color: var(--av-gold) !important;
}
td{
  color: var(--av-text) !important;
}

/* Inputs/Search (z.B. “Eingeschriebene Tests” Suchfeld) */
input[type="text"], input[type="search"], input[type="email"], input[type="password"],
select, textarea{
  background: var(--av-panel-2) !important;
  color: var(--av-text) !important;
  border: 1px solid var(--av-line) !important;
  box-shadow: none !important;
}
input::placeholder, textarea::placeholder{
  color: rgba(243,240,234,.55) !important;
}

/* Buttons */
button, .button, input[type="submit"], .btn{
  background: transparent !important;
  color: var(--av-gold) !important;
  border: 1px solid var(--av-line-strong) !important;
  box-shadow: none !important;
}
button:hover, .button:hover, input[type="submit"]:hover, .btn:hover{
  background: rgba(198,161,90,.10) !important;
  color: var(--av-text) !important;
}

/***************
5) Ecken eckig + Text nicht abgeschnitten (Problem: Border-Radius frisst ersten Buchstaben)
****************/
/* Alles, was “Kasten/Rahmen” ist, eckig */
.masterstudy-enrolled-courses,
.masterstudy-enrolled-quizzes,
.masterstudy-orders,
.masterstudy-wishlist,
.masterstudy-messages,
.stm_lms_private_information,
.stm_lms_user_info_top,
.stm_lms_user_info,
.pmpro_box,
#pmpro_account,
.woocommerce-MyAccount-content{
  border-radius: 0 !important;
}

/* Innenabstand erhöhen, damit links nichts “in der Ecke” klebt */
.masterstudy-enrolled-courses *,
.masterstudy-enrolled-quizzes *,
.masterstudy-orders *,
.masterstudy-wishlist *,
.masterstudy-messages *,
.stm_lms_private_information *,
.stm_lms_user_info_top *,
.pmpro_box *,
#pmpro_account *{
  box-sizing: border-box !important;
}

.masterstudy-enrolled-courses,
.masterstudy-enrolled-quizzes,
.masterstudy-orders,
.masterstudy-wishlist,
.masterstudy-messages,
.stm_lms_private_information,
.stm_lms_user_info_top,
.pmpro_box,
#pmpro_account{
  padding-left: 22px !important;
  padding-right: 22px !important;
}

/***************
6) BuddyPress Activity Stream (dein Screenshot “Aktivität” – war weiß/blau)
****************/
#buddypress,
#buddypress .activity,
#buddypress .activity-list li,
#buddypress .activity-list .activity-content,
#buddypress .activity-list .activity-inner{
  background: var(--av-panel) !important;
  color: var(--av-text) !important;
  border-color: var(--av-line) !important;
}

#buddypress .activity-list .activity-header a{
  color: var(--av-gold) !important;
}
#buddypress .activity-list .activity-header a:hover{
  color: var(--av-text) !important;
}

/* BP Buttons/Hover ohne Blau */
#buddypress .button:hover,
#buddypress a.button:hover,
#buddypress input[type="submit"]:hover{
  background: rgba(198,161,90,.10) !important;
  color: var(--av-text) !important;
  border-color: var(--av-line-strong) !important;
}



/* ============ THEME VARS (falls irgendwo überschrieben) ============ */
:root{
  --av-gold:#c29b5d;
  --av-gold2:#e0c48a;
  --av-ink:#0b0b0d;
  --av-text:#f5f5f7;
  --av-muted:rgba(226,229,235,.82);
  --av-muted2:rgba(226,229,235,.72);
  --av-bd:rgba(255,255,255,.10);
  --av-bd2:rgba(224,196,138,.22);
  --av-shadow-soft:0 16px 48px rgba(0,0,0,.60);
  --av-shadow-strong:0 26px 80px rgba(0,0,0,.70);
}

/* ============ GLOBAL LOOK (nur Frontend) ============ */
body:not(.wp-admin){
  background:linear-gradient(180deg, rgba(12,12,14,.96), rgba(10,10,12,.985)) !important;
  color:var(--av-text) !important;
}

/* typische “kaputt gemachte” Standards zurücksetzen */
body:not(.wp-admin) a{ color:inherit; }
body:not(.wp-admin) a:hover{ opacity:.95; }

/* ============ AVANI BUTTONS (Original-Look) ============ */
body:not(.wp-admin) .av-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid var(--av-bd);
  text-decoration:none !important;
  cursor:pointer;
  font:900 12.5px/1 Inter,system-ui;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:var(--av-shadow-soft);
  background:rgba(0,0,0,.18);
  color:var(--av-text) !important;
  -webkit-tap-highlight-color:transparent;
}

body:not(.wp-admin) .av-btn.primary{
  background:linear-gradient(180deg, rgba(255,232,176,.98), rgba(194,155,93,.82)) !important;
  border-color:rgba(224,196,138,.22) !important;
  color:#111 !important;
  box-shadow:0 18px 52px rgba(0,0,0,.55), 0 0 44px rgba(194,155,93,.18);
}

body:not(.wp-admin) .av-btn.ghost{
  background:rgba(0,0,0,.18) !important;
  border-color:rgba(224,196,138,.22) !important;
  color:var(--av-gold) !important;
}

body:not(.wp-admin) .av-btn:hover{
  transform:translateY(-1px);
  filter:saturate(1.02);
}
body:not(.wp-admin) .av-btn.primary:hover{
  box-shadow:0 18px 52px rgba(0,0,0,.55), 0 0 44px rgba(194,155,93,.22);
}
body:not(.wp-admin) .av-btn.ghost:hover{
  box-shadow:0 16px 46px rgba(0,0,0,.50), 0 0 38px rgba(224,196,138,.14);
}

/* ============ “DEFAULT” WP / Plugins BUTTONS -> Avani-Style mappen ============ */
/* (damit z.B. LearnDash / BuddyPress / PMPro Buttons wieder “wie Homepage” aussehen) */
body:not(.wp-admin) :where(
  .wp-block-button__link,
  button,
  input[type="submit"],
  input[type="button"],
  .button,
  a.button,
  .btn,
  a.btn,
  .pmpro_btn,
  .pmpro_btn-submit,
  .ld-button,
  .ld-button a,
  .learndash-wrapper a.ld-button,
  .learndash-wrapper .ld-button,
  .bp-primary-action,
  #buddypress a.button
){
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:10px !important;
  padding:12px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(224,196,138,.22) !important;
  background:rgba(0,0,0,.18) !important;
  color:var(--av-gold) !important;
  text-decoration:none !important;
  font:900 12.5px/1 Inter,system-ui !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  box-shadow:var(--av-shadow-soft) !important;
  min-height:44px;
}

/* “Primary”/Submit Buttons eher wie Gold-Primary */
body:not(.wp-admin) :where(
  input[type="submit"],
  button[type="submit"],
  .wp-block-button.is-style-fill .wp-block-button__link,
  .pmpro_btn-submit
){
  background:linear-gradient(180deg, rgba(255,232,176,.98), rgba(194,155,93,.82)) !important;
  border-color:rgba(224,196,138,.22) !important;
  color:#111 !important;
}

/* hover */
body:not(.wp-admin) :where(
  .wp-block-button__link,
  button,
  input[type="submit"],
  input[type="button"],
  .button,
  a.button,
  .btn,
  a.btn,
  .pmpro_btn,
  .ld-button,
  #buddypress a.button
):hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 46px rgba(0,0,0,.50), 0 0 38px rgba(224,196,138,.14) !important;
}

/* ============ FORMS (damit Inputs/Selects nicht wieder weiß werden) ============ */
body:not(.wp-admin) :where(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],textarea,select){
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid var(--av-bd) !important;
  background:linear-gradient(180deg, rgba(20,20,20,.70), rgba(12,12,12,.58)) !important;
  color:var(--av-text) !important;
  outline:none;
  box-shadow:var(--av-shadow-soft);
  font:650 14px/1.35 Inter,system-ui;
}
body:not(.wp-admin) :where(input,textarea,select):focus{
  border-color:rgba(224,196,138,.35) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.62), 0 0 44px rgba(194,155,93,.10) !important;
}

/* select dropdown option dark */
body:not(.wp-admin) select option{ background:#0b0b0d; color:#f5f5f7; }

/* Autofill (Chrome) */
body:not(.wp-admin) input:-webkit-autofill,
body:not(.wp-admin) textarea:-webkit-autofill,
body:not(.wp-admin) select:-webkit-autofill{
  -webkit-text-fill-color:#f5f5f7 !important;
  box-shadow:0 0 0 1000px rgba(0,0,0,.30) inset !important;
  caret-color:#fff;
}

/* ============ PANELS (falls “Boxen” wieder komisch wirken) ============ */
body:not(.wp-admin) .av-panel{
  border:1px solid var(--av-bd) !important;
  background:linear-gradient(180deg, rgba(20,20,20,.68), rgba(12,12,12,.58)) !important;
  box-shadow:var(--av-shadow-soft) !important;
}


/* =========================================================
   AVANI – RESTORE HOMEPAGE LOOK (paste at VERY BOTTOM)
   - stellt Buttons/Formulare wieder wie auf der Homepage her
========================================================= */

/* 1) Sicherstellen: richtige Brand-Tokens (Homepage) */
:root{
  --av-bg:#0a0a0a;
  --av-nav:#0b0f16;

  --av-fg:#ffffff;
  --av-muted:rgba(226,229,235,.88);

  --av-gold:#c29b5d;
  --av-gold2:#d8b677;

  --av-border:rgba(255,255,255,.12);
  --av-card:rgba(0,0,0,.66);
  --av-card-2:rgba(0,0,0,.78);
}

/* 2) Buttons wieder “Homepage-Style” (Gold-Pill + Ghost) */
:where(
  .wp-block-button__link,
  .elementor-button,
  button,
  input[type="submit"],
  input[type="button"],
  .button,
  .wp-element-button,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .stm_button,
  .btn,
  a.btn
){
  border-radius:999px !important;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 28px rgba(0,0,0,.36), 0 0 24px rgba(194,155,93,.10) !important;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}

/* Primary (Gold) */
:where(
  .wp-block-button__link,
  .elementor-button,
  .woocommerce a.button.alt,
  .woocommerce button.button.alt,
  .woocommerce input.button.alt,
  .stm_button,
  .btn-primary,
  .button.primary
){
  background:linear-gradient(180deg, rgba(224,196,138,.98), rgba(194,155,93,.78)) !important;
  border:1px solid rgba(194,155,93,.60) !important;
  color:#0d0d0d !important;
}
:where(
  .wp-block-button__link:hover,
  .elementor-button:hover,
  .woocommerce a.button.alt:hover,
  .woocommerce button.button.alt:hover,
  .woocommerce input.button.alt:hover,
  .stm_button:hover,
  .btn-primary:hover,
  .button.primary:hover
){
  filter:brightness(1.06) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.50), 0 0 28px rgba(216,182,119,.18) !important;
}

/* Ghost / Outline (wie “KURSE & COACHINGS”) */
:where(
  .is-style-outline .wp-block-button__link,
  .av-btn-ghost,
  .button.secondary,
  .btn-secondary,
  .woocommerce a.button:not(.alt)
){
  background:rgba(0,0,0,.22) !important;
  border:1px solid rgba(194,155,93,.55) !important;
  color:#fff !important;
}
:where(
  .is-style-outline .wp-block-button__link:hover,
  .av-btn-ghost:hover,
  .button.secondary:hover,
  .btn-secondary:hover,
  .woocommerce a.button:not(.alt):hover
){
  background:rgba(194,155,93,.10) !important;
  transform:translateY(-1px) !important;
}

/* 3) Form-Inputs (Homepage dunkel, kein “weißes System-Design”) */
:where(
  input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
  input[type="password"], input[type="number"], textarea, select
){
  background:var(--av-card-2) !important;
  color:var(--av-fg) !important;
  border:1px solid var(--av-border) !important;
  border-radius:14px !important;
}
:where(input::placeholder, textarea::placeholder){
  color:rgba(226,229,235,.55) !important;
}


/* 5) Optional: wenn im LMS irgendwo Text “in Ecken verschwindet” -> eckige Rahmen */
:where(
  .stm-lms-wrapper .stm_lms_breadcrumbs,
  .stm-lms-wrapper .stm_lms_breadcrumbs * ,
  .stm-lms-wrapper .stm-lms-user-info,
  .stm-lms-wrapper .stm-lms-dashboard,
  .stm-lms-wrapper .stm-lms-user-courses,
  .stm-lms-wrapper .stm-lms-user-settings
){
  border-radius:0 !important;
}

/* ============================
   AVANI – FIXES für Kursseite + Dashboard (BuddyPress)
   In "Website CSS" ganz unten einfügen
   ============================ */

/* ---------- 1) MASTERSTUDY Kursseite: alles „weiß“ -> Avani Dark/Gold ---------- */
:root{
  --av-gold:#c29b5d;
  --av-gold2:#e0c48a;
  --av-ink:#0b0b0d;
  --av-text:#f5f5f7;
  --av-muted:rgba(226,229,235,.82);
  --av-bd:rgba(255,255,255,.10);
  --av-bd2:rgba(224,196,138,.22);
  --av-panel-bg:rgba(12,12,14,.70);
  --av-panel-bg2:rgba(12,12,14,.55);
}

/* Page / Wrapper neutralisieren */
.masterstudy-single-course-modern,
.masterstudy-single-course-modern__main,
.masterstudy-single-course-modern__sidebar,
.masterstudy-single-course-modern__topbar,
.masterstudy-single-course-modern__bottombar{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Sidebar (rechts) + innere Karten (weiß entfernen) */
.masterstudy-single-course-modern__sidebar{
  background:var(--av-panel-bg) !important;
  border:1px solid var(--av-bd2) !important;
  border-radius:18px !important;
  padding:18px !important;
  box-shadow:0 26px 80px rgba(0,0,0,.55) !important;
}

/* Häufige „weiße Boxen“ innerhalb der Kursseite */
.masterstudy-single-course-modern__sidebar *[class*="card"],
.masterstudy-single-course-modern__sidebar *[class*="box"],
.masterstudy-single-course-modern__sidebar *[class*="panel"],
.masterstudy-single-course-modern__main *[class*="card"],
.masterstudy-single-course-modern__main *[class*="box"],
.masterstudy-single-course-modern__main *[class*="panel"]{
  background:var(--av-panel-bg2) !important;
  border:1px solid var(--av-bd) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}

/* Textfarben */
.masterstudy-single-course-modern,
.masterstudy-single-course-modern *{
  color:var(--av-text) !important;
}
.masterstudy-single-course-modern p,
.masterstudy-single-course-modern li,
.masterstudy-single-course-modern span{
  color:var(--av-muted) !important;
}

/* Tabs/Underline (falls hell) */
.masterstudy-single-course-tabs,
.masterstudy-single-course-tabs *{
  border-color:rgba(224,196,138,.18) !important;
}
.masterstudy-single-course-tabs_style-underline li a{
  color:var(--av-muted) !important;
}
.masterstudy-single-course-tabs_style-underline li.active a,
.masterstudy-single-course-tabs_style-underline li a:hover{
  color:#fff !important;
}

/* Buttons Kursseite (KURS BEGINNEN etc.) */
.masterstudy-single-course-modern a.button,
.masterstudy-single-course-modern button,
.masterstudy-single-course-modern input[type="submit"],
.masterstudy-single-course-modern .button{
  background:linear-gradient(180deg, rgba(224,196,138,.92), rgba(194,155,93,.92)) !important;
  color:#0b0b0d !important;
  border:1px solid rgba(224,196,138,.35) !important;
  border-radius:999px !important;
  padding:12px 16px !important;
  font-weight:900 !important;
  letter-spacing:.18px !important;
  box-shadow:0 18px 52px rgba(0,0,0,.55) !important;
}
.masterstudy-single-course-modern a.button:hover,
.masterstudy-single-course-modern button:hover,
.masterstudy-single-course-modern input[type="submit"]:hover,
.masterstudy-single-course-modern .button:hover{
  filter:brightness(1.05) !important;
  transform:translateY(-1px);
}

/* Ghost-Buttons (wenn vorhanden) */
.masterstudy-single-course-modern .button.is-outline,
.masterstudy-single-course-modern .button--secondary,
.masterstudy-single-course-modern a.button.secondary{
  background:transparent !important;
  color:rgba(224,196,138,.92) !important;
  border:1px solid rgba(224,196,138,.28) !important;
  box-shadow:none !important;
}


/* ---------- 2) BUDDYPRESS Dashboard: „weißen Rahmen“ weg + Buttons Avani Style ---------- */

/* Outer whites entfernen (das ist meist der „weiße Rahmen“) */
body #buddypress #activity-stream ul,
body #buddypress #activity-stream ul li{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Jede Activity-Karte als Avani Panel */
body #buddypress #activity-stream ul li.activity-item{
  background:var(--av-panel-bg) !important;
  border:1px solid var(--av-bd2) !important;
  border-radius:18px !important;
  padding:18px !important;
  box-shadow:0 26px 80px rgba(0,0,0,.55) !important;
}

/* Innenabstände/Trenner beruhigen */
body #buddypress .activity-content,
body #buddypress .activity-meta,
body #buddypress .activity-inner{
  background:transparent !important;
  border:0 !important;
}
body #buddypress .activity-meta{
  margin-top:14px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(224,196,138,.16) !important;
}

/* Button-Row sauber ausrichten */
body #buddypress .activity-meta.action{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}
body #buddypress .activity-meta.action .generic-button{
  margin:0 !important;
}

/* BuddyPress Buttons (Kommentieren / Favorit / Löschen / Spam) */
body #buddypress .activity-meta.action a,
body #buddypress .activity-meta.action .button,
body #buddypress a.button,
body #buddypress button,
body #buddypress input[type="button"],
body #buddypress input[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  background:rgba(255,255,255,.03) !important;
  color:rgba(224,196,138,.92) !important;

  border:1px solid rgba(224,196,138,.24) !important;
  border-radius:999px !important;

  padding:10px 14px !important;
  min-height:42px !important;

  font-weight:900 !important;
  letter-spacing:.18px !important;
  text-decoration:none !important;

  box-shadow:none !important;
}

/* Primary (z.B. „SPAM“ Button wenn du ihn gold willst) */
body #buddypress .activity-meta.action a.bp-primary-action,
body #buddypress .activity-meta.action a.button.bp-primary-action{
  background:linear-gradient(180deg, rgba(224,196,138,.92), rgba(194,155,93,.92)) !important;
  color:#0b0b0d !important;
  border-color:rgba(224,196,138,.35) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.45) !important;
}

/* Hover */
body #buddypress .activity-meta.action a:hover,
body #buddypress a.button:hover,
body #buddypress button:hover,
body #buddypress input[type="submit"]:hover{
  filter:brightness(1.07) !important;
  transform:translateY(-1px);
}

/* Icons (Dashicons/FontAwesome/SVG) optisch passend */
body #buddypress .activity-meta.action a i,
body #buddypress .activity-meta.action a svg,
body #buddypress .activity-meta.action a .dashicons{
  opacity:.95 !important;
  color:rgba(224,196,138,.92) !important;
  fill:rgba(224,196,138,.92) !important;
}

/* Falls ein Button „Text ausblendet“ wegen Theme: wieder sichtbar machen */
body #buddypress .activity-meta.action a{
  text-indent:0 !important;
  white-space:nowrap !important;
}

/* Optional: wenn du einzelne Buttons ausblenden willst (Beispiel) */
/* body #buddypress a.spam-activity{display:none !important;} */


/* =========================================================
   AVANI – MENÜS SORTIEREN + NUR DAS NÖTIGE BEHALTEN
   Du hast aktuell (mind.) 3 "Menü-Systeme":

   A) Theme Mobile NAV (Hamburger):
      button.navbar-toggle  +  #header_menu_toggler (.header-menu-mobile)

   B) MasterStudy User Float Menu (rechts, mit Toggle, Dashboard etc.):
      .stm_lms_user_float_menu  (inkl. .stm-lms-logout-button)

   C) ggf. weiteres Theme/Header Menü (Desktop-Navigation)
      (nicht im HTML-Snippet, aber im Theme vorhanden)

   Ziel laut dir:
   - Desktop: kein Hamburger sichtbar
   - Mobile: nur Seiten-Navigation + MasterStudy (LMS) behalten
   - Alles andere auf Mobile ausblenden (z.B. Search, "Mein Konto"-Button im Mobile Nav)
   ========================================================= */


/* =========================================================
   1) Hamburger NUR auf Mobile (Desktop ausblenden)
   ========================================================= */
@media (min-width: 992px){
  button.navbar-toggle{ display:none !important; }
  #header_menu_toggler{ display:none !important; } /* mobile dropdown auch weg auf Desktop */
}

/* Optional: auf Mobile sicher sichtbar lassen */
@media (max-width: 991px){
  button.navbar-toggle{ display:inline-block !important; }
}


/* =========================================================
   2) THEME Mobile NAV (#header_menu_toggler) = "Seiten-Navigation"
   -> Behalten: die UL.header-menu Links
   -> Ausblenden: Search + "Mein Konto" Button (wenn du es nicht willst)
   ========================================================= */

/* 2.1 Mobile Dropdown Styling (dezent, Avani) */
@media (max-width: 991px){
  .header-menu-mobile{
    background: rgba(10,10,10,.96) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    padding: 10px !important;
    margin: 8px 12px 14px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.55) !important;
  }
  .header-menu-mobile .header-menu > li > a{
    color: #f1f1f1 !important;
    padding: 12px 10px !important;
  }
}

/* 2.2 Auf Mobile: Search komplett weg */
@media (max-width: 991px){
  #searchform-mobile,
  #searchform-mobile *{ display:none !important; }
  #header_menu_toggler li:has(#searchform-mobile){ display:none !important; }
}

/* 2.3 Auf Mobile: "Mein Konto" Button weg (falls du nur Navigation willst) */
@media (max-width: 991px){
  #header_menu_toggler .sign-up-item{ display:none !important; }
}

/* 2.4 Optional: Submenu Pfeil/Dropdown sauber */
@media (max-width: 991px){
  #header_menu_toggler .menu-item-has-children > .arrow{
    color: rgba(194,155,93,.85) !important;
  }
  #header_menu_toggler .sub-menu{
    background: rgba(17,18,20,.75) !important;
    border: 1px solid rgba(194,155,93,.20) !important;
    border-radius: 14px !important;
    padding: 8px !important;
    margin: 8px 0 0 0 !important;
  }
  #header_menu_toggler .sub-menu a{
    color: rgba(241,241,241,.92) !important;
    padding: 10px 10px !important;
    display: block !important;
  }
}


/* =========================================================
   3) MasterStudy (STM) User Float Menu = "LMS-Menü"
   -> Das ist das rechts schwebende Menü mit Toggle + Dashboard etc.
   -> Behalten: ja (laut dir)
   -> Alles andere "Theme-Account" etc. auf Mobile ausblenden: machen wir oben schon.
   ========================================================= */

/* 3.1 Logout Button links im Float Menu */
.stm_lms_user_float_menu .stm-lms-logout-button{
  display:flex !important;
  justify-content:flex-start !important;
  width:100% !important;
  margin: 10px 0 0 0 !important;
}

/* 3.2 Float Menu Avani-Look */
.stm_lms_user_float_menu{
  background: rgba(10,10,10,.92) !important;
  border: 1px solid rgba(194,155,93,.25) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.55) !important;
}

/* 3.3 Logout Button Avani-Style */
.stm_lms_user_float_menu .stm-lms-logout-button.btn.btn-default{
  background: linear-gradient(180deg, rgba(17,18,20,.92), rgba(10,10,10,.92)) !important;
  border: 1px solid rgba(194,155,93,.45) !important;
  color: #f1f1f1 !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
}

/* 3.4 Icons im Float Menu (falls Theme global Buttons “angegriffen” hat) */
.stm_lms_user_float_menu .float_menu_item{
  background: transparent !important;
  border: 0 !important;
}


/* =========================================================
   4) HAMBURGER Avani-Style NUR auf Mobile (damit Desktop nix “mitnimmt”)
   ========================================================= */
@media (max-width: 991px){
  button.navbar-toggle{
    background: linear-gradient(180deg, rgba(17,18,20,.92), rgba(10,10,10,.92)) !important;
    border: 1px solid rgba(194,155,93,.45) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    margin: 10px 12px !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.45) !important;
  }
  button.navbar-toggle .icon-bar{
    width: 28px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #c29b5d, #d8b677) !important;
    opacity: .95 !important;
  }
  button.navbar-toggle .icon-bar + .icon-bar{ margin-top: 6px !important; }
}

/* =========================================
   Logout Button unten links fixieren
   ========================================= */

.stm-lms-logout-button{
  position:fixed !important;
  bottom:20px !important;
  left:20px !important;
  right:auto !important;
  z-index:9999 !important;
}

/* Avani Style */
.stm-lms-logout-button.btn.btn-default{
  background: linear-gradient(180deg, rgba(17,18,20,.95), rgba(10,10,10,.95)) !important;
  border: 1px solid rgba(194,155,93,.45) !important;
  color:#f1f1f1 !important;
  border-radius:14px !important;
  padding:10px 14px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.55) !important;
}


/* =========================================================
   AVANI – MOBILE MENÜS: NUR A (Hamburger) + C (Rechts-Slide)
   Ziel:
   ✅ A (Theme Hamburger + Seiten-Navigation) bleibt
   ❌ B (Profil/Kurse/Kasse/Mitteilungen/Favoriten/Einstellungen/Ausloggen) weg
   ✅ C (rechts am Bildschirmrand, auf/zu per Toggle) bleibt
   ✅ Logout-Button: klein bleiben + unten rechts (nur Button, keine Full-Width Box)
   ========================================================= */

/* =========================================================
   1) Hamburger NUR auf Mobile (Desktop ausblenden)
   ========================================================= */
@media (min-width: 992px){
  button.navbar-toggle{ display:none !important; }
  #header_menu_toggler{ display:none !important; }
}
@media (max-width: 991px){
  button.navbar-toggle{ display:inline-block !important; }
}

/* =========================================================
   2) THEME Mobile NAV (#header_menu_toggler) = Seiten-Navigation
   ========================================================= */
@media (max-width: 991px){
  .header-menu-mobile{
    background: rgba(10,10,10,.96) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    padding: 10px !important;
    margin: 8px 12px 14px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.55) !important;
  }
  .header-menu-mobile .header-menu > li > a{
    color:#f1f1f1 !important;
    padding:12px 10px !important;
  }

  /* Search im Mobile Menü weg (optional; aktuell wolltest du “nur Seiten”) */
  #searchform-mobile,
  #searchform-mobile *{ display:none !important; }

  /* (Optional) Wenn du “Mein Konto” im Hamburger-Menü NICHT willst -> aktiv lassen */
  /* #header_menu_toggler .sign-up-item{ display:none !important; } */

  /* Submenus sauber */
  #header_menu_toggler .menu-item-has-children > .arrow{
    color: rgba(194,155,93,.85) !important;
  }
  #header_menu_toggler .sub-menu{
    background: rgba(17,18,20,.75) !important;
    border: 1px solid rgba(194,155,93,.20) !important;
    border-radius: 14px !important;
    padding: 8px !important;
    margin: 8px 0 0 0 !important;
  }
  #header_menu_toggler .sub-menu a{
    color: rgba(241,241,241,.92) !important;
    padding: 10px 10px !important;
    display:block !important;
  }
}

/* =========================================================
   3) Hamburger Avani-Style NUR auf Mobile
   ========================================================= */
@media (max-width: 991px){
  button.navbar-toggle{
    background: linear-gradient(180deg, rgba(17,18,20,.92), rgba(10,10,10,.92)) !important;
    border: 1px solid rgba(194,155,93,.45) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    margin: 10px 12px !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.45) !important;
  }
  button.navbar-toggle .icon-bar{
    width: 28px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #c29b5d, #d8b677) !important;
    opacity: .95 !important;
  }
  button.navbar-toggle .icon-bar + .icon-bar{ margin-top: 6px !important; }
}

/* =========================================================
   4) B ausblenden: “Mein Profil, Kurse, Kasse, …, Ausloggen” Menü
   -> Das ist (sehr wahrscheinlich) das MasterStudy Account-NAV Menü:
      .stm_lms_account_nav
   -> Falls es bei dir anders heißt, decken wir unten Alternativen ab.
   ========================================================= */
.stm_lms_account_nav,
.stm-lms-user-menu,
.stm_lms_account_menu,
.stm_lms_account_sidebar,
.stm_lms_account_navigation{
  display:none !important;
}

/* =========================================================
   5) C behalten: Rechte Slide/Toggle-Leiste (.stm_lms_user_float_menu)
   -> NICHT ausblenden, nur Styling/Position korrigieren
   ========================================================= */
.stm_lms_user_float_menu{
  background: rgba(10,10,10,.92) !important;
  border: 1px solid rgba(194,155,93,.25) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.55) !important;
}

/* =========================================================
   6) Logout Button/* =========================================
   Logout Button komplett ausblenden
   ========================================= */

/* Haupt-Logout-Button (MasterStudy) */
.stm-lms-logout-button{
  display:none !important;
}

/* Falls er innerhalb des Float-Menüs liegt */
.stm_lms_user_float_menu .stm-lms-logout-button{
  display:none !important;
}

/* Falls er als normales Link-Element gerendert wird */
a[href*="wp-login.php?action=logout"]{
  display:none !important;
}


@media (max-width: 991px){
  /* Container des Mobile-Menüs */
  #header_menu_toggler.header-menu-mobile,
  #header_menu_toggler .header-menu-mobile,
  .header-menu-mobile{
    background: #0b0f16 !important;
    background-color: #0b0f16 !important;
  }

  /* Die Links, die bei dir #f0f2f5 bekommen */
  #header_menu_toggler.header-menu-mobile .header-menu > li > a,
  #header_menu_toggler .header-menu-mobile .header-menu > li > a,
  .header-menu-mobile .header-menu > li > a{
    background: #0b0f16 !important;
    background-color: #0b0f16 !important;
    color: #f1f1f1 !important;
  }

  /* Falls irgendwo noch ein LI-Hintergrund greift */
  #header_menu_toggler .header-menu > li,
  #header_menu_toggler .header-menu li{
    background: #0b0f16 !important;
    background-color: #0b0f16 !important;
  }
}

/* =========================
   AVANI – MASTERSTUDY ACCOUNT POPUP (HEADER) NUR MENÜ
   ========================= */

/* Der Popup-Kasten selbst (häufig .inner oder Parent davon) */
.stm_header_top_toggler + * .inner,
.stm_lms_account_popup .inner,
.stm_lms_account_popup__login,
.stm_lms_account_popup__list{
  background:#0b0f16 !important;
  background-color:#0b0f16 !important;
  color:#f5f5f7 !important;
  border:1px solid rgba(194,155,93,.22) !important;
}

/* Links im Popup */
.stm_lms_account_popup__login h3,
.stm_lms_account_popup__list_single{
  color:rgba(241,241,241,.92) !important;
}

/* Hover */
.stm_lms_account_popup__list_single:hover{
  background:rgba(194,155,93,.08) !important;
  color:#fff !important;
}

/* Badge */
.stm_lms_account_popup__list_single span{
  background:rgba(194,155,93,.14) !important;
  border:1px solid rgba(194,155,93,.35) !important;
  color:#d8b677 !important;
  border-radius:999px !important;
}

/* =========================
   AVANI – WEBSITE MOBILE MENU (NUR NAV PANEL)
   ========================= */
@media (max-width: 991px){

  /* Wenn dein Mobile-Menü einen Wrapper hat, der Links wie .sbc_h enthält */
  :where(.header-menu-mobile, .mobile-menu, .menu-mobile, .offcanvas, .offcanvas-menu, .stm_mobile_menu, .stm-header__menu)
  :where(a.sbc_h, a.sbc_h *){
    color:rgba(241,241,241,.92) !important;
  }

  /* Panel/Fläche schwarz setzen (nur innerhalb typischer Mobile-Menü Wrapper) */
  :where(.header-menu-mobile, .mobile-menu, .menu-mobile, .offcanvas, .offcanvas-menu, .stm_mobile_menu, .stm-header__menu){
    background:#0b0f16 !important;
    background-color:#0b0f16 !important;
  }

  /* Falls innen weiße Container sitzen */
  :where(.header-menu-mobile, .mobile-menu, .menu-mobile, .offcanvas, .offcanvas-menu, .stm_mobile_menu, .stm-header__menu)
  :where(.container, .inner, .wrap, .panel, .content, nav, ul){
    background:transparent !important;
    background-color:transparent !important;
  }
}

/* =========================================================
   AVANI – LIVE: NUR MOBILE HEADER OVERLAYS SCHWARZ
   - Website Menü Popup: .stm_lms_search_popup
   - Account Popup:       .stm_lms_account_popup
   ========================================================= */

@media (max-width: 1025px){

  /* ---------- 1) WEBSITE MENU POPUP (MENÜ / SUCHEN) ---------- */
  #header-mobile .stm_lms_search_popup.active,
  #header-mobile .stm_lms_search_popup.active .inner{
    background:#0b0f16 !important;
    background-color:#0b0f16 !important;
    color:#f5f5f7 !important;
  }

  /* alle weißen Karten/Blöcke im Menü-Popup neutralisieren */
  #header-mobile .stm_lms_search_popup.active .inner *{
    background:transparent !important;
    background-color:transparent !important;
  }

  /* Links im Menü */
  #header-mobile .stm_lms_search_popup.active .inner a{
    color:rgba(245,245,247,.92) !important;
  }
  #header-mobile .stm_lms_search_popup.active .inner a:hover{
    background:rgba(194,155,93,.10) !important;
    color:#fff !important;
  }

  /* ---------- Close Button (das „goldene“) transparent/schwarz ---------- */
  #header-mobile .stm_lms_search_popup__close,
  #header-mobile .stm_lms_account_popup__close{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }

  /* Icon im Close Button sichtbar (falls es sonst „verschwindet“) */
  #header-mobile .stm_lms_search_popup__close i,
  #header-mobile .stm_lms_account_popup__close i,
  #header-mobile .stm_lms_search_popup__close .stmlms-cross,
  #header-mobile .stm_lms_account_popup__close .stmlms-cross{
    color:#c29b5d !important;
    fill:#c29b5d !important;
  }


  /* ---------- 2) ACCOUNT POPUP (Einloggen/Anmelden, Kurse, Favoriten) ---------- */
  #header-mobile .stm_lms_account_popup.active,
  #header-mobile .stm_lms_account_popup.active .inner{
    background:#0b0f16 !important;
    background-color:#0b0f16 !important;
    color:#f5f5f7 !important;
  }

  /* verhindert, dass einzelne List-Items wieder weiß werden */
  #header-mobile .stm_lms_account_popup.active .inner *{
    background:transparent !important;
    background-color:transparent !important;
  }

  /* die Links/Zeilen im Account Menü (die bei dir weiß sind) */
  #header-mobile .stm_lms_account_popup.active .stm_lms_account_popup__list_single{
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(194,155,93,.18) !important;
    color:rgba(245,245,247,.92) !important;
  }
  #header-mobile .stm_lms_account_popup.active .stm_lms_account_popup__list_single:hover{
    background:rgba(194,155,93,.10) !important;
    color:#fff !important;
  }

  /* Login Block */
  #header-mobile .stm_lms_account_popup.active .stm_lms_account_popup__login{
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(194,155,93,.18) !important;
    color:#fff !important;
  }

  /* Badge / Counter (z.B. Favoriten 0) */
  #header-mobile .stm_lms_account_popup.active .has_number span{
    background:rgba(194,155,93,.16) !important;
    border:1px solid rgba(194,155,93,.35) !important;
    color:#c29b5d !important;
  }

}

/* =========================
   AVANI – FINAL POLISH (NUR HEADER / MOBILE MENÜS)
   - weiße Schrift -> gold
   - goldene Rahmen entfernen (Popup)
   - goldener Kreis (.stm_header_top_toggler.mbc) -> transparent, damit Icon sichtbar bleibt
   ========================= */

/* 0) Variablen (optional) */
:root{
  --av-gold:#c29b5d;
  --av-bg:#0b0f16;
}

/* 1) MOBILE: Menü-Popup + Account-Popup – Schrift gold */
@media (max-width: 1025px){

  /* Menü-Popup (dein DOM: .stm_lms_search_popup.active > .inner) */
  #header-mobile .stm_lms_search_popup.active .inner,
  #header-mobile .stm_lms_search_popup.active .inner *{
    color: var(--av-gold) !important;
  }

  /* Account-Popup (dein DOM: .stm_lms_account_popup.active > .inner) */
  #header-mobile .stm_lms_account_popup.active .inner,
  #header-mobile .stm_lms_account_popup.active .inner *{
    color: var(--av-gold) !important;
  }

  /* Links im Menü/Account gold + Hover */
  #header-mobile .stm_lms_search_popup.active .inner a,
  #header-mobile .stm_lms_account_popup.active .inner a{
    color: var(--av-gold) !important;
  }
  #header-mobile .stm_lms_search_popup.active .inner a:hover,
  #header-mobile .stm_lms_account_popup.active .inner a:hover{
    color: #d8b677 !important;
  }

  /* 2) Goldene Rahmen / Box-Shadows im Popup entfernen */
  #header-mobile .stm_lms_search_popup.active,
  #header-mobile .stm_lms_search_popup.active .inner,
  #header-mobile .stm_lms_account_popup.active,
  #header-mobile .stm_lms_account_popup.active .inner{
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  /* Falls einzelne Items/Buttons noch Rahmen haben */
  #header-mobile .stm_lms_search_popup.active .inner a,
  #header-mobile .stm_lms_account_popup.active .inner a,
  #header-mobile .stm_lms_search_popup.active .inner .stm_lms_account_popup__list_single,
  #header-mobile .stm_lms_account_popup.active .inner .stm_lms_account_popup__list_single{
    border-color: transparent !important;
    box-shadow: none !important;
  }

  /* 3) Der goldene Kreis rechts oben (Account-Icon-Button) transparent machen */
  #header-mobile .stm_header_top_toggler.mbc{
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* Icon selbst sichtbar lassen (nicht “gold übermalen”) */
  #header-mobile .stm_header_top_toggler.mbc i,
  #header-mobile .stm_header_top_toggler.mbc .stmlms-user{
    color: var(--av-gold) !important;     /* falls du das Icon gold willst */
    background: transparent !important;
  }

  /* 4) Close-Button (X) – falls da noch Weiß/Gold-Flächen drauf liegen */
  #header-mobile .stm_lms_search_popup_close,
  #header-mobile .stm_lms_account_popup__close{
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  #header-mobile .stm_lms_search_popup_close i,
  #header-mobile .stm_lms_account_popup__close i{
    color: var(--av-gold) !important;
  }
}

/* =========================
   AVANI – ACCOUNT POPUP: GOLD-RAHMEN ENTFERNEN
   (nur Account-Menü, nicht Website-Menü)
   ========================= */

@media (max-width: 1025px){

  /* Popup-Container */
  #header-mobile .stm_lms_account_popup,
  #header-mobile .stm_lms_account_popup.active,
  #header-mobile .stm_lms_account_popup.active .inner{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* Login-Block + Listen-Wrapper */
  #header-mobile .stm_lms_account_popup .stm_lms_account_popup__login,
  #header-mobile .stm_lms_account_popup .stm_lms_account_popup__list,
  #header-mobile .stm_lms_account_popup .stm_lms_account_popup__list.heading_font{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* Einzelne Menü-Items + Badge (die “0”) */
  #header-mobile .stm_lms_account_popup .stm_lms_account_popup__list_single,
  #header-mobile .stm_lms_account_popup .stm_lms_account_popup__list_single.has_number,
  #header-mobile .stm_lms_account_popup .stm_lms_account_popup__list_single.has_number span{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* Falls der Rahmen über ::before/::after kommt */
  #header-mobile .stm_lms_account_popup::before,
  #header-mobile .stm_lms_account_popup::after,
  #header-mobile .stm_lms_account_popup .inner::before,
  #header-mobile .stm_lms_account_popup .inner::after,
  #header-mobile .stm_lms_account_popup .stm_lms_account_popup__login::before,
  #header-mobile .stm_lms_account_popup .stm_lms_account_popup__login::after{
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

/* MODAL BACKGROUND */
.masterstudy-authorization-modal_container,
.masterstudy-authorization,
.masterstudy-authorization_wrapper,
.masterstudy-authorization-form-wrapper{
background:#0f0f0f !important;
color:#E6D3A3 !important;
border:1px solid #C29B5D !important;
}

/* INPUT FIELDS */
.masterstudy-authorization input{
background:#1a1a1a !important;
color:#E6D3A3 !important;
border:1px solid #C29B5D !important;
}

/* PLACEHOLDER TEXT */
.masterstudy-authorization input::placeholder{
color:#bfa06a !important;
}

/* TITLES */
.masterstudy-authorization h3,
.masterstudy-authorization_header{
color:#E6D3A3 !important;
}

/* CHECKBOX TEXT */
.masterstudy-authorization_checkbox-title{
color:#E6D3A3 !important;
}

/* LINKS (Registrieren / Passwort vergessen) */
.masterstudy-authorization a{
color:#C29B5D !important;
}

.masterstudy-authorization a:hover{
color:#e5c889 !important;
}

/* BUTTONS */
.masterstudy-button{
background:#C29B5D !important;
color:#0f0f0f !important;
border:none !important;
}

.masterstudy-button:hover{
background:#e5c889 !important;
}

/* FOOTER AREA */
.masterstudy-authorization_switch,
.masterstudy-authorization_restore{
background:#0f0f0f !important;
border-top:1px solid #C29B5D !important;
}

/* EMAIL CONFIRMATION MODAL */
#masterstudy-authorization-confirm-email{
background:#0f0f0f !important;
color:#E6D3A3 !important;
}

/* CLOSE BUTTON */
.masterstudy-authorization-modal_close{
color:#C29B5D !important;
}

/* =========================================================
   AVANI – FINAL: ACCOUNT (User Float Menu) + AUTH MODAL
   -> GANZ UNTEN ins Global CSS
   ========================================================= */

/* ---------- 0) USER ICON BUTTON (Goldener Kreis) transparent machen ---------- */
#header-mobile .stm_header_top_toggler.mbc,
.stm_header_top_toggler.mbc{
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  border: 0 !important;
}
#header-mobile .stm_header_top_toggler.mbc i,
.stm_header_top_toggler.mbc i{
  color: #c29b5d !important; /* Icon sichtbar / gold */
}

/* ---------- 1) ACCOUNT FLOAT MENU (Hey, bitte einloggen...) komplett im Avani-Stil ---------- */
/* Container + alle inneren Flächen dunkel */
.stm_lms_user_float_menu,
.stm_lms_user_float_menu *{
  background: transparent !important;
  background-color: transparent !important;
}

/* das “graue” Feld oben (Hey, bitte einloggen...) */
.stm_lms_user_float_menu__login,
.stm_lms_user_float_menu__empty,
.stm_lms_user_float_menu__login_head,
.stm_lms_user_float_menu__tip{
  background: #0b0f16 !important;
  background-color: #0b0f16 !important;
  color: #c29b5d !important;
  border: 0 !important;            /* goldene Rahmen weg */
  box-shadow: none !important;      /* goldene Schatten weg */
}

/* Text im Account-Float-Menü gold */
.stm_lms_user_float_menu,
.stm_lms_user_float_menu a,
.stm_lms_user_float_menu span,
.stm_lms_user_float_menu div{
  color: #c29b5d !important;
}

/* ---------- 2) MASTERSTUDY AUTH MODAL (Anmelden/Registrieren/Forgot/Confirm Mail) ---------- */
/* Overlay/Wrapper + Container dunkel */
.masterstudy-authorization-modal,
.masterstudy-authorization-modal__wrapper,
.masterstudy-authorization-modal__container,
.masterstudy-authorization,
.masterstudy-authorization__wrapper,
.masterstudy-authorization__form-wrapper,
.masterstudy-authorization__send-mail,
.masterstudy-authorization__send-mail-icon-wrapper,
.masterstudy-authorization__send-mail-content-wrapper,
.masterstudy-authorization__restore,
.masterstudy-authorization__switch{
  background: rgba(11,15,22,.96) !important;
  background-color: rgba(11,15,22,.96) !important;
  color: #f5f5f7 !important;
  border: 1px solid rgba(194,155,93,.22) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.65) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Headings / Texte */
.masterstudy-authorization h1,
.masterstudy-authorization h2,
.masterstudy-authorization h3,
.masterstudy-authorization__send-mail-title,
.masterstudy-authorization__send-mail-instructions,
.masterstudy-authorization__checkbox-title,
.masterstudy-authorization__switch-account-title,
.masterstudy-authorization__switch-lost-pass{
  color: #c29b5d !important;
}

/* Close (X) oben rechts: nicht weiß hinterlegt */
.masterstudy-authorization-modal__close,
.masterstudy-authorization-modal_close,
.masterstudy-authorization-modal__close *{
  background: transparent !important;
  background-color: transparent !important;
  color: #c29b5d !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Inputs dunkel + goldene Umrandung */
.masterstudy-authorization input,
.masterstudy-authorization textarea,
.masterstudy-authorization select{
  background: rgba(255,255,255,.06) !important;
  background-color: rgba(255,255,255,.06) !important;
  color: #f5f5f7 !important;
  border: 1px solid rgba(194,155,93,.35) !important;
  border-radius: 999px !important;
  outline: none !important;
}
.masterstudy-authorization input::placeholder,
.masterstudy-authorization textarea::placeholder{
  color: rgba(245,245,247,.55) !important;
}

/* Buttons: gold auf dunkel, hochwertig */
.masterstudy-button,
.masterstudy-button *{
  border-radius: 999px !important;
}
.masterstudy-button.masterstudy-button_style-primary{
  background: rgba(194,155,93,.95) !important;
  background-color: rgba(194,155,93,.95) !important;
  border: 1px solid rgba(194,155,93,.35) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.35) !important;
}
.masterstudy-button.masterstudy-button_style-primary .masterstudy-button__title{
  color: #0b0f16 !important; /* Text dunkel auf Gold */
  font-weight: 700 !important;
}

/* Link-Zeile unten (“Kein Konto? Registrieren”, “Passwort verloren”) – weg vom hellen Balken */
.masterstudy-authorization__switch,
.masterstudy-authorization__switch *{
  background: transparent !important;
  background-color: transparent !important;
  color: #c29b5d !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Checkbox-Hintergrund (war weiß) neutralisieren */
.masterstudy-authorization__checkbox-wrapper,
.masterstudy-authorization__checkbox-wrapper *{
  background: transparent !important;
  background-color: transparent !important;
}
.masterstudy-authorization__checkbox-wrapper{
  border: 1px solid rgba(194,155,93,.35) !important;
  border-radius: 6px !important;
}

/* Falls irgendwo noch inline/background-white reingrätscht */
.masterstudy-authorization [style*="background"],
.masterstudy-authorization-modal [style*="background"]{
  background: transparent !important;
  background-color: transparent !important;
}

/* =========================================
   AVANI – CLEAN FRAME: MasterStudy Auth Modal
   -> lässt nur 1 Rahmen übrig
   ========================================= */

:root{
  --av-bg:#0b0f16;
  --av-bg-2:#0a0a0a;
  --av-fg:#f1f1f1;
  --av-muted:rgba(226,229,235,.90);
  --av-gold:#c29b5d;
  --av-gold-45:rgba(194,155,93,.45);
}

:where(
  .masterstudy-authorization-modal,
  .masterstudy-authorization-modal__wrapper,
  .masterstudy-authorization-modal__container,
  .masterstudy-authorization,
  .masterstudy-authorization_style-modal,
  .masterstudy-authorization__wrapper,
  .masterstudy-authorization__form-wrapper,
  .masterstudy-authorization__switch,
  .masterstudy-authorization__actions
){
  border: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* EIN Rahmen: nur auf dem eigentlichen Container */
:where(.masterstudy-authorization-modal__container){
  background: radial-gradient(120% 140% at 10% 0%, rgba(255,255,255,.05), rgba(255,255,255,0)) , linear-gradient(180deg, rgba(11,15,22,.98), rgba(10,10,10,.96)) !important;
  color: var(--av-fg) !important;
  border: 1px solid var(--av-gold-45) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.65) !important;
}

/* Optional: wenn du innen trotzdem eine “Karte” willst, dann NUR shadow, kein Rahmen */
:where(.masterstudy-authorization__wrapper){
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* =========================================
   AVANI – NO FRAMES + GOLD TYPO (MasterStudy Auth)
   ========================================= */

:root{
  --av-bg:#0b0f16;
  --av-bg-2:#0a0a0a;
  --av-panel:rgba(11,15,22,.96);
  --av-fg:#f1f1f1;
  --av-muted:rgba(226,229,235,.80);
  --av-gold:#c29b5d;
  --av-gold-2:#d8b677;
}

/* ALLES: keine Rahmen, keine doppelten Shadows */
:where(
  .masterstudy-authorization-modal,
  .masterstudy-authorization-modal__wrapper,
  .masterstudy-authorization-modal__container,
  .masterstudy-authorization,
  .masterstudy-authorization_style-modal,
  .masterstudy-authorization__wrapper,
  .masterstudy-authorization__form-wrapper,
  .masterstudy-authorization__switch,
  .masterstudy-authorization__actions,
  .stm_lms_user_float_menu,
  .stm_lms_user_float_menu *,
  .stm_lms_account_popup,
  .stm_lms_account_popup *
){
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Modal/Panel Hintergrund */
:where(.masterstudy-authorization-modal__container, .masterstudy-authorization_style-modal){
  background: linear-gradient(180deg, rgba(11,15,22,.98), rgba(10,10,10,.96)) !important;
  color: var(--av-fg) !important;
  border-radius: 22px !important;
}

/* Headings / Labels / Links -> Gold */
:where(
  .masterstudy-authorization_style-modal h1,
  .masterstudy-authorization_style-modal h2,
  .masterstudy-authorization_style-modal h3,
  .masterstudy-authorization_style-modal label,
  .masterstudy-authorization_style-modal .masterstudy-authorization__title,
  .masterstudy-authorization_style-modal .masterstudy-authorization__subtitle,
  .masterstudy-authorization_style-modal a,
  .masterstudy-authorization_style-modal .masterstudy-authorization__switch-account-title,
  .masterstudy-authorization_style-modal .masterstudy-authorization__send-mail-title
){
  color: var(--av-gold-2) !important;
}

/* Fließtext (Instructions etc.) */
:where(
  .masterstudy-authorization_style-modal p,
  .masterstudy-authorization_style-modal .masterstudy-authorization__send-mail-instructions,
  .masterstudy-authorization_style-modal .masterstudy-authorization__hint,
  .masterstudy-authorization_style-modal .masterstudy-authorization__text
){
  color: var(--av-muted) !important;
}

/* Inputs */
:where(
  .masterstudy-authorization_style-modal input[type="text"],
  .masterstudy-authorization_style-modal input[type="email"],
  .masterstudy-authorization_style-modal input[type="password"],
  .masterstudy-authorization_style-modal input[type="tel"],
  .masterstudy-authorization_style-modal textarea
){
  background: rgba(255,255,255,.06) !important;
  color: var(--av-fg) !important;
   border: none !important; /* dezenter 1x Input-Rand ok */
  border-radius: 16px !important;
}
:where(
  .masterstudy-authorization_style-modal input::placeholder,
  .masterstudy-authorization_style-modal textarea::placeholder
){
  color: rgba(226,229,235,.55) !important;
}

/* Buttons */
:where(.masterstudy-authorization_style-modal .masterstudy-button){
  background: rgba(194,155,93,.90) !important;
  color: #0b0f16 !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
}
:where(.masterstudy-authorization_style-modal .masterstudy-button:hover){
  background: rgba(216,182,119,.95) !important;
}

/* Close-X: kein weißer Kreis */
:where(.masterstudy-authorization-modal__close, .masterstudy-authorization-modal__close *){
  background: transparent !important;
  color: var(--av-gold-2) !important;
  fill: var(--av-gold-2) !important;
}

/* =========================
   AVANI – Dark/Gold UI Fixes
   (Select2 Dropdown + MasterStudy Login/Register Modal)
   Ziel: alles dunkel + Gold/Weiß, UND weniger/keine doppelten Rahmen
   ========================= */

/* ---- Farb-Variablen (optional) ---- */
:root{
  --av-bg: #0b0f16;          /* tiefes Schwarz/Blau */
  --av-bg-2: #0f1622;        /* leicht heller */
  --av-gold: #C29B5D;        /* dein Gold */
  --av-text: #E9EEF6;        /* offwhite */
  --av-muted: #AAB4C3;       /* grau */
}

/* =========================================
   A) Select2 (Dropdown in Formular "Thema wählen")
   ========================================= */

/* Grundfläche (geschlossenes Feld) */
.select2-container .select2-selection--single{
  background: var(--av-bg) !important;
  color: var(--av-text) !important;
   border: none !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Text im Feld */
.select2-container .select2-selection--single .select2-selection__rendered{
  color: var(--av-text) !important;
  padding-left: 16px !important;
}

/* Pfeil */
.select2-container .select2-selection--single .select2-selection__arrow{
  height: 100% !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b{
  border-color: var(--av-gold) transparent transparent transparent !important;
}

/* Dropdown-Wrapper */
.select2-container .select2-dropdown{
  background: var(--av-bg) !important;
   border: none !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.55) !important;
}

/* Ergebnis-Liste (weißes Panel entfernen) */
.select2-results{
  background: var(--av-bg) !important;
}
.select2-results__options{
  background: var(--av-bg) !important;
}

/* Einzelne Optionen */
.select2-results__option{
  background: transparent !important;
  color: var(--av-text) !important;
  padding: 12px 14px !important;
}

/* Hover/Highlight (das blaue entfernen -> goldener Hover) */
.select2-results__option--highlighted.select2-results__option--selectable{
  background: rgba(194,155,93,.18) !important;
  color: var(--av-gold) !important;
}

/* Ausgewählte Option */
.select2-results__option[aria-selected="true"]{
  background: rgba(194,155,93,.12) !important;
  color: var(--av-gold) !important;
}

/* Suchfeld (falls aktiv) */
.select2-search--dropdown{
  background: var(--av-bg) !important;
  padding: 10px !important;
  border-bottom: 1px solid rgba(194,155,93,.25) !important;
}
.select2-search--dropdown .select2-search__field{
  background: var(--av-bg-2) !important;
  color: var(--av-text) !important;
   border: none !important;
  border-radius: 12px !important;
  outline: none !important;
}

/* =========================================
   B) MasterStudy Authorization Modal (Login/Register)
   Ziel: dunkel + gold, KEINE Rahmen-in-Rahmen Optik
   ========================================= */

/* Modal-Hintergrund (Overlay) – optional, falls vorhanden */
.masterstudy-authorization-modal{
  /* falls das Overlay zu hell ist */
  background: rgba(0,0,0,.55) !important;
}

/* Äußerer Modal Container */
.masterstudy-authorization-modal__container{
  background: var(--av-bg) !important;
  color: var(--av-text) !important;

  /* WICHTIG: Rahmen entschärfen */
  border: none !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.65) !important;
}

/* Innere Wrapper: Rahmen komplett raus, damit nicht "Rahmen um Rahmen" */
.masterstudy-authorization-modal__wrapper,
.masterstudy-authorization__form-wrapper,
.masterstudy-authorization__switch,
.masterstudy-authorization__actions{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Close Button (X) – kein weißer Kreis */
.masterstudy-authorization-modal__close{
  background: transparent !important;
  border: none !important;
  border-radius: 999px !important;
  color: var(--av-gold) !important;
}

/* Überschriften */
.masterstudy-authorization__header-title,
.masterstudy-authorization__send-mail-title,
.masterstudy-authorization__send-mail-content-title,
.masterstudy-authorization__switch-account-title,
.masterstudy-authorization__checkbox-title{
  color: var(--av-gold) !important;
}

/* Fließtext / Hinweise */
.masterstudy-authorization__send-mail-instructions,
.masterstudy-authorization__send-mail-content,
.masterstudy-authorization__switch-lost-pass,
.masterstudy-authorization__restore,
.masterstudy-authorization__confirm-email{
  color: var(--av-muted) !important;
}

/* Inputs */
.masterstudy-authorization input[type="text"],
.masterstudy-authorization input[type="email"],
.masterstudy-authorization input[type="password"]{
  background: rgba(255,255,255,.06) !important;
  color: var(--av-text) !important;
   border: none !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

/* Placeholder */
.masterstudy-authorization input::placeholder{
  color: rgba(233,238,246,.55) !important;
}

/* Eye Icon / Input Icons (falls zu dunkel/hell) */
.masterstudy-authorization .masterstudy-authorization__input-icon,
.masterstudy-authorization .masterstudy-authorization__input-eye{
  color: rgba(233,238,246,.75) !important;
}

/* Checkbox */
.masterstudy-authorization__checkbox-wrapper{
  background: rgba(255,255,255,.06) !important;
   border: none !important;
}
.masterstudy-authorization__checkbox-title{
  color: var(--av-text) !important;
}

/* Links (z.B. Datenschutz, "Registrieren", "Anmelden") */
.masterstudy-authorization a,
.masterstudy-authorization__switch-account-link{
  color: var(--av-gold) !important;
}
.masterstudy-authorization a:hover,
.masterstudy-authorization__switch-account-link:hover{
  color: #e1c08a !important;
}

/* Buttons */
.masterstudy-button.masterstudy-button_style-primary,
.masterstudy-button.masterstudy-button_style-primary .masterstudy-button__title{
  background: rgba(194,155,93,.95) !important;
  color: #0b0f16 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Secondary Buttons (falls vorhanden) */
.masterstudy-button:not(.masterstudy-button_style-primary){
  background: transparent !important;
  color: var(--av-gold) !important;
   border: none !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Trennflächen unten (wo vorher weiß war) */
.masterstudy-authorization__switch{
  border-top: 1px solid rgba(194,155,93,.18) !important;
}

/* =========================================
   C) Account-Header Mini-Box (Hey, bitte einloggen…)
   (falls noch zu hell)
   ========================================= */
.stm_lms_user_float_menu__empty.heading_font,
.stm_lms_user_float_menu__login,
.stm_lms_user_float_menu__logged-out-content{
  background: var(--av-bg) !important;
  color: var(--av-text) !important;
  border: none !important; /* hier bewusst kein Rahmen */
  box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
}

/* Text/Links in der Mini-Box */
.stm_lms_user_float_menu__empty.heading_font,
.stm_lms_user_float_menu__empty.heading_font *{
  color: var(--av-gold) !important;
}

/* ================================
   AVANI STYLE – Account/Profile UI
   ================================ */

/* Farb-Variablen (optional) */
:root{
  --av-bg: #0b0f16;            /* deep black */
  --av-bg-2: rgba(11,15,22,.72);
  --av-gold: #c29b5d;
  --av-text: rgba(245,245,247,.88);
  --av-text-2: rgba(245,245,247,.65);
}

/* --- 1) Entferne „Rahmen um Rahmen“ (clean, ohne Layer-Borders) --- */
.masterstudy-authorization,
.masterstudy-authorization *{
  box-shadow: none !important;
}

.masterstudy-authorization__modal_container,
.masterstudy-authorization__wrapper,
.masterstudy-authorization__form-wrapper{
  border: none !important;
  outline: none !important;
}

/* Optional: wenn irgendwo noch ein Doppelrahmen als ::before/::after kommt */
.masterstudy-authorization__modal_container::before,
.masterstudy-authorization__modal_container::after,
.masterstudy-authorization__wrapper::before,
.masterstudy-authorization__wrapper::after{
  border: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  content: none !important;
}

/* Statt Rahmen: nur „Card“-Look über Background + weiche Rundung */
.masterstudy-authorization__modal_container{
  background: var(--av-bg-2) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(10px);
}

/* Close Button Background nicht hell */
.masterstudy-authorization__modal_close{
  background: rgba(245,245,247,.08) !important;
}

/* --- 2) Alle weißen Inputs/Textareas im Account-Profil dunkel + Text gold/grau --- */
.masterstudy-account-settings__input,
.masterstudy-account-settings__input input,
.masterstudy-account-settings__input textarea,
.masterstudy-account-settings input[type="text"],
.masterstudy-account-settings input[type="email"],
.masterstudy-account-settings input[type="url"],
.masterstudy-account-settings input[type="password"],
.masterstudy-account-settings textarea{
  background: rgba(11,15,22,.85) !important;
  color: var(--av-text) !important;
  border: none !important;              /* keine Rahmen-Layer */
  box-shadow: inset 0 0 0 1px rgba(194,155,93,.35) !important; /* nur 1 subtiler Outline */
  border-radius: 14px !important;
}

/* Placeholder */
.masterstudy-account-settings__input input::placeholder,
.masterstudy-account-settings__input textarea::placeholder,
.masterstudy-account-settings input::placeholder,
.masterstudy-account-settings textarea::placeholder{
  color: rgba(245,245,247,.45) !important;
}

/* Labels/Headings im Account-Bereich */
.masterstudy-account-settings__field-label,
.masterstudy-account-settings label,
.masterstudy-account-profile__name,
.masterstudy-account-settings h1,
.masterstudy-account-settings h2,
.masterstudy-account-settings h3{
  color: var(--av-gold) !important;
}

/* Hilfetexte */
.masterstudy-account-settings__field-description,
.masterstudy-account-settings p,
.masterstudy-account-settings small{
  color: var(--av-text-2) !important;
}

/* --- 3) Select2 (deine Dropdowns) komplett in euren Stil --- */
.select2-container--default .select2-selection--single{
  background: rgba(11,15,22,.85) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px rgba(194,155,93,.35) !important;
  border-radius: 14px !important;
  height: 45px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  color: var(--av-text) !important;
  line-height: 45px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 45px !important;
}

.select2-dropdown{
  background: rgba(11,15,22,.95) !important;
  border: none !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.45) !important;
  border-radius: 14px !important;
  overflow: hidden;
}

.select2-results__option{
  color: var(--av-text) !important;
  background: transparent !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: rgba(194,155,93,.18) !important;
  color: var(--av-text) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"]{
  background: rgba(194,155,93,.28) !important;
  color: var(--av-text) !important;
}

/* --- 4) Cover Upload / Weißer Block oben (Profile Cover) dunkel machen --- */
#profile-cover .masterstudy-file-upload__field,
.masterstudy-file-upload__field{
  background: rgba(11,15,22,.55) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px rgba(194,155,93,.25) !important; /* nur subtil */
  border-radius: 18px !important;
}

/* Falls das Overlay/After den hellen Block macht */
#profile-cover .masterstudy-file-upload__field::after,
.masterstudy-file-upload__field::after{
  background: rgba(11,15,22,.55) !important;
  border: none !important;
}

/* --- 5) Sidebar Menü (links) – Text/Icons + Active State edel --- */
.masterstudy-account-menu,
.masterstudy-account-menu *{
  border: none !important;
}

.masterstudy-account-menu__list-item-label,
.masterstudy-account-menu__list-section-title,
.masterstudy-account-menu a{
  color: rgba(245,245,247,.75) !important;
}

.masterstudy-account-menu a:hover .masterstudy-account-menu__list-item-label,
.masterstudy-account-menu a:hover{
  color: var(--av-gold) !important;
}

.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active,
.masterstudy-account-menu__list-item.active,
.masterstudy-account-menu__list-item--active{
  background: rgba(194,155,93,.10) !important;
  border-radius: 14px !important;
}

.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active .masterstudy-account-menu__list-item-label,
.masterstudy-account-menu__list-item.active .masterstudy-account-menu__list-item-label,
.masterstudy-account-menu__list-item--active .masterstudy-account-menu__list-item-label{
  color: var(--av-gold) !important;
}

/* --- 6) Allgemeine Card-Flächen im Account-Bereich (falls irgendwo noch weiß) --- */
.masterstudy-account-settings__field,
.masterstudy-account-settings__field-wrapper,
.masterstudy-account-profile,
.masterstudy-account-settings__wrapper{
  background: transparent !important;
  border: none !important;
}

/* === AVANI SPIRIT – Dark/Gold UI Tokens === */
:root{
  --as-bg: #070a10;
  --as-surface: #0b0f16;
  --as-surface-2: #0f1520;
  --as-text: #e9eef7;
  --as-muted: rgba(233,238,247,.72);
  --as-gold: #C29B52;
  --as-gold-2: rgba(194,155,82,.35);
  --as-line: rgba(194,155,82,.22);
  --as-line-strong: rgba(194,155,82,.45);
  --as-shadow: 0 18px 60px rgba(0,0,0,.55);
}

/* === GLOBAL: Hintergründe + Textfarben (MasterStudy Bereiche) === */
.masterstudy-account, 
.masterstudy-account *{
  color: var(--as-text);
}

/* === 1) “Card”-Container: nur EIN Rahmen, keine Rahmen-in-Rahmen === */
.masterstudy-authorization-modal__container,
.masterstudy-account-settings,
.masterstudy-account-settings__wrapper,
.masterstudy-account__content,
.masterstudy-enrolled-courses-tabs__block,
.masterstudy-course-card,
.masterstudy-course-card__bottom,
.masterstudy-course-card__info{
  background: var(--as-surface) !important;
   border: none !important;
  border-radius: 18px !important;
  box-shadow: var(--as-shadow) !important;
}

/* Entfernt innere Zusatzrahmen/Outlines, damit nicht “Rahmen um Rahmen” entsteht */
.masterstudy-authorization__wrapper,
.masterstudy-authorization__form,
.masterstudy-authorization__actions,
.masterstudy-account-settings__field,
.masterstudy-course-card__bottom,
.masterstudy-course-card__meta{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* === 2) Inputs/Textareas: dunkle Fläche + subtiler Gold-Rand, kein Weiß === */
.masterstudy-account-settings__input,
.masterstudy-account-settings__textarea,
.masterstudy-authorization input,
.masterstudy-authorization textarea{
  background: var(--as-surface-2) !important;
  color: var(--as-text) !important;
  border: 1px solid var(--as-line) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.masterstudy-account-settings__textarea,
.masterstudy-authorization textarea{
  border-radius: 16px !important;
}

/* Placeholder */
.masterstudy-account-settings__input::placeholder,
.masterstudy-account-settings__textarea::placeholder,
.masterstudy-authorization input::placeholder,
.masterstudy-authorization textarea::placeholder{
  color: rgba(233,238,247,.45) !important;
}

/* Focus: minimal stärker, aber edel */
.masterstudy-account-settings__input:focus,
.masterstudy-account-settings__textarea:focus,
.masterstudy-authorization input:focus,
.masterstudy-authorization textarea:focus{
  border-color: var(--as-line-strong) !important;
  box-shadow: 0 0 0 3px rgba(194,155,82,.10) !important;
  outline: none !important;
}

/* Labels/Überschriften in Gold */
.masterstudy-account-settings__field-label,
.masterstudy-authorization__header-title,
.masterstudy-course-card__info-title,
.masterstudy-course-card__info-category,
.masterstudy-enrolled-courses-tabs__title,
.masterstudy-account-menu__list-section-title{
  color: var(--as-gold) !important;
}

/* === 3) Select2 (Dropdown): aktuell bei dir weiß/blau → auf Dark/Gold ziehen === */
.select2-container .select2-selection--single{
  background: var(--as-surface-2) !important;
  border: 1px solid var(--as-line) !important;
  border-radius: 999px !important;
  height: 44px !important;
  box-shadow: none !important;
}
.select2-container .select2-selection__rendered{
  color: var(--as-text) !important;
  line-height: 44px !important;
}
.select2-container .select2-selection__arrow{
  filter: brightness(0) invert(1);
  opacity: .75;
}

/* Dropdown Panel */
.select2-dropdown{
  background: var(--as-surface) !important;
  border: 1px solid var(--as-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--as-shadow) !important;
  overflow: hidden !important;
}

/* Optionen */
.select2-results__option{
  color: var(--as-text) !important;
  background: transparent !important;
}
.select2-results__option--highlighted{
  background: rgba(194,155,82,.18) !important;
  color: var(--as-text) !important;
}
.select2-results__option[aria-selected="true"]{
  background: rgba(194,155,82,.28) !important;
  color: var(--as-text) !important;
}

/* === 4) File Upload / Cover-Bereich (bei dir weiß/hell) === */
.masterstudy-file-upload__field,
.masterstudy-file-upload__field:before,
.masterstudy-file-upload__field:after,
#profile-cover.masterstudy-file-upload__field{
  background: var(--as-surface) !important;
  border: 1px solid var(--as-line) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

/* Upload Button */
.masterstudy-file-upload__field-button,
.masterstudy-button,
.masterstudy-button_style-primary{
  background: var(--as-gold) !important;
  color: #0b0f16 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.masterstudy-file-upload__field-button:hover,
.masterstudy-button:hover{
  filter: brightness(1.03);
}

/* === 5) Course Cards: Weiß entfernen, einheitlich dunkel === */
.masterstudy-course-card,
.masterstudy-course-card__wrapper,
.masterstudy-course-card__bottom,
.masterstudy-course-card__info{
  background: var(--as-surface) !important;
}
.masterstudy-course-card__info-title,
.masterstudy-course-card__bottom *{
  color: var(--as-text) !important;
}
.masterstudy-course-card__info-category{
  color: var(--as-gold) !important;
}

/* “Hot” Badge optional etwas edler */
.masterstudy-course-card__image-hot{
  background: rgba(194,155,82,.95) !important;
  color: #0b0f16 !important;
  border: none !important;
}

/* === 6) Pagination (bei dir weiß): dark + gold active === */
.masterstudy-pagination__wrapper,
.masterstudy-pagination__list,
.masterstudy-pagination__item{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.masterstudy-pagination__item-block,
.masterstudy-pagination__button-prev,
.masterstudy-pagination__button-next{
  background: var(--as-surface-2) !important;
  color: var(--as-text) !important;
  border: 1px solid var(--as-line) !important;
  border-radius: 10px !important;
}
.masterstudy-pagination__item_current .masterstudy-pagination__item-block{
  background: rgba(194,155,82,.22) !important;
  border-color: var(--as-line-strong) !important;
  color: var(--as-text) !important;
}

/* =========================
   AVANI GLOBAL TOKENS
========================= */
:root{
  --av-bg:#0B0F16;           /* Schwarz */
  --av-bg2:#0E141E;          /* leicht heller */
  --av-panel:rgba(14,20,30,.72);
  --av-gold:#C29B52;         /* euer Gold */
  --av-text:rgba(245,245,245,.92);
  --av-muted:rgba(245,245,245,.70);
  --av-line:rgba(194,155,82,.22);  /* sehr subtil */
  --av-line2:rgba(245,245,245,.10);
  --av-shadow:0 14px 40px rgba(0,0,0,.55);
  --av-radius:18px;
}

/* =========================
   1) RAHMEN-REDUKTION (Global)
   -> verhindert "Rahmen um Rahmen"
========================= */

/* Viele MasterStudy-Container haben doppelte Borders/Outlines */
.masterstudy-authorization-modal__container,
.masterstudy-authorization__wrapper,
.masterstudy-account-container,
.masterstudy-account-settings,
.masterstudy-account-settings__fields,
.masterstudy-course-card,
.masterstudy-course-card__bottom,
.masterstudy-enterprise-modal__container,
.masterstudy-enterprise-modal__form-wrapper{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Nur EINEN subtilen Rahmen + Shadow für echte Panels (wenn gewünscht) */
.masterstudy-authorization-modal__container,
.masterstudy-enterprise-modal__container,
.masterstudy-account-settings{
  background:var(--av-panel) !important;
  border:1px solid var(--av-line) !important; /* wenn du komplett ohne willst: diese Zeile löschen */
  border-radius:var(--av-radius) !important;
  box-shadow:var(--av-shadow) !important;
}

/* Innenflächen bewusst ohne Rahmen lassen */
.masterstudy-authorization__wrapper,
.masterstudy-enterprise-modal__form-wrapper,
.masterstudy-account-settings__fields{
  background:transparent !important;
}

/* =========================
   2) TEXTFARBEN / HEADLINES
========================= */
.masterstudy-account-profile__name,
.masterstudy-account-wishlist__title,
.masterstudy-account-pmp-memberships__section-title,
.masterstudy-account-menu__list-section-title,
.masterstudy-authorization__header-title,
.masterstudy-authorization_send-mail-title,
.masterstudy-authorization__send-mail-content-title{
  color:var(--av-gold) !important;
}

.masterstudy-no-records__no-items,
.masterstudy-account-messages__empty-text,
.masterstudy-account-wishlist__empty-text{
  color:var(--av-muted) !important;
}

/* Labels (z.B. FIRST NAME, NACHNAME etc.) */
.masterstudy-account-settings__field-label,
.masterstudy-account-settings__field-title,
.masterstudy-account-settings__field-desc{
  color:var(--av-muted) !important;
}

/* =========================
   3) INPUTS / TEXTAREAS (Account Settings, Modals)
========================= */
.masterstudy-account-settings__input,
.masterstudy-enterprise-modal input,
.masterstudy-enterprise-modal textarea,
.masterstudy-authorization input{
  background:rgba(11,15,22,.78) !important;
  color:var(--av-text) !important;
  border:1px solid var(--av-line2) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

.masterstudy-account-settings__input::placeholder,
.masterstudy-enterprise-modal input::placeholder,
.masterstudy-enterprise-modal textarea::placeholder,
.masterstudy-authorization input::placeholder{
  color:rgba(245,245,245,.45) !important;
}

/* Focus: Gold Glow, aber edel/subtil */
.masterstudy-account-settings__input:focus,
.masterstudy-enterprise-modal input:focus,
.masterstudy-enterprise-modal textarea:focus,
.masterstudy-authorization input:focus{
  border-color:rgba(194,155,82,.55) !important;
  box-shadow:0 0 0 3px rgba(194,155,82,.12) !important;
  outline:0 !important;
}

/* =========================
   4) SELECT2 (Thema Dropdown + Display Name)
========================= */
/* geschlossene Box */
.select2-container .select2-selection--single{
  background:rgba(11,15,22,.78) !important;
  border:1px solid var(--av-line2) !important;
  border-radius:14px !important;
  height:44px !important;
}
.select2-container .select2-selection__rendered{
  color:var(--av-text) !important;
  line-height:44px !important;
}
.select2-container .select2-selection__placeholder{
  color:rgba(245,245,245,.45) !important;
}
.select2-container .select2-selection__arrow{
  filter:brightness(1.1) !important;
}

/* geöffnetes Dropdown */
.select2-dropdown{
  background:rgba(11,15,22,.98) !important;
  border:1px solid var(--av-line) !important;
  border-radius:14px !important;
  box-shadow:var(--av-shadow) !important;
  overflow:hidden !important;
}
.select2-results__option{
  color:var(--av-text) !important;
  background:transparent !important;
}
.select2-results__option--highlighted{
  background:rgba(194,155,82,.16) !important;
  color:var(--av-text) !important;
}
.select2-results__option[aria-selected="true"]{
  background:rgba(194,155,82,.10) !important;
}

/* =========================
   5) UPLOAD COVER (Profil Banner) + Upload Button
========================= */
/* das weiße Cover-Feld */
#profile-cover,
#profile-cover .masterstudy-file-upload__field{
  background:rgba(11,15,22,.55) !important;
  border:1px dashed rgba(245,245,245,.12) !important;
  border-radius:var(--av-radius) !important;
}

/* falls ein ::after Overlay weiß reinhaut */
#profile-cover.masterstudy-file-upload__field::after,
#profile-cover .masterstudy-file-upload__field::after{
  background:transparent !important;
}

/* Upload Button rechts */
.masterstudy-file-upload__field-button,
.masterstudy-account-settings__file .masterstudy-file-upload__field-button{
  background:rgba(194,155,82,.92) !important;
  color:#0B0F16 !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
.masterstudy-file-upload__field-button:hover{
  background:rgba(194,155,82,1) !important;
}

/* =========================
   6) COURSE CARDS (Eingeschriebene Kurse)
========================= */
.masterstudy-course-card{
  background:rgba(11,15,22,.55) !important;
  border:1px solid rgba(245,245,245,.10) !important; /* wenn komplett ohne: löschen */
  border-radius:22px !important;
  box-shadow:none !important;
}
.masterstudy-course-card__info-title h3,
.masterstudy-course-card__info-title,
.masterstudy-course-card__info-category{
  color:var(--av-gold) !important;
}
.masterstudy-course-card__meta,
.masterstudy-course-card__bottom{
  background:transparent !important;
}
.masterstudy-course-card__bottom .masterstudy-button,
.masterstudy-course-card__bottom a{
  background:rgba(194,155,82,.92) !important;
  color:#0B0F16 !important;
  border-radius:999px !important;
  border:0 !important;
}

/* =========================
   7) PAGINATION (die weißen Boxen unten)
========================= */
.masterstudy-pagination__item,
.masterstudy-pagination__item span,
.masterstudy-pagination__item a,
.masterstudy-pagination__button-prev,
.masterstudy-pagination__button-next{
  background:rgba(11,15,22,.78) !important;
  color:var(--av-text) !important;
  border:1px solid rgba(245,245,245,.12) !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
.masterstudy-pagination__item_current span{
  background:rgba(194,155,82,.92) !important;
  color:#0B0F16 !important;
  border-color:rgba(194,155,82,.35) !important;
}

/* =========================
   8) EMPTY STATES (Wunschliste leer / No quizzes / No messages)
========================= */
.masterstudy-account-wishlist__empty,
.masterstudy-no-records__container,
.masterstudy-account-messages__empty{
  background:transparent !important;
  border:0 !important;
}

.masterstudy-account-wishlist__empty_button,
.masterstudy-account-wishlist__empty-button,
.masterstudy-account-wishlist__empty a.masterstudy-account-wishlist__empty-button,
a.masterstudy-account-wishlist__empty-button{
  background:rgba(194,155,82,.92) !important;
  color:#0B0F16 !important;
  border:0 !important;
  border-radius:999px !important;
}

/* =========================
   9) "Hast du eine Frage?" Modal (Enterprise Modal)
========================= */
.masterstudy-enterprise-modal__container{
  background:rgba(11,15,22,.92) !important;
  border:1px solid rgba(194,155,82,.22) !important; /* optional */
  border-radius:22px !important;
  box-shadow:var(--av-shadow) !important;
}

.masterstudy-enterprise-modal__container h3,
.masterstudy-enterprise-modal__container h2,
.masterstudy-enterprise-modal__container .masterstudy-enterprise-modal__title{
  color:var(--av-gold) !important;
}

.masterstudy-enterprise-modal__close{
  background:rgba(245,245,245,.06) !important;
  border:1px solid rgba(245,245,245,.10) !important;
  border-radius:999px !important;
}

.masterstudy-enterprise-modal__actions .masterstudy-button,
.masterstudy-enterprise-modal__actions button{
  background:rgba(194,155,82,.92) !important;
  color:#0B0F16 !important;
  border:0 !important;
  border-radius:999px !important;
}

/* =========================
   AVANI THEME OVERRIDES
   (Customizer → Additional CSS)
   ========================= */
:root{
  --av-black:#07090d;           /* Haupt-Hintergrund */
  --av-black-2:#0b0f16;         /* Cards/Flächen */
  --av-border:rgba(201,155,82,.45); /* Gold-Border */
  --av-gold:#C29B5D;            /* Gold */
  --av-white:#F5F5F7;           /* Weiß */
  --av-muted:rgba(245,245,247,.72);
}

/* ---------- 1) "Hast du eine Frage?" (Sidebar Label + Button) ---------- */
.masterstudy-account-have-question__label{
  color:var(--av-gold) !important;
}
.masterstudy-account-have-question__button,
.masterstudy-account-have-question__button *{
  color:var(--av-white) !important;
}
.masterstudy-account-have-question__button{
  background:transparent !important;
  border:1px solid var(--av-border) !important;
  border-radius:999px !important;
}
.masterstudy-account-have-question__button:hover{
  background:rgba(201,155,82,.10) !important;
  border-color:rgba(201,155,82,.75) !important;
}

/* ---------- 2) Enterprise Modal (Kontakt-Formular) ---------- */
.masterstudy-enterprise-modal,
.masterstudy-enterprise-modal__wrapper,
.masterstudy-enterprise-modal__container{
  background:rgba(0,0,0,.65) !important;
}

.masterstudy-enterprise-modal__container{
  background:var(--av-black-2) !important;
  border:1px solid var(--av-border) !important;
  border-radius:16px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.55) !important;
}

.masterstudy-enterprise-modal__header-title,
.masterstudy-enterprise-modal__header-title *{
  color:var(--av-gold) !important;
}

.masterstudy-enterprise-modal__header-close{
  color:var(--av-white) !important;
  opacity:.85 !important;
}
.masterstudy-enterprise-modal__header-close:hover{ opacity:1 !important; }

.masterstudy-enterprise-modal__form-wrapper,
.masterstudy-enterprise-modal__form-wrapper *{
  color:var(--av-white) !important;
}

.masterstudy-enterprise-modal input,
.masterstudy-enterprise-modal textarea{
  background:var(--av-black) !important;
  color:var(--av-white) !important;
  border:1px solid rgba(201,155,82,.35) !important;
  border-radius:999px !important;
}
.masterstudy-enterprise-modal textarea{
  border-radius:14px !important;
}
.masterstudy-enterprise-modal input::placeholder,
.masterstudy-enterprise-modal textarea::placeholder{
  color:rgba(245,245,247,.55) !important;
}

.masterstudy-enterprise-modal__actions .masterstudy-button,
.masterstudy-enterprise-modal__actions button,
.masterstudy-enterprise-modal__actions input[type="submit"]{
  background:var(--av-gold) !important;
  color:#0a0a0a !important;
  border:0 !important;
  border-radius:999px !important;
  padding:10px 18px !important;
}
.masterstudy-enterprise-modal__actions .masterstudy-button:hover,
.masterstudy-enterprise-modal__actions button:hover,
.masterstudy-enterprise-modal__actions input[type="submit"]:hover{
  filter:brightness(1.06) !important;
}

/* ---------- 3) BuddyPress / Mitgliederbereich Tabs (Aktivität/Benachrichtigungen/Einstellungen) ---------- */
#object-nav{
  background:transparent !important;
}
#object-nav a{
  color:var(--av-white) !important;
  border:1px solid rgba(201,155,82,.30) !important;
  background:rgba(7,9,13,.35) !important;
  border-radius:14px !important;
}
#object-nav li.current a,
#object-nav li.selected a{
  color:#0a0a0a !important;
  background:var(--av-gold) !important;
  border-color:rgba(201,155,82,.85) !important;
}

/* Empty states (z.B. "No enrolled quizzes yet", "No messages yet") */
.masterstudy-no-records__no-items,
.masterstudy-account-messages__empty-text,
.masterstudy-account-wishlist__empty-text{
  color:var(--av-muted) !important;
}

/* ---------- 4) BuddyPress Activity Buttons (Kommentieren / Favorit / Löschen / Spam) ---------- */
.activity-meta .generic-button a,
.activity-meta .generic-button .button,
a.bp-secondary-action,
a.button.item-button,
a.button.fav,
a.comment-reply-link{
  background:transparent !important;
  color:var(--av-white) !important;
  border:1px solid rgba(201,155,82,.35) !important;
  border-radius:999px !important;
  padding:10px 16px !important;
}

.activity-meta .generic-button a:hover,
.activity-meta .generic-button .button:hover,
a.bp-secondary-action:hover,
a.button.item-button:hover,
a.button.fav:hover,
a.comment-reply-link:hover{
  background:rgba(201,155,82,.10) !important;
  border-color:rgba(201,155,82,.75) !important;
}

/* Primär/auffällig (optional): SPAM Button gold lassen, wenn du willst */
.activity-meta .generic-button a.spam-activity-confirm,
a.bp-secondary-action.spam-activity-confirm{
  background:var(--av-gold) !important;
  color:#0a0a0a !important;
  border-color:rgba(201,155,82,.95) !important;
}

/* ---------- 5) Ankündigungen (Create Announcement) ---------- */
.masterstudy-account-announcement_title,
.masterstudy-account-announcement_title *{
  color:var(--av-gold) !important;
}

.stm_lms_create_announcement{
  background:var(--av-black-2) !important;
  border:1px solid var(--av-border) !important;
  border-radius:16px !important;
}

.stm_lms_create_announcement label,
.stm_lms_create_announcement .masterstudy-select_wrapper,
.stm_lms_create_announcement .masterstudy-select_wrapper *{
  color:var(--av-white) !important;
}

.stm_lms_create_announcement select,
.stm_lms_create_announcement input,
.stm_lms_create_announcement textarea,
.stm_lms_create_announcement .select2-selection{
  background:var(--av-black) !important;
  color:var(--av-white) !important;
  border:1px solid rgba(201,155,82,.35) !important;
  border-radius:14px !important;
}
.stm_lms_create_announcement textarea::placeholder,
.stm_lms_create_announcement input::placeholder{
  color:rgba(245,245,247,.55) !important;
}

.stm_lms_create_announcement button,
.stm_lms_create_announcement input[type="submit"],
.stm_lms_create_announcement .button{
  background:var(--av-gold) !important;
  color:#0a0a0a !important;
  border:0 !important;
  border-radius:999px !important;
}
.stm_lms_create_announcement button:hover,
.stm_lms_create_announcement input[type="submit"]:hover{
  filter:brightness(1.06) !important;
}

/* =========================
   AVANI ACCOUNT DESIGN
   ========================= */

:root{
  --av-gold:#C99B52;
  --av-black:#07090d;
  --av-black2:#0b0f16;
  --av-white:#f5f5f7;
}

/* ---------- Titel ---------- */
.masterstudy-account-announcement_title,
.masterstudy-account-announcement_title *,
.masterstudy-account-announcement-title,
.masterstudy-account-announcement-title *{
  color:var(--av-gold) !important;
  font-weight:600;
}

/* ---------- Container ---------- */
.stm_lms_create_announcement{
  background:var(--av-black2) !important;
  border:1px solid rgba(201,155,82,.5) !important;
  border-radius:16px !important;
}

/* ---------- Select Input ---------- */
.masterstudy-select_wrapper{
  background:var(--av-black) !important;
}

.masterstudy-select__wrapper{
  background:var(--av-black) !important;
}

.masterstudy-select__input{
  background:var(--av-black) !important;
  color:var(--av-gold) !important;
  border:1px solid rgba(201,155,82,.5) !important;
  border-radius:10px !important;
}

/* Placeholder */
.masterstudy-select__input::placeholder{
  color:rgba(201,155,82,.6) !important;
}

/* ---------- Dropdown ---------- */
.masterstudy-select__dropdown{
  background:var(--av-black2) !important;
  border:1px solid rgba(201,155,82,.4) !important;
  border-radius:10px !important;
}

/* Liste */
.masterstudy-select__options{
  background:var(--av-black2) !important;
}

/* Option */
.masterstudy-select__option{
  color:var(--av-white) !important;
  padding:12px 14px !important;
}

/* Hover Option */
.masterstudy-select__option:hover{
  background:rgba(201,155,82,.15) !important;
  color:var(--av-gold) !important;
}

/* ---------- Textarea ---------- */
.masterstudy-account-announcement_message-input{
  background:var(--av-black) !important;
  color:var(--av-white) !important;
  border:1px solid rgba(201,155,82,.4) !important;
  border-radius:12px !important;
}

.masterstudy-account-announcement_message-input::placeholder{
  color:rgba(255,255,255,.5) !important;
}

/* ---------- Submit Button ---------- */
.masterstudy-account-announcement_create-announcement-bt{
  background:var(--av-gold) !important;
  color:#000 !important;
  border-radius:999px !important;
  border:none !important;
  padding:10px 22px !important;
}

.masterstudy-account-announcement_create-announcement-bt:hover{
  filter:brightness(1.05);
}

/* =========================
   AVANI ACCOUNT COLOR FIX
   ========================= */

:root{
  --av-bg:#0a0a0a;
  --av-nav:#0b0f16;
  --av-fg:#ffffff;
  --av-muted:rgba(226,229,235,.88);
  --av-gold:#c29b5d;
  --av-gold2:#d8b677;
  --av-border:rgba(255,255,255,.12);
  --av-card:rgba(0,0,0,.66);
  --av-card-2:rgba(0,0,0,.78);
}

/* ---------- Überschriften ---------- */
.masterstudy-account-announcement_title,
.masterstudy-account-announcement_title *,
.masterstudy-account-announcement-title,
.masterstudy-account-announcement-title *,
.masterstudy-account h1,
.masterstudy-account h2,
.masterstudy-account h3{
  color:var(--av-gold) !important;
}

/* ---------- Dropdown Placeholder ---------- */
.masterstudy-select__placeholder,
.masterstudy-select__placeholder *,
.masterstudy-select__input,
.masterstudy-select__input *{
  color:var(--av-gold) !important;
}

/* ---------- Dropdown Optionen ---------- */
.masterstudy-select__option{
  color:var(--av-gold) !important;
}

.masterstudy-select__option:hover{
  color:var(--av-gold2) !important;
  background:rgba(194,155,93,.12) !important;
}

/* ---------- Tabellen Header ---------- */
.masterstudy-account-enrolled-students_header,
.masterstudy-account-enrolled-students_header *,
.masterstudy-account-enrolled-students_top-bar *,
.masterstudy-account-enrolled-students_actions *{
  color:var(--av-gold) !important;
}

/* ---------- Suchfeld ---------- */
.masterstudy-account-enrolled-students_search input{
  color:var(--av-gold) !important;
}

.masterstudy-account-enrolled-students_search input::placeholder{
  color:rgba(194,155,93,.6) !important;
}

/* ---------- Datum Filter ---------- */
.masterstudy-date-field-value,
.masterstudy-date-field-label{
  color:var(--av-gold) !important;
}

/* ---------- Buttons ---------- */
.masterstudy-button,
.masterstudy-button *{
  color:var(--av-gold) !important;
}

/* ---------- Empty State ---------- */
.masterstudy-no-records__no-items{
  color:var(--av-gold) !important;
}

/* ---------- Sidebar Menü ---------- */
.masterstudy-account-menu *,
.masterstudy-account-sidebar *{
  color:var(--av-gold) !important;
}

/* ---------- Icons ---------- */
.masterstudy-account svg{
  fill:var(--av-gold) !important;
}

/* HARTE Überschreibung */
body .masterstudy-account-container 
div.masterstudy-account-announcement 
span.masterstudy-account-announcement_title{
    color:#c29b5d !important;
}

/* =========================================================
   AVANI – MASTERSTUDY / SELECT2 / COURSE BUTTONS / EMPTY STATES
   ========================================================= */

:root{
  --av-bg:#0a0a0a;
  --av-nav:#0b0f16;
  --av-fg:#ffffff;
  --av-muted:rgba(226,229,235,.88);
  --av-gold:#c29b5d;
  --av-gold2:#d8b677;
  --av-border:rgba(255,255,255,.12);
  --av-card:rgba(0,0,0,.66);
  --av-card-2:rgba(0,0,0,.78);
}

/* =========================================================
   1) SELECT2 / DISPLAY NAME / MASTERSTUDY SELECT DROPDOWNS
   ========================================================= */

/* geschlossener Select */
body .select2-container--default .select2-selection--single,
body .masterstudy-select,
body .masterstudy-select__wrapper,
body .select2-selection__rendered{
  background:var(--av-nav) !important;
  background-color:var(--av-nav) !important;
  color:var(--av-fg) !important;
  border:none !important;
  box-shadow:none !important;
}

/* Text im geschlossenen Select */
body .select2-container--default .select2-selection--single .select2-selection__rendered,
body .select2-selection__rendered,
body #select2-display_name-container{
  color:var(--av-fg) !important;
}

/* Arrow */
body .select2-container--default .select2-selection--single .select2-selection__arrow b,
body .select2-selection__arrow,
body .masterstudy-select__dropdown{
  border-color:var(--av-gold) transparent transparent transparent !important;
  color:var(--av-gold) !important;
}

/* offenes Dropdown */
body .select2-dropdown,
body .select2-container--open .select2-dropdown,
body .masterstudy-select__dropdown,
body .select2-dropdown--below{
  background:var(--av-nav) !important;
  background-color:var(--av-nav) !important;
  border:none !important;
  box-shadow:0 14px 40px rgba(0,0,0,.45) !important;
}

/* Suchfeld im Dropdown */
body .select2-search--dropdown,
body .select2-search__field{
  background:var(--av-bg) !important;
  background-color:var(--av-bg) !important;
  color:var(--av-fg) !important;
  border:none !important;
  box-shadow:none !important;
}

/* Optionsliste */
body .select2-results__options,
body #select2-display_name-results,
body .masterstudy-select__options{
  background:var(--av-nav) !important;
  background-color:var(--av-nav) !important;
  color:var(--av-fg) !important;
}

/* einzelne Option */
body .select2-results__option,
body .masterstudy-select__option{
  background:transparent !important;
  color:var(--av-fg) !important;
  border-bottom:none !important;
}

/* hover / highlight */
body .select2-results__option--highlighted[aria-selected],
body .select2-results__option--highlighted,
body .masterstudy-select__option:hover{
  background:rgba(194,155,93,.14) !important;
  color:var(--av-gold2) !important;
}

/* selected */
body .select2-results__option[aria-selected="true"]{
  background:rgba(194,155,93,.10) !important;
  color:var(--av-gold) !important;
}

/* Placeholder */
body .masterstudy-select__placeholder,
body .select2-selection__placeholder{
  color:var(--av-muted) !important;
}

/* =========================================================
   2) EMPTY STATES
   ========================================================= */

body .masterstudy-enrolled-courses__empty-text,
body .masterstudy-no-records__no-items,
body .masterstudy-account-wishlist__empty-text,
body .masterstudy-account-messages__empty-text,
body .masterstudy-account-announcement_title,
body .masterstudy-account-pmp-memberships__section-title{
  color:var(--av-gold) !important;
}

/* leere-state icons / sekundärtexte */
body .masterstudy-enrolled-courses__empty-icon,
body .masterstudy-account-wishlist__empty-icon,
body .masterstudy-no-records__icon{
  color:var(--av-gold) !important;
  fill:var(--av-gold) !important;
}

body .masterstudy-account-settings__field-desc,
body .masterstudy-buy-button__single-price-info-text,
body .masterstudy-account-wishlist__empty-block,
body .masterstudy-no-records__container{
  color:var(--av-muted) !important;
}

/* =========================================================
   3) BUTTONS – EXPLORE COURSES / KURS BEGINNEN / VOLLSTÄNDIG
   ========================================================= */

body a.masterstudy-enrolled-courses__empty-button,
body a.masterstudy-account-wishlist__empty-button,
body a.masterstudy-buy-button__link,
body a.masterstudy-nav-button,
body a.masterstudy-button,
body .masterstudy-button,
body .masterstudy-button_style-primary,
body .masterstudy-button_style-secondary{
  background:linear-gradient(180deg, var(--av-gold2), var(--av-gold)) !important;
  background-color:var(--av-gold) !important;
  color:#0b0f16 !important;
  border:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

/* Button Titel/Text sicher dunkel */
body .masterstudy-buy-button__title,
body .masterstudy-nav-button__title,
body .masterstudy-button__title,
body a.masterstudy-buy-button__link span,
body a.masterstudy-nav-button span,
body a.masterstudy-button span{
  color:#0b0f16 !important;
}

/* Hover */
body a.masterstudy-enrolled-courses__empty-button:hover,
body a.masterstudy-account-wishlist__empty-button:hover,
body a.masterstudy-buy-button__link:hover,
body a.masterstudy-nav-button:hover,
body a.masterstudy-button:hover,
body .masterstudy-button:hover,
body .masterstudy-button_style-primary:hover,
body .masterstudy-button_style-secondary:hover{
  background:linear-gradient(180deg, #e3c27f, var(--av-gold2)) !important;
  color:#000 !important;
  border-color:rgba(216,182,119,.52) !important;
  transform:translateY(-1px) !important;
}

/* disabled / secondary grey elements wie Remove Selected */
body .masterstudy-button_disabled,
body a.masterstudy-button_disabled,
body .masterstudy-account-enrolled-students__delete-btn.masterstudy-button_disabled{
  background:rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.45) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* =========================================================
   4) COURSE CARDS / TITLES / META
   ========================================================= */

body .masterstudy-course-card__info,
body .masterstudy-course-card__bottom,
body .masterstudy-course-card{
  background:var(--av-card-2) !important;
  background-color:var(--av-card-2) !important;
  color:var(--av-fg) !important;
  border-color:rgba(194,155,93,.18) !important;
}

body .masterstudy-course-card__info-title,
body .masterstudy-course-card__info-category,
body .masterstudy-single-course-price-info,
body .masterstudy-single-course-price-info *{
  color:var(--av-fg) !important;
}

body .masterstudy-course-card__bottom *,
body .masterstudy-course-card h3,
body .masterstudy-course-card h4{
  color:var(--av-fg) !important;
}

/* =========================================================
   5) PROFILE / SETTINGS – DISPLAY NAME LISTE sauber
   ========================================================= */

body .select2-container--open .select2-results__options li,
body #select2-display_name-results li{
  background:var(--av-nav) !important;
  color:var(--av-fg) !important;
}

body .select2-container--open .select2-results__options li:hover,
body #select2-display_name-results li:hover{
  background:rgba(194,155,93,.14) !important;
  color:var(--av-gold2) !important;
}

/* =========================================================
   6) ANKÜNDIGUNGEN – TITEL GOLD
   ========================================================= */

html body .masterstudy-account .masterstudy-account-container .masterstudy-account-announcement .masterstudy-account-announcement_title,
html body span.masterstudy-account-announcement_title{
  color:var(--av-gold) !important;
}

/* =========================================================
   7) Inputs / Textareas in diesen Bereichen
   ========================================================= */

body .masterstudy-account-announcement__message-input,
body .masterstudy-account-settings__input,
body input.masterstudy-account-settings__input,
body textarea.masterstudy-account-announcement__message-input{
  background:var(--av-bg) !important;
  background-color:var(--av-bg) !important;
  color:var(--av-fg) !important;
  border:none !important;
}

body .masterstudy-account-announcement__message-input::placeholder,
body .masterstudy-account-settings__input::placeholder,
body input.masterstudy-account-settings__input::placeholder,
body textarea.masterstudy-account-announcement__message-input::placeholder{
  color:var(--av-muted) !important;
}

/* =========================================================
   AVANI – COURSE COMPLETE POPUP + DISCUSSIONS SIDEBAR
   ========================================================= */

/* ---------------------------------
   1) Completion Popup / Success Box
--------------------------------- */
body .masterstudy-single-course-complete_success,
body .masterstudy-single-course-complete_wrapper,
body .masterstudy-single-course-complete_review-form{
  background:linear-gradient(180deg, rgba(18,18,18,.96), rgba(10,10,10,.98)) !important;
  background-color:#121212 !important;
  color:var(--av-fg) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.45) !important;
}

/* Titel / Texte im Popup */
body .masterstudy-single-course-complete_title,
body .masterstudy-single-course-complete_message,
body .masterstudy-single-course-complete_opportunities,
body .masterstudy-single-course-complete_curriculum-statistic,
body .masterstudy-single-course-complete_success *{
  color:var(--av-fg) !important;
}

/* Prozent / wichtige Zahlen */
body .masterstudy-single-course-complete_success h1,
body .masterstudy-single-course-complete_success h2,
body .masterstudy-single-course-complete_success h3,
body .masterstudy-single-course-complete_success strong{
  color:var(--av-gold2) !important;
}

/* Close Icon */
body .masterstudy-single-course-complete_close,
body .masterstudy-single-course-complete_close *{
  color:var(--av-gold) !important;
  fill:var(--av-gold) !important;
}

/* ---------------------------------
   2) Buttons im Completion Popup
--------------------------------- */
body .masterstudy-single-course-complete_buttons a,
body .masterstudy-single-course-complete_buttons .masterstudy-button,
body .masterstudy-single-course-complete_buttons .masterstudy-button_style-tertiary,
body .masterstudy-single-course-complete_buttons .masterstudy-button_style-secondary,
body .masterstudy-single-course-complete_buttons .masterstudy-button_style-primary{
  background:linear-gradient(180deg, var(--av-gold2), var(--av-gold)) !important;
  background-color:var(--av-gold) !important;
  border:1px solid rgba(194,155,93,.34) !important;
  color:#0b0f16 !important;
  box-shadow:none !important;
}

/* Button-Text sicher dunkel */
body .masterstudy-single-course-complete_buttons a .masterstudy-button__title,
body .masterstudy-single-course-complete_buttons .masterstudy-button__title,
body .masterstudy-single-course-complete_buttons a span{
  color:#0b0f16 !important;
}

/* Hover */
body .masterstudy-single-course-complete_buttons a:hover,
body .masterstudy-single-course-complete_buttons .masterstudy-button:hover{
  background:linear-gradient(180deg, #e3c27f, var(--av-gold2)) !important;
  color:#000 !important;
  border-color:rgba(216,182,119,.55) !important;
}

body .masterstudy-single-course-complete_buttons a:hover .masterstudy-button__title,
body .masterstudy-single-course-complete_buttons .masterstudy-button:hover .masterstudy-button__title,
body .masterstudy-single-course-complete_buttons a:hover span{
  color:#000 !important;
}

/* ---------------------------------
   3) Discussions Sidebar / Panel
--------------------------------- */
body .masterstudy-discussions,
body .masterstudy-discussions_dark-mode,
body .masterstudy-discussions__container,
body .masterstudy-discussions__content,
body .masterstudy-discussions__navigation,
body .masterstudy-course-player-discussions{
  background:linear-gradient(180deg, #121212, #0a0a0a) !important;
  background-color:#121212 !important;
  color:var(--av-fg) !important;
  border-left:1px solid rgba(255,255,255,.08) !important;
}

/* Sidebar Header */
body .masterstudy-discussions__header-wrapper,
body .masterstudy-discussions__header-wrapper *{
  background:transparent !important;
  color:var(--av-fg) !important;
}

/* Empty state */
body .masterstudy-discussions__no-items,
body .masterstudy-discussions__no-items *,
body .masterstudy-discussions__content .masterstudy-no-records__no-items{
  color:var(--av-fg) !important;
}

body .masterstudy-discussions__no-items svg,
body .masterstudy-discussions__no-items i,
body .masterstudy-discussions__no-items [class*="icon"]{
  color:var(--av-gold) !important;
  fill:var(--av-gold) !important;
}

/* ---------------------------------
   4) Diskussionen Buttons
--------------------------------- */
body .masterstudy-discussions a.masterstudy-button,
body .masterstudy-discussions button.masterstudy-button,
body .masterstudy-discussions .masterstudy-button_style-tertiary,
body .masterstudy-discussions .masterstudy-button_style-primary,
body .masterstudy-discussions .masterstudy-button_style-secondary,
body .masterstudy-discussions__header-wrapper a,
body .masterstudy-discussions__header-wrapper button,
body .masterstudy-course-player-discussions a.masterstudy-button{
  background:linear-gradient(180deg, var(--av-gold2), var(--av-gold)) !important;
  background-color:var(--av-gold) !important;
  border:1px solid rgba(194,155,93,.34) !important;
  color:#0b0f16 !important;
  box-shadow:none !important;
}

/* Titel/Text in Buttons */
body .masterstudy-discussions .masterstudy-button__title,
body .masterstudy-discussions a .masterstudy-button__title,
body .masterstudy-discussions button .masterstudy-button__title,
body .masterstudy-course-player-discussions .masterstudy-button__title,
body .masterstudy-discussions a span,
body .masterstudy-discussions button span{
  color:#0b0f16 !important;
}

/* Hover */
body .masterstudy-discussions a.masterstudy-button:hover,
body .masterstudy-discussions button.masterstudy-button:hover,
body .masterstudy-discussions .masterstudy-button_style-tertiary:hover,
body .masterstudy-course-player-discussions a.masterstudy-button:hover{
  background:linear-gradient(180deg, #e3c27f, var(--av-gold2)) !important;
  color:#000 !important;
}

body .masterstudy-discussions a.masterstudy-button:hover .masterstudy-button__title,
body .masterstudy-discussions button.masterstudy-button:hover .masterstudy-button__title,
body .masterstudy-discussions a.masterstudy-button:hover span,
body .masterstudy-discussions button.masterstudy-button:hover span{
  color:#000 !important;
}

/* ---------------------------------
   5) Textarea / Eingabefeld Diskussionen
--------------------------------- */
body .masterstudy-discussions__textarea,
body textarea.masterstudy-discussions__textarea{
  background:#0b0f16 !important;
  background-color:#0b0f16 !important;
  color:var(--av-fg) !important;
  border:1px solid rgba(194,155,93,.24) !important;
  box-shadow:none !important;
}

body .masterstudy-discussions__textarea::placeholder,
body textarea.masterstudy-discussions__textarea::placeholder{
  color:var(--av-muted) !important;
}

/* Send Button Wrapper / send icon area */
body .masterstudy-discussions__send-wrapper,
body .masterstudy-discussions__send-button{
  background:transparent !important;
}

body .masterstudy-discussions__send-button,
body .masterstudy-discussions__send-button *{
  color:var(--av-gold) !important;
  fill:var(--av-gold) !important;
}

/* Cancel Link */
body .masterstudy-discussions__cancel{
  color:var(--av-muted) !important;
}
body .masterstudy-discussions__cancel:hover{
  color:var(--av-gold) !important;
}

/* ---------------------------------
   6) Leave Review Link im Popup dunkler Text verhindern
--------------------------------- */
body .masterstudy-single-course-complete_buttons a[data-id="leave_review"],
body .masterstudy-single-course-complete_buttons a[data-id="leave_review"] span,
body .masterstudy-single-course-complete_buttons a[data-id="leave_review"] .masterstudy-button__title{
  color:#0b0f16 !important;
}

/* ---------------------------------
   7) Kurs anzeigen Button ebenso sauber
--------------------------------- */
body .masterstudy-single-course-complete_buttons a[data-id="gotit"],
body .masterstudy-single-course-complete_buttons a[data-id="gotit"] span,
body .masterstudy-single-course-complete_buttons a[data-id="gotit"] .masterstudy-button__title{
  color:#0b0f16 !important;
}

/* =========================================================
   AVANI – COMPLETE POPUP BUTTONS (exakt wie + Kommentar)
   ========================================================= */

#masterstudy-single-course-complete .masterstudy-single-course-complete__buttons a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:11px 22px !important;
  min-height:46px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#d8b677,#c29b5d) !important;
  background-color:#c29b5d !important;
  border:1px solid rgba(194,155,93,.35) !important;
  color:#0b0f16 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

#masterstudy-single-course-complete .masterstudy-single-course-complete__buttons a span,
#masterstudy-single-course-complete .masterstudy-single-course-complete__buttons a .masterstudy-button__title{
  color:#0b0f16 !important;
}

#masterstudy-single-course-complete .masterstudy-single-course-complete__buttons a:hover{
  background:linear-gradient(180deg,#e3c27f,#d8b677) !important;
  border-color:#d8b677 !important;
  color:#000 !important;
}

#masterstudy-single-course-complete .masterstudy-single-course-complete__buttons a:hover span{
  color:#000 !important;
}

/* =========================================================
   AVANI – MOBILE ACCOUNT / FLOAT MENU / SIDEBAR
   ========================================================= */
@media (max-width: 768px){

  :root{
    --av-bg:#0a0a0a;
    --av-nav:#0b0f16;
    --av-fg:#ffffff;
    --av-muted:rgba(226,229,235,.88);
    --av-gold:#c29b5d;
    --av-gold2:#d8b677;
    --av-border:rgba(255,255,255,.12);
    --av-card:rgba(0,0,0,.66);
    --av-card-2:rgba(0,0,0,.78);
  }

  /* =======================================================
     1) MOBILE FLOAT MENU / USER MENU
     ======================================================= */
  body .stm_lms_user_float_menu,
  body .stm_lms_user_float_menu__position_right,
  body .stm_lms_user_float_menu__position_right.__logged_out,
  body .stm_lms_user_float_menu__position_right.__logged_in,
  body .stm_lms_user_float_menu__scrolled,
  body .stm_lms_user_float_menu__login,
  body .stm_lms_user_float_menu__empty,
  body .stm_lms_user_float_menu__login_head{
    background:linear-gradient(180deg, rgba(11,15,22,.98), rgba(10,10,10,.98)) !important;
    background-color:var(--av-nav) !important;
    color:var(--av-fg) !important;
    border-color:rgba(194,155,93,.22) !important;
  }

  body .stm_lms_user_float_menu__position_right{
    border:1px solid rgba(194,155,93,.20) !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 20px 50px rgba(0,0,0,.45) !important;
    backdrop-filter:blur(10px) !important;
  }

  body .stm_lms_user_float_menu,
  body .stm_lms_user_float_menu a,
  body .stm_lms_user_float_menu div,
  body .stm_lms_user_float_menu span{
    color:var(--av-gold) !important;
  }

  body .stm_lms_user_float_menu small,
  body .stm_lms_user_float_menu .heading_font,
  body .stm_lms_user_float_menu .stm_lms_user_float_menu__empty{
    color:var(--av-muted) !important;
  }

  body .stm_lms_user_float_menu a:hover{
    color:var(--av-gold2) !important;
  }

  body .float_menu_item,
  body .float_menu_item_inline,
  body a.float_menu_item,
  body a.float_menu_item_inline{
    color:var(--av-gold) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    background:transparent !important;
  }

  body .float_menu_item:hover,
  body .float_menu_item_inline:hover,
  body a.float_menu_item:hover,
  body a.float_menu_item_inline:hover{
    background:rgba(194,155,93,.08) !important;
    color:var(--av-gold2) !important;
  }

  body .float_menu_item i,
  body .float_menu_item_inline i,
  body .stm_lms_user_float_menu i,
  body .stm_lms_user_float_menu svg,
  body .stm_lms_user_float_menu svg path{
    color:var(--av-gold) !important;
    fill:var(--av-gold) !important;
    stroke:var(--av-gold) !important;
  }

  body #header-mobile .stm_lms_search_popup + .stm_lms_menu_popup,
  body #header-mobile .inner .mobile_search_courses{
    margin:0 !important;
    padding:0 !important;
  }

  /* =======================================================
     2) Mobile Account Sidebar / Slide Menü
     ======================================================= */
  body .masterstudy-account-sidebar,
  body .masterstudy-account-sidebar_wrapper,
  body .masterstudy-account-menu,
  body .masterstudy-account-sidebar.masterstudy-account-sidebar_open,
  body .masterstudy-account-sidebar .masterstudy-account-menu__list-section,
  body .masterstudy-account-sidebar .masterstudy-account-profile,
  body .masterstudy-account-sidebar .masterstudy-account-sidebar__back{
    background:linear-gradient(180deg, rgba(11,15,22,.98), rgba(10,10,10,.98)) !important;
    background-color:var(--av-nav) !important;
    color:var(--av-fg) !important;
    border-color:rgba(255,255,255,.08) !important;
  }

  body .masterstudy-account-sidebar{
    box-shadow:0 20px 60px rgba(0,0,0,.55) !important;
  }

  body .masterstudy-account-sidebar .masterstudy-account-menu__list-section-title,
  body .masterstudy-account-sidebar .masterstudy-account-profile__name,
  body .masterstudy-account-sidebar .masterstudy-account-profile__link,
  body .masterstudy-account-sidebar .masterstudy-account-sidebar__back,
  body .masterstudy-account-sidebar .masterstudy-account-have-question__label{
    color:var(--av-gold) !important;
  }

  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item a,
  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item,
  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item span,
  body .masterstudy-account-sidebar .masterstudy-account-mobile-menu__link,
  body .masterstudy-account-sidebar .masterstudy-account-mobile-menu__item{
    color:var(--av-fg) !important;
  }

  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item:hover,
  body .masterstudy-account-sidebar .masterstudy-account-mobile-menu__link:hover{
    background:rgba(194,155,93,.08) !important;
    color:var(--av-gold) !important;
  }

  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item_active,
  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item.current-menu-item,
  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item.active{
    background:rgba(194,155,93,.10) !important;
    border-radius:14px !important;
  }

  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item_active a,
  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item_active span,
  body .masterstudy-account-sidebar .masterstudy-account-menu__list-item_active i{
    color:var(--av-gold) !important;
  }

  /* =======================================================
     3) Mobile bottom navigation
     ======================================================= */
  body .masterstudy-account-mobile-menu{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    z-index:9999 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    padding:8px !important;
    border-radius:20px !important;
    background:rgba(11,15,22,.95) !important;
    background-color:var(--av-nav) !important;
    border:1px solid rgba(194,155,93,.22) !important;
    box-shadow:0 12px 35px rgba(0,0,0,.45) !important;
    backdrop-filter:blur(10px) !important;
  }

  body .masterstudy-account-mobile-menu__link{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    min-height:54px !important;
    padding:8px 6px !important;
    border-radius:14px !important;
    text-decoration:none !important;
    background:transparent !important;
    color:var(--av-muted) !important;
  }

  body .masterstudy-account-mobile-menu__link i,
  body .masterstudy-account-mobile-menu__link svg,
  body .masterstudy-account-mobile-menu__link svg path{
    color:var(--av-gold) !important;
    fill:var(--av-gold) !important;
    stroke:var(--av-gold) !important;
  }

  body .masterstudy-account-mobile-menu__item{
    color:var(--av-muted) !important;
    font-size:12px !important;
  }

  body .masterstudy-account-mobile-menu__link:hover,
  body .masterstudy-account-mobile-menu__link_active,
  body .masterstudy-account-mobile-menu__link.active{
    background:rgba(194,155,93,.10) !important;
    color:var(--av-gold) !important;
  }

  body .masterstudy-account-mobile-menu__link:hover .masterstudy-account-mobile-menu__item,
  body .masterstudy-account-mobile-menu__link_active .masterstudy-account-mobile-menu__item,
  body .masterstudy-account-mobile-menu__link.active .masterstudy-account-mobile-menu__item{
    color:var(--av-gold) !important;
  }

  /* =======================================================
     4) Mobile Page Container spacing
     ======================================================= */
  body .masterstudy-account,
  body .masterstudy-account-container,
  body .masterstudy-account-sidebar_open{
    padding-bottom:90px !important;
  }

  /* =======================================================
     5) Header User/Menu Icons auf mobile
     ======================================================= */
  body .stm_lms_user_float_menu__user,
  body .stm_lms_user_float_menu__item,
  body .stm_lms_user_float_menu__icon{
    color:var(--av-gold) !important;
  }

  body .stm_lms_user_float_menu__item svg path{
    fill:var(--av-gold) !important;
    stroke:var(--av-gold) !important;
  }

  /* =======================================================
     6) White panels killen
     ======================================================= */
  body .masterstudy-account-sidebar *,
  body .masterstudy-account-mobile-menu *,
  body .stm_lms_user_float_menu *,
  body .stm_lms_user_float_menu__scrolled *{
    border-color:rgba(255,255,255,.10) !important;
  }

  body .masterstudy-account-sidebar__back{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    padding:10px 14px !important;
    border-radius:999px !important;
    background:rgba(194,155,93,.10) !important;
    color:var(--av-gold) !important;
  }
}

/* =========================================================
   AVANI SPIRIT – MOBILE FLOAT / LOGIN / REGISTER FINAL
   ========================================================= */
@media (max-width: 768px){

  /* ---------------------------------
     1) FLOAT WRAPPER sauber halten
     --------------------------------- */
  .stm_lms_user_float_menu__position_right__logged_out,
  .stm_lms_user_float_menu__position_right{
    position:fixed !important;
    right:12px !important;
    bottom:12px !important;
    top:auto !important;
    left:auto !important;
    width:auto !important;
    height:auto !important;
    z-index:9998 !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }

  /* ---------------------------------
     2) TOGGLE unten rechts sauber
     --------------------------------- */
  .stm_lms_user_float_menu__toggle{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:18px !important;
    background:#0b0f16 !important;
    border:1px solid rgba(194,155,93,.28) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.35) !important;
    overflow:hidden !important;
  }

  .stm_lms_user_float_menu__toggle i,
  .stm_lms_user_float_menu__toggle svg,
  .stm_lms_user_float_menu__toggle img{
    max-width:24px !important;
    max-height:24px !important;
    width:24px !important;
    height:24px !important;
    object-fit:contain !important;
  }

  .stm_lms_user_float_menu:not(.__collapsed).__logged_out .stm_lms_user_float_menu__toggle,
  .stm_lms_user_float_menu__position_right:not(.__collapsed) .stm_lms_user_float_menu__toggle,
  .stm_lms_user_float_menu__collapsed .stm_lms_user_float_menu__toggle{
    right:auto !important;
    left:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    justify-content:center !important;
  }

  /* ---------------------------------
     3) FLOAT CONTENT nicht verschoben
     --------------------------------- */
  .stm_lms_user_float_menu__scrolled,
  .stm_lms_user_float_menu__scrolled.logged-out-content{
    position:fixed !important;
    right:12px !important;
    bottom:82px !important;
    left:12px !important;
    top:auto !important;
    width:auto !important;
    max-height:calc(100vh - 120px) !important;
    overflow-y:auto !important;
    border-radius:24px !important;
    background:linear-gradient(180deg, rgba(11,15,22,.98), rgba(10,10,10,.98)) !important;
    border:1px solid rgba(194,155,93,.18) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.45) !important;
  }

  /* ---------------------------------
     4) Login / Register Bereich oben halten
     --------------------------------- */
  .masterstudy-authorization-modal{
    padding:18px 14px 45vh 14px !important;
    align-items:flex-start !important;
    justify-content:center !important;
    overflow-y:auto !important;
    background:rgba(0,0,0,.55) !important;
  }

  .masterstudy-authorization-modal__wrapper,
  .masterstudy-authorization__wrapper{
    width:100% !important;
    max-width:390px !important;
    margin:0 auto !important;
    border-radius:24px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(11,15,22,.98), rgba(10,10,10,.98)) !important;
    border:1px solid rgba(194,155,93,.18) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.45) !important;
    position:relative !important;
  }

  .masterstudy-authorization-modal__wrapper{
    max-height:55vh !important;
    overflow-y:auto !important;
  }

  /* ---------------------------------
     5) Alle unnötigen Rahmen raus
     --------------------------------- */
  .masterstudy-authorization,
  .masterstudy-authorization_login,
  .masterstudy-authorization_register,
  .masterstudy-authorization__form,
  .masterstudy-authorization__fields,
  .masterstudy-authorization__actions,
  .masterstudy-authorization__switch,
  .masterstudy-authorization__restore,
  .masterstudy-authorization__restore-pass,
  .masterstudy-authorization__send-mail,
  .masterstudy-authorization__confirm-email,
  .masterstudy-authorization__login,
  .masterstudy-authorization__register,
  .masterstudy-authorization-modal__wrapper,
  .masterstudy-authorization-modal__container{
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;
    border:none !important;
  }

  /* ---------------------------------
     6) Titel / Typografie
     --------------------------------- */
  .masterstudy-authorization__title,
  .masterstudy-authorization .heading_font{
    color:#c29b5d !important;
  }

  .masterstudy-authorization,
  .masterstudy-authorization label,
  .masterstudy-authorization__checkbox-title,
  .masterstudy-authorization__switch,
  .masterstudy-authorization__switch a,
  .masterstudy-authorization__restore a,
  .masterstudy-authorization__send-mail-title,
  .masterstudy-authorization__send-mail-instructions{
    color:#f5f5f5 !important;
  }

  .masterstudy-authorization__switch a,
  .masterstudy-authorization__restore a,
  .masterstudy-authorization .privacy-policy-link,
  .masterstudy-authorization a{
    color:#c29b5d !important;
  }

  /* ---------------------------------
     7) Inputs in Avani-Stil
     --------------------------------- */
  .masterstudy-authorization input[type="text"],
  .masterstudy-authorization input[type="email"],
  .masterstudy-authorization input[type="password"],
  .masterstudy-authorization input[type="search"],
  .masterstudy-authorization textarea{
    background:rgba(255,255,255,.06) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.06) !important;
    border-radius:18px !important;
    box-shadow:none !important;
  }

  .masterstudy-authorization input::placeholder,
  .masterstudy-authorization textarea::placeholder{
    color:rgba(255,255,255,.55) !important;
  }

  .masterstudy-authorization input:focus,
  .masterstudy-authorization textarea:focus{
    border-color:rgba(194,155,93,.35) !important;
    box-shadow:0 0 0 1px rgba(194,155,93,.18) !important;
    outline:none !important;
  }

  /* ---------------------------------
     8) Buttons im Formular
     --------------------------------- */
  .masterstudy-authorization .masterstudy-button{
    border-radius:999px !important;
    box-shadow:none !important;
    border:none !important;
  }

  .masterstudy-authorization .masterstudy-button_style-primary{
    background:linear-gradient(135deg, #d8b677, #c29b5d) !important;
  }

  .masterstudy-authorization .masterstudy-button_style-primary .masterstudy-button__title{
    color:#0b0f16 !important;
  }

  .masterstudy-authorization .masterstudy-button_style-tertiary{
    background:rgba(194,155,93,.12) !important;
    border:1px solid rgba(194,155,93,.24) !important;
  }

  .masterstudy-authorization .masterstudy-button_style-tertiary .masterstudy-button__title{
    color:#c29b5d !important;
  }

  /* ---------------------------------
     9) Unterer Switch-Bereich clean
     --------------------------------- */
  .masterstudy-authorization__switch{
    margin-top:14px !important;
    padding:18px 20px !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
    background:transparent !important;
  }

  /* ---------------------------------
     10) Checkbox / Icons
     --------------------------------- */
  .masterstudy-authorization input[type="checkbox"]{
    accent-color:#c29b5d !important;
  }

  .masterstudy-authorization svg,
  .masterstudy-authorization i{
    color:#9ea7b8 !important;
  }

  
}

/* =========================================================
   AVANI – FINAL MOBILE FIXES
   nur der echte Toggle bleibt sichtbar
   ========================================================= */
@media (max-width: 768px){

  /* den schwebenden Dummy-Block komplett ausblenden */
  body .stm_lms_user_float_menu__empty.heading_font,
  body div.stm_lms_user_float_menu__empty.heading_font{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    visibility:hidden !important;
  }

  /* sicherstellen, dass nur der echte Toggle aktiv bleibt */
  body .stm_lms_user_float_menu__toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    padding:0 !important;
    border-radius:18px !important;
    background:#0b0f16 !important;
    border:1px solid rgba(194,155,93,.28) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.35) !important;
    overflow:hidden !important;
    z-index:9999 !important;
  }

 
}

/* =========================================================
   AVANI – FINAL MINI FIX
   Registrieren wie Anmelden + Menü-Icon sauber zentrieren
   ========================================================= */
@media (max-width: 768px){

  /* -------------------------------------------------------
     1) Registrieren-Button exakt wie Anmelden
     ------------------------------------------------------- */
  body .stm_lms_user_float_menu__login_head a.masterstudy-button_style-tertiary,
  body .stm_lms_user_float_menu__login_head a.masterstudy-button_style-tertiary.masterstudy-button_size-sm,
  body .stm_lms_user_float_menu__login_head a[data-authorization-modal="register"],
  body .stm_lms_user_float_menu__login_head a[data-authorization-modal="register"] .masterstudy-button__title{
    background:linear-gradient(180deg, #d8b677, #c29b5d) !important;
    background-color:#c29b5d !important;
    color:#0b0f16 !important;
    border:none !important;
    box-shadow:none !important;
  }

  body .stm_lms_user_float_menu__login_head a.masterstudy-button_style-tertiary,
  body .stm_lms_user_float_menu__login_head a[data-authorization-modal="register"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:46px !important;
    padding:11px 20px !important;
    border-radius:999px !important;
    opacity:1 !important;
  }

  body .stm_lms_user_float_menu__login_head a.masterstudy-button_style-tertiary .masterstudy-button__title,
  body .stm_lms_user_float_menu__login_head a[data-authorization-modal="register"] .masterstudy-button__title,
  body .stm_lms_user_float_menu__login_head a[data-authorization-modal="register"] span{
    color:#0b0f16 !important;
  }

  body .stm_lms_user_float_menu__login_head a.masterstudy-button_style-tertiary:hover,
  body .stm_lms_user_float_menu__login_head a[data-authorization-modal="register"]:hover{
    background:linear-gradient(180deg, #e3c27f, #d8b677) !important;
    background-color:#d8b677 !important;
    color:#000 !important;
    transform:translateY(-1px) !important;
  }

  body .stm_lms_user_float_menu__login_head a.masterstudy-button_style-tertiary:hover .masterstudy-button__title,
  body .stm_lms_user_float_menu__login_head a[data-authorization-modal="register"]:hover .masterstudy-button__title,
  body .stm_lms_user_float_menu__login_head a[data-authorization-modal="register"]:hover span{
    color:#000 !important;
  }

  /* -------------------------------------------------------
     2) Menü-Symbol oben exakt zentrieren
     ------------------------------------------------------- */
  body .stm_lms_user_float_menu__toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
  }

  body .stm_lms_user_float_menu__toggle svg{
    display:block !important;
    width:18px !important;
    height:18px !important;
    margin:0 auto !important;
    transform:none !important;
  }

  body .stm_lms_user_float_menu__toggle svg,
  body .stm_lms_user_float_menu__toggle svg *{
    transform:none !important;
    transform-origin:center center !important;
  }

  body .stm_lms_user_float_menu__toggle > *{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
  }
}
	/* =========================================================
   AVANI – WOOCOMMERCE CART + CHECKOUT FINAL
   ========================================================= */

:root{
  --av-bg:#0a0a0a;
  --av-nav:#0b0f16;
  --av-fg:#ffffff;
  --av-muted:rgba(226,229,235,.88);
  --av-gold:#c29b5d;
  --av-gold2:#d8b677;
  --av-border:rgba(255,255,255,.12);
  --av-card:rgba(0,0,0,.66);
  --av-card-2:rgba(0,0,0,.78);
}

/* ---------------------------------------------------------
   1) Basis – nur WooCommerce Seiten
--------------------------------------------------------- */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-page{
  color:var(--av-fg);
}

body.woocommerce-cart .site-content,
body.woocommerce-checkout .site-content,
body.woocommerce-page .site-content,
body.woocommerce-cart #content,
body.woocommerce-checkout #content,
body.woocommerce-page #content,
body.woocommerce-cart .content-area,
body.woocommerce-checkout .content-area,
body.woocommerce-page .content-area{
  background:transparent !important;
  color:var(--av-fg) !important;
}

body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart h4,
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout h4,
body.woocommerce-page h1,
body.woocommerce-page h2,
body.woocommerce-page h3,
body.woocommerce-page h4{
  color:var(--av-fg) !important;
}

/* ---------------------------------------------------------
   2) Allgemeine Panels / Karten
--------------------------------------------------------- */
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce,
body.woocommerce-page .woocommerce{
  color:var(--av-fg) !important;
}

body.woocommerce-cart .cart_totals,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2,
body.woocommerce-page .woocommerce form.checkout,
body.woocommerce-page .woocommerce-cart-form{
  background:linear-gradient(180deg, rgba(11,15,22,.92), rgba(10,10,10,.96)) !important;
  background-color:var(--av-nav) !important;
  border:1px solid rgba(194,155,93,.18) !important;
  border-radius:22px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.28) !important;
}

/* Checkout-Spalten etwas Luft */
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review{
  padding:24px !important;
}

/* ---------------------------------------------------------
   3) Hinweise / Notices / Coupon Hinweis
--------------------------------------------------------- */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error{
  background:rgba(11,15,22,.94) !important;
  color:var(--av-fg) !important;
  border:1px solid rgba(194,155,93,.22) !important;
  border-radius:16px !important;
  box-shadow:none !important;
  padding:16px 18px !important;
}

body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-error::before{
  color:var(--av-gold) !important;
}

body.woocommerce-cart .woocommerce-message a,
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-checkout .woocommerce-message a,
body.woocommerce-checkout .woocommerce-info a{
  color:var(--av-gold2) !important;
}

/* ---------------------------------------------------------
   4) Tabellen – Cart / Review
--------------------------------------------------------- */
body.woocommerce-cart table.shop_table,
body.woocommerce-checkout table.shop_table,
body.woocommerce-page table.shop_table{
  width:100% !important;
  background:transparent !important;
  border:1px solid rgba(194,155,93,.18) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  color:var(--av-fg) !important;
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-checkout table.shop_table th,
body.woocommerce-page table.shop_table th{
  background:rgba(255,255,255,.04) !important;
  color:var(--av-fg) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
}

body.woocommerce-cart table.shop_table td,
body.woocommerce-checkout table.shop_table td,
body.woocommerce-page table.shop_table td{
  color:var(--av-fg) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-left:none !important;
  border-right:none !important;
  background:transparent !important;
  vertical-align:middle !important;
}

body.woocommerce-cart table.shop_table tr:first-child td,
body.woocommerce-checkout table.shop_table tr:first-child td{
  border-top:none !important;
}

body.woocommerce-cart table.shop_table .product-name a,
body.woocommerce-checkout table.shop_table .product-name,
body.woocommerce-checkout table.shop_table .product-name a{
  color:var(--av-gold2) !important;
  font-weight:600 !important;
}

body.woocommerce-cart table.shop_table .product-remove a,
body.woocommerce-cart table.shop_table .remove{
  color:var(--av-gold) !important;
  font-size:24px !important;
  line-height:1 !important;
}

body.woocommerce-cart table.shop_table .product-price,
body.woocommerce-cart table.shop_table .product-subtotal,
body.woocommerce-cart table.shop_table .product-quantity,
body.woocommerce-checkout table.shop_table .product-total,
body.woocommerce-checkout table.shop_table .amount{
  color:var(--av-fg) !important;
  font-weight:600 !important;
}

/* Produktbilder */
body.woocommerce-cart table.shop_table img,
body.woocommerce-checkout table.shop_table img{
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* ---------------------------------------------------------
   5) Cart Actions / Coupon Bereich
--------------------------------------------------------- */
body.woocommerce-cart .actions{
  padding:18px 0 0 0 !important;
}

body.woocommerce-cart .coupon{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  align-items:center !important;
}

body.woocommerce-cart .coupon label{
  display:none !important;
}

body.woocommerce-cart .coupon input.input-text{
  min-width:220px !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--av-fg) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  padding:12px 16px !important;
  box-shadow:none !important;
}

body.woocommerce-cart .coupon input.input-text::placeholder{
  color:var(--av-muted) !important;
}

/* ---------------------------------------------------------
   6) Buttons – WooCommerce
--------------------------------------------------------- */
body.woocommerce-cart .button,
body.woocommerce-cart button.button,
body.woocommerce-cart a.button,
body.woocommerce-cart input.button,
body.woocommerce-checkout .button,
body.woocommerce-checkout button.button,
body.woocommerce-checkout a.button,
body.woocommerce-checkout input.button,
body.woocommerce-page .button,
body.woocommerce-page button.button,
body.woocommerce-page a.button,
body.woocommerce-page input.button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:12px 22px !important;
  border-radius:999px !important;
  border:1px solid rgba(194,155,93,.32) !important;
  background:linear-gradient(180deg, var(--av-gold2), var(--av-gold)) !important;
  background-color:var(--av-gold) !important;
  color:#0b0f16 !important;
  font-weight:700 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  transition:.22s ease !important;
}

body.woocommerce-cart .button:hover,
body.woocommerce-cart button.button:hover,
body.woocommerce-cart a.button:hover,
body.woocommerce-cart input.button:hover,
body.woocommerce-checkout .button:hover,
body.woocommerce-checkout button.button:hover,
body.woocommerce-checkout a.button:hover,
body.woocommerce-checkout input.button:hover,
body.woocommerce-page .button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page input.button:hover{
  background:linear-gradient(180deg, #e3c27f, var(--av-gold2)) !important;
  color:#000 !important;
  transform:translateY(-1px) !important;
}

/* Sekundäre Buttons dunkler */
body.woocommerce-cart .button[name="update_cart"],
body.woocommerce-cart button[name="update_cart"],
body.woocommerce-cart .checkout-button + .google-pay-button-container + *,
body.woocommerce-page .wc-proceed-to-checkout .google-pay-button-container + *{
  background:rgba(255,255,255,.05) !important;
  color:var(--av-fg) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

/* ---------------------------------------------------------
   7) Warenkorbsummen / Totals
--------------------------------------------------------- */
body.woocommerce-cart .cart-collaterals{
  margin-top:28px !important;
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-checkout #order_review_heading{
  color:var(--av-fg) !important;
  margin-bottom:18px !important;
}

body.woocommerce-cart .cart_totals table,
body.woocommerce-checkout #order_review table{
  margin-bottom:22px !important;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td,
body.woocommerce-checkout #order_review table th,
body.woocommerce-checkout #order_review table td{
  padding:14px 16px !important;
}

body.woocommerce-cart .order-total th,
body.woocommerce-cart .order-total td,
body.woocommerce-checkout .order-total th,
body.woocommerce-checkout .order-total td{
  color:var(--av-fg) !important;
  font-size:1.06rem !important;
  font-weight:700 !important;
}

/* ---------------------------------------------------------
   8) Checkout Formulare
--------------------------------------------------------- */
body.woocommerce-checkout form.checkout{
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

body.woocommerce-checkout .form-row{
  margin-bottom:16px !important;
}

body.woocommerce-checkout label{
  color:var(--av-fg) !important;
  font-weight:600 !important;
  font-size:.92rem !important;
  margin-bottom:8px !important;
}

body.woocommerce-checkout .required{
  color:#ff6b6b !important;
}

body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection--single,
body.woocommerce-checkout .selection .select2-selection{
  width:100% !important;
  min-height:48px !important;
  background:rgba(255,255,255,.04) !important;
  background-color:rgba(255,255,255,.04) !important;
  color:var(--av-fg) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder{
  color:var(--av-muted) !important;
}

body.woocommerce-checkout textarea{
  min-height:140px !important;
  padding:14px 16px !important;
  resize:vertical !important;
}

body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout select{
  padding:0 14px !important;
}

body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout .select2-selection--single:focus{
  border-color:rgba(194,155,93,.38) !important;
  box-shadow:0 0 0 1px rgba(194,155,93,.18) !important;
  outline:none !important;
}

/* Select2 auf Checkout */
body.woocommerce-checkout .select2-dropdown{
  background:var(--av-nav) !important;
  border:1px solid rgba(194,155,93,.18) !important;
  border-radius:14px !important;
  box-shadow:0 16px 40px rgba(0,0,0,.4) !important;
}

body.woocommerce-checkout .select2-results__option{
  color:var(--av-fg) !important;
  background:transparent !important;
}

body.woocommerce-checkout .select2-results__option--highlighted[aria-selected]{
  background:rgba(194,155,93,.12) !important;
  color:var(--av-gold2) !important;
}

body.woocommerce-checkout .select2-selection__rendered{
  color:var(--av-fg) !important;
  line-height:46px !important;
}

body.woocommerce-checkout .select2-selection__arrow{
  height:46px !important;
}

/* ---------------------------------------------------------
   9) Payment Bereich
--------------------------------------------------------- */
body.woocommerce-checkout #payment{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  color:var(--av-fg) !important;
}

body.woocommerce-checkout #payment ul.payment_methods{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 0 18px 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods li{
  margin-bottom:16px !important;
  padding:0 !important;
  color:var(--av-fg) !important;
}

body.woocommerce-checkout #payment div.payment_box{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  color:var(--av-fg) !important;
  box-shadow:none !important;
}

body.woocommerce-checkout #payment div.payment_box::before{
  border-bottom-color:rgba(255,255,255,.08) !important;
}

body.woocommerce-checkout #payment label{
  color:var(--av-fg) !important;
}

body.woocommerce-checkout #payment .about_paypal,
body.woocommerce-checkout #payment .payment_method_klarna,
body.woocommerce-checkout #payment .payment_method_stripe{
  color:var(--av-fg) !important;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .place-order,
body.woocommerce-checkout .place-order p{
  color:var(--av-fg) !important;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .woocommerce-privacy-policy-text a{
  color:var(--av-gold2) !important;
}

/* ---------------------------------------------------------
   10) Google Pay / Express Buttons
--------------------------------------------------------- */
body.woocommerce-cart .google-pay-button-container,
body.woocommerce-checkout .google-pay-button-container,
body.woocommerce-page .google-pay-button-container{
  margin-top:14px !important;
  margin-bottom:10px !important;
}

body.woocommerce-cart .google-pay-button-container iframe,
body.woocommerce-checkout .google-pay-button-container iframe{
  border-radius:14px !important;
  overflow:hidden !important;
}

/* ---------------------------------------------------------
   11) Abstände Desktop
--------------------------------------------------------- */
@media (min-width: 769px){

  body.woocommerce-cart .woocommerce-cart-form{
    margin-bottom:30px !important;
    padding:24px !important;
  }

  body.woocommerce-cart .cart_totals{
    padding:24px !important;
    max-width:520px !important;
  }

  body.woocommerce-checkout .col2-set{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:28px !important;
    align-items:start !important;
    margin-bottom:28px !important;
  }

  body.woocommerce-checkout .woocommerce-additional-fields{
    margin-top:0 !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order{
    margin-top:0 !important;
  }

  body.woocommerce-checkout #customer_details{
    margin-bottom:28px !important;
  }

  body.woocommerce-checkout #order_review{
    margin-top:0 !important;
  }

  body.woocommerce-checkout .wc_payment_methods,
  body.woocommerce-checkout .place-order{
    margin-top:16px !important;
  }
}

/* ---------------------------------------------------------
   12) Mobile – Cart
--------------------------------------------------------- */
@media (max-width: 768px){

  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart_totals{
    padding:16px !important;
    border-radius:18px !important;
  }

  body.woocommerce-cart table.shop_table,
  body.woocommerce-checkout table.shop_table{
    font-size:.96rem !important;
  }

  body.woocommerce-cart table.shop_table td,
  body.woocommerce-cart table.shop_table th{
    padding:12px 10px !important;
  }

  body.woocommerce-cart .coupon{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.woocommerce-cart .coupon input.input-text,
  body.woocommerce-cart .coupon .button,
  body.woocommerce-cart .actions > .button,
  body.woocommerce-cart button[name="update_cart"]{
    width:100% !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
  body.woocommerce-cart .wc-proceed-to-checkout .google-pay-button-container{
    width:100% !important;
    margin:0 !important;
  }

  body.woocommerce-cart .cart_totals table th,
  body.woocommerce-cart .cart_totals table td{
    padding:12px !important;
  }
}

/* ---------------------------------------------------------
   13) Mobile – Checkout
--------------------------------------------------------- */
@media (max-width: 768px){

  body.woocommerce-checkout .col2-set{
    display:block !important;
    margin-bottom:20px !important;
  }

  body.woocommerce-checkout .col2-set .col-1,
  body.woocommerce-checkout .col2-set .col-2,
  body.woocommerce-checkout #order_review{
    padding:16px !important;
    margin-bottom:18px !important;
    border-radius:18px !important;
  }

  body.woocommerce-checkout h3,
  body.woocommerce-checkout #order_review_heading{
    margin-bottom:14px !important;
  }

  body.woocommerce-checkout .form-row{
    margin-bottom:14px !important;
  }

  body.woocommerce-checkout input[type="text"],
  body.woocommerce-checkout input[type="email"],
  body.woocommerce-checkout input[type="tel"],
  body.woocommerce-checkout input[type="password"],
  body.woocommerce-checkout textarea,
  body.woocommerce-checkout select,
  body.woocommerce-checkout .select2-selection--single{
    min-height:46px !important;
    border-radius:14px !important;
  }

  body.woocommerce-checkout textarea{
    min-height:120px !important;
  }

  body.woocommerce-checkout .place-order .button,
  body.woocommerce-checkout #place_order{
    width:100% !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td{
    padding:10px 10px !important;
    font-size:.94rem !important;
  }

  body.woocommerce-checkout #payment div.payment_box{
    padding:12px !important;
  }
}

/* ---------------------------------------------------------
   14) Sehr kleine Geräte – extra fein
--------------------------------------------------------- */
@media (max-width: 480px){

  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart_totals,
  body.woocommerce-checkout .col2-set .col-1,
  body.woocommerce-checkout .col2-set .col-2,
  body.woocommerce-checkout #order_review{
    padding:14px !important;
  }

  body.woocommerce-cart h2,
  body.woocommerce-checkout h3,
  body.woocommerce-checkout #order_review_heading{
    font-size:1.55rem !important;
    line-height:1.15 !important;
  }

  body.woocommerce-cart .button,
  body.woocommerce-checkout .button,
  body.woocommerce-checkout #place_order{
    min-height:46px !important;
    padding:11px 18px !important;
    font-size:.95rem !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name{
    font-size:.92rem !important;
  }

  body.woocommerce-checkout .payment_method_klarna img,
  body.woocommerce-checkout .payment_method_paypal img,
  body.woocommerce-checkout .payment_method_stripe img{
    max-height:24px !important;
    width:auto !important;
  }
}
	

/* =========================================================
   AVANI – WOOCOMMERCE FINAL FIX PACK
   nur zusätzlich UNTER den bestehenden WooCommerce-Block
   ========================================================= */

:root{
  --av-bg:#0a0a0a;
  --av-nav:#0b0f16;
  --av-fg:#ffffff;
  --av-muted:rgba(226,229,235,.88);
  --av-gold:#c29b5d;
  --av-gold2:#d8b677;
  --av-border:rgba(255,255,255,.12);
  --av-card:rgba(0,0,0,.66);
  --av-card-2:rgba(0,0,0,.78);
}

/* =========================================================
   1) CART TOTALS – links sauber, keine weißen Flächen
   ========================================================= */

body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart_totals_wrap,
body.woocommerce-cart .cart_totals table.shop_table,
body.woocommerce-cart .cart_totals table.shop_table tbody,
body.woocommerce-cart .cart_totals table.shop_table tr,
body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td{
  background:transparent !important;
  background-color:transparent !important;
}

body.woocommerce-cart .cart_totals_wrap{
  padding:30px !important;
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart h2,
body.woocommerce-cart h3{
  margin:0 0 22px 0 !important;
}

body.woocommerce-cart .cart_totals table{
  width:100% !important;
  margin:0 0 24px 0 !important;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td{
  padding:16px 18px !important;
  color:var(--av-fg) !important;
  vertical-align:middle !important;
}

body.woocommerce-cart .cart_totals table th{
  width:56% !important;
  text-align:left !important;
  color:var(--av-gold2) !important;
}

body.woocommerce-cart .cart_totals table td{
  width:44% !important;
  text-align:right !important;
  font-weight:700 !important;
}

body.woocommerce-cart .cart_totals .wc-proceed-to-checkout{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin-top:8px !important;
}

body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button{
  min-width:250px !important;
  text-align:center !important;
}

body.woocommerce-cart .cart_totals .google-pay-button-container{
  width:250px !important;
  max-width:100% !important;
  margin:0 !important;
}

/* =========================================================
   2) CART ACTIONS – Buttons sauber und lesbar
   ========================================================= */

body.woocommerce-cart .actions{
  padding-top:18px !important;
}

body.woocommerce-cart .actions .coupon{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

body.woocommerce-cart .actions .coupon input.input-text{
  min-width:240px !important;
  width:240px !important;
  margin:0 !important;
}

body.woocommerce-cart .actions .coupon .button,
body.woocommerce-cart .actions .coupon button,
body.woocommerce-cart .actions .coupon input.button,
body.woocommerce-cart .actions .button[name="update_cart"],
body.woocommerce-cart .actions button[name="update_cart"],
body.woocommerce-cart .actions input[name="update_cart"]{
  min-height:48px !important;
  padding:12px 24px !important;
  line-height:1.2 !important;
  font-size:15px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:unset !important;
}

body.woocommerce-cart .actions .button[name="update_cart"],
body.woocommerce-cart .actions button[name="update_cart"],
body.woocommerce-cart .actions input[name="update_cart"]{
  background:rgba(255,255,255,.05) !important;
  background-color:rgba(255,255,255,.05) !important;
  color:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  opacity:1 !important;
}

/* =========================================================
   3) CHECKOUT – äußere Struktur / Seitenabstände
   ========================================================= */

body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details.row,
body.woocommerce-checkout div[id="customer_details"],
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_review{
  box-sizing:border-box !important;
}

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details.row{
  margin:0 !important;
  width:100% !important;
}

body.woocommerce-checkout #customer_details > [class*="col-"]{
  padding-left:18px !important;
  padding-right:18px !important;
  box-sizing:border-box !important;
}

/* Falls Bootstrap/Theme negative margins setzt */
body.woocommerce-checkout #customer_details.row{
  margin-left:0 !important;
  margin-right:0 !important;
}

body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
  padding:28px !important;
}

body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3,
body.woocommerce-checkout #order_review_heading{
  margin:0 0 20px 0 !important;
  line-height:1.15 !important;
}

/* =========================================================
   4) BILLING / ADDITIONAL FIELDS – keine Inhalte am Rand
   ========================================================= */

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-billing-fields .form-row,
body.woocommerce-checkout .woocommerce-additional-fields .form-row{
  width:100% !important;
  max-width:100% !important;
}

body.woocommerce-checkout .woocommerce-billing-fields .form-row,
body.woocommerce-checkout .woocommerce-additional-fields .form-row{
  margin-bottom:16px !important;
}

body.woocommerce-checkout .woocommerce-billing-fields label,
body.woocommerce-checkout .woocommerce-additional-fields label{
  display:block !important;
  margin:0 0 8px 0 !important;
}

/* =========================================================
   5) ORDER REVIEW – alle weißen Tabellenzeilen entfernen
   ========================================================= */

body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td{
  background-color:transparent !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table{
  width:100% !important;
  table-layout:fixed !important;
  overflow:hidden !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th{
  padding:14px 16px !important;
  vertical-align:top !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  word-break:break-word !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th{
  background:rgba(255,255,255,.04) !important;
  color:var(--av-fg) !important;
  border-top:none !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name{
  width:68% !important;
  color:var(--av-gold2) !important;
  font-weight:600 !important;
  background:transparent !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total{
  width:32% !important;
  text-align:right !important;
  color:var(--av-fg) !important;
  font-weight:700 !important;
  background:transparent !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item td{
  background:transparent !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th{
  color:var(--av-fg) !important;
  text-align:left !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{
  text-align:right !important;
  color:var(--av-fg) !important;
  font-weight:700 !important;
}

/* explizit weiße Plugin-Flächen killen */
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name *,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total *,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .amount{
  background:transparent !important;
  color:inherit !important;
}

/* =========================================================
   6) PAYMENT BOX – sauberer Block mit Luft
   ========================================================= */

body.woocommerce-checkout #payment{
  margin-top:18px !important;
}

body.woocommerce-checkout #payment ul.payment_methods li{
  margin-bottom:18px !important;
}

body.woocommerce-checkout #payment div.payment_box{
  margin-top:12px !important;
  padding:16px 18px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
}

body.woocommerce-checkout #payment div.payment_box p{
  margin:0 0 12px 0 !important;
  line-height:1.55 !important;
}

/* =========================================================
   7) CHECKBOXEN – links zuerst, Text rechts, kein Überlappen
   ========================================================= */

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .form-row.place-order{
  overflow:visible !important;
}

body.woocommerce-checkout .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout label.checkbox,
body.woocommerce-checkout .checkbox{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  width:100% !important;
  margin:12px 0 !important;
  line-height:1.5 !important;
  color:var(--av-fg) !important;
  cursor:pointer !important;
}

body.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"],
body.woocommerce-checkout label.checkbox input[type="checkbox"],
body.woocommerce-checkout .checkbox input[type="checkbox"],
body.woocommerce-checkout input#terms,
body.woocommerce-checkout input#avani_widerruf_verzicht{
  position:relative !important;
  top:2px !important;
  flex:0 0 18px !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  accent-color:var(--av-gold) !important;
}

body.woocommerce-checkout .woocommerce-form__label-for-checkbox span,
body.woocommerce-checkout label.checkbox span{
  flex:1 1 auto !important;
  display:block !important;
  min-width:0 !important;
  word-break:break-word !important;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .checkbox{
  margin-bottom:12px !important;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text{
  margin-top:14px !important;
  margin-bottom:14px !important;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text p{
  line-height:1.6 !important;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .woocommerce-privacy-policy-text a{
  color:var(--av-gold2) !important;
}

/* dein Widerruf-Feld */
body.woocommerce-checkout #avani-widerruf-wrap,
body.woocommerce-checkout .avani-widerruf-wrap{
  margin:14px 0 18px 0 !important;
}

body.woocommerce-checkout #avani-widerruf-wrap label,
body.woocommerce-checkout .avani-widerruf-wrap label{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  line-height:1.5 !important;
  color:var(--av-fg) !important;
  margin:0 !important;
}

body.woocommerce-checkout #avani-widerruf-wrap input[type="checkbox"],
body.woocommerce-checkout .avani-widerruf-wrap input[type="checkbox"]{
  flex:0 0 18px !important;
  width:18px !important;
  height:18px !important;
  margin:4px 0 0 0 !important;
}

/* =========================================================
   8) PLACE ORDER BUTTON – lesbar, nicht abgeschnitten
   ========================================================= */

body.woocommerce-checkout .place-order{
  display:block !important;
  width:100% !important;
  margin-top:16px !important;
}

body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout .place-order .button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:50px !important;
  min-width:260px !important;
  max-width:100% !important;
  padding:14px 24px !important;
  line-height:1.2 !important;
  font-size:15px !important;
  text-align:center !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

/* =========================================================
   9) EXPRESS / GOOGLE PAY im Checkout sauber
   ========================================================= */

body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.woocommerce-checkout .google-pay-button-container,
body.woocommerce-checkout #ppcp-button-ppcp-googlepay{
  margin:0 0 16px 0 !important;
}

body.woocommerce-checkout .wcpay-express-checkout-wrapper iframe,
body.woocommerce-checkout .google-pay-button-container iframe{
  border-radius:14px !important;
}

/* =========================================================
   10) MOBILE – extra Fixes
   ========================================================= */

@media (max-width: 768px){

  body.woocommerce-cart .cart_totals_wrap{
    padding:20px !important;
  }

  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout{
    align-items:stretch !important;
  }

  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button,
  body.woocommerce-cart .cart_totals .google-pay-button-container{
    width:100% !important;
    min-width:0 !important;
  }

  body.woocommerce-cart .actions .coupon{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.woocommerce-cart .actions .coupon input.input-text,
  body.woocommerce-cart .actions .coupon .button,
  body.woocommerce-cart .actions .button[name="update_cart"],
  body.woocommerce-cart .actions button[name="update_cart"],
  body.woocommerce-cart .actions input[name="update_cart"]{
    width:100% !important;
    min-width:0 !important;
  }

  body.woocommerce-checkout #customer_details > [class*="col-"]{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.woocommerce-checkout .woocommerce-billing-fields,
  body.woocommerce-checkout .woocommerce-additional-fields,
  body.woocommerce-checkout #order_review{
    padding:18px !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table td,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table th{
    padding:12px 12px !important;
    font-size:.95rem !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name{
    width:64% !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total{
    width:36% !important;
  }

  body.woocommerce-checkout #payment div.payment_box{
    padding:14px !important;
  }

  body.woocommerce-checkout #place_order,
  body.woocommerce-checkout button#place_order,
  body.woocommerce-checkout .place-order .button{
    width:100% !important;
    min-width:0 !important;
    padding:14px 18px !important;
    font-size:14px !important;
  }

  body.woocommerce-checkout .woocommerce-form__label-for-checkbox,
  body.woocommerce-checkout label.checkbox,
  body.woocommerce-checkout .checkbox,
  body.woocommerce-checkout #avani-widerruf-wrap label{
    gap:10px !important;
    font-size:14px !important;
  }

  body.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"],
  body.woocommerce-checkout label.checkbox input[type="checkbox"],
  body.woocommerce-checkout .checkbox input[type="checkbox"],
  body.woocommerce-checkout input#terms,
  body.woocommerce-checkout input#avani_widerruf_verzicht,
  body.woocommerce-checkout #avani-widerruf-wrap input[type="checkbox"]{
    width:17px !important;
    height:17px !important;
    flex-basis:17px !important;
  }
}

/* =========================================================
   11) Sehr kleine Geräte
   ========================================================= */

@media (max-width: 480px){

  body.woocommerce-cart .cart_totals_wrap,
  body.woocommerce-checkout .woocommerce-billing-fields,
  body.woocommerce-checkout .woocommerce-additional-fields,
  body.woocommerce-checkout #order_review{
    padding:16px !important;
  }

  body.woocommerce-checkout .woocommerce-billing-fields h3,
  body.woocommerce-checkout .woocommerce-additional-fields h3,
  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-cart .cart_totals h2{
    font-size:1.8rem !important;
    line-height:1.1 !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total{
    font-size:.93rem !important;
  }

  body.woocommerce-checkout .woocommerce-form__label-for-checkbox,
  body.woocommerce-checkout label.checkbox,
  body.woocommerce-checkout .checkbox,
  body.woocommerce-checkout #avani-widerruf-wrap label{
    font-size:13.5px !important;
    line-height:1.45 !important;
  }
}

/* =========================================================
   AVANI – FINAL MICRO FIXES
   ========================================================= */

:root{
  --av-bg:#0a0a0a;
  --av-nav:#0b0f16;
  --av-fg:#ffffff;
  --av-muted:rgba(226,229,235,.88);
  --av-gold:#c29b5d;
  --av-gold2:#d8b677;
  --av-border:rgba(255,255,255,.12);
  --av-card:rgba(0,0,0,.66);
  --av-card-2:rgba(0,0,0,.78);
}

/* =========================================================
   1) MOBILE CART – Name des Produkts + Produktname mehr Luft
   ========================================================= */
@media (max-width: 768px){

  body.woocommerce-cart .shop_table_responsive tr.cart_item td.product-name,
  body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-name{
    padding-top:18px !important;
    padding-bottom:18px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    line-height:1.45 !important;
  }

  body.woocommerce-cart .shop_table_responsive tr.cart_item td.product-name::before,
  body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-name::before{
    display:block !important;
    margin-bottom:10px !important;
    padding-right:0 !important;
    line-height:1.25 !important;
  }

  body.woocommerce-cart .shop_table_responsive tr.cart_item td.product-name a,
  body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-name a,
  body.woocommerce-cart .shop_table_responsive tr.cart_item td.product-name .product-name,
  body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-name .product-name{
    display:block !important;
    margin-top:4px !important;
    line-height:1.42 !important;
    word-break:break-word !important;
  }

  /* Mobile Cart Totals etwas kompakter und sauber */
  body.woocommerce-cart .cart_totals_wrap{
    border:1px solid rgba(194,155,93,.22) !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
}

/* =========================================================
   2) DESKTOP CART TOTALS – extra heller Rahmen komplett weg
   ========================================================= */

body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals_wrap,
body.woocommerce-cart .cart-collaterals .row,
body.woocommerce-cart .cart-collaterals [class*="col-"]{
  border:none !important;
  box-shadow:none !important;
}

body.woocommerce-cart .cart-collaterals::before,
body.woocommerce-cart .cart-collaterals::after,
body.woocommerce-cart .cart_totals::before,
body.woocommerce-cart .cart_totals::after,
body.woocommerce-cart .cart_totals_wrap::before,
body.woocommerce-cart .cart_totals_wrap::after{
  display:none !important;
  content:none !important;
}

body.woocommerce-cart .cart_totals_wrap{
  background:transparent !important;
  padding:30px !important;
}

body.woocommerce-cart .cart_totals table.shop_table{
  border:1px solid rgba(194,155,93,.22) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(18,18,18,.92), rgba(10,10,10,.96)) !important;
}

/* =========================================================
   3) CHECKOUT ORDER REVIEW – Produktname und Preis sauberer
   ========================================================= */

body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name{
  padding-right:24px !important;
  line-height:1.45 !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name .product-quantity{
  display:inline-block !important;
  margin-left:8px !important;
  color:var(--av-gold2) !important;
  white-space:nowrap !important;
}

@media (max-width: 768px){
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name{
    padding-right:14px !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name .product-quantity{
    margin-left:6px !important;
  }
}

/* =========================================================
   4) GOOGLE ADDRESS AUTOCOMPLETE – dunkler Avani Stil
   ========================================================= */

/* Google Places Dropdown */
body .pac-container{
  background:var(--av-nav) !important;
  background-color:var(--av-nav) !important;
  border:1px solid rgba(194,155,93,.22) !important;
  border-radius:16px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.45) !important;
  overflow:hidden !important;
  z-index:999999 !important;
}

body .pac-item{
  background:transparent !important;
  color:var(--av-fg) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  padding:12px 16px !important;
  font-family:inherit !important;
}

body .pac-item:first-child{
  border-top:none !important;
}

body .pac-item:hover,
body .pac-item-selected{
  background:rgba(194,155,93,.12) !important;
  color:var(--av-gold2) !important;
}

body .pac-item-query{
  color:var(--av-fg) !important;
  font-weight:600 !important;
}

body .pac-matched{
  color:var(--av-gold) !important;
}

body .pac-icon{
  filter:grayscale(1) brightness(1.6) !important;
  opacity:.85 !important;
}

body .pac-container:after{
  background-color:var(--av-nav) !important;
  color:var(--av-muted) !important;
  opacity:.9 !important;
}

/* =========================================================
   5) KLARNA BOX – optisch sauber, falls vom Plugin Inhalt kommt
   ========================================================= */

body.woocommerce-checkout li.wc_payment_method.payment_method_woocommerce_payments_klarnas,
body.woocommerce-checkout li.wc_payment_method.payment_method_woocommerce_payments_klarna,
body.woocommerce-checkout li.wc_payment_method.payment_method_klarna_payments{
  margin-bottom:16px !important;
}

body.woocommerce-checkout .payment_box.payment_method_woocommerce_payments_klarna,
body.woocommerce-checkout .payment_box.payment_method_woocommerce_payments_klarnas,
body.woocommerce-checkout .payment_box.payment_method_klarna_payments{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  padding:16px 18px !important;
  min-height:56px !important;
  box-shadow:none !important;
}

body.woocommerce-checkout .payment_box.payment_method_woocommerce_payments_klarna *,
body.woocommerce-checkout .payment_box.payment_method_woocommerce_payments_klarnas *,
body.woocommerce-checkout .payment_box.payment_method_klarna_payments *{
  box-shadow:none !important;
}

/* Eingebettete Klarna/WooPay Felder */
body.woocommerce-checkout .payment_box .wc-payment-form,
body.woocommerce-checkout .payment_box .wcpay-upe-form,
body.woocommerce-checkout .payment_box .wcpay-upe-element,
body.woocommerce-checkout .payment_box fieldset.wc-payment-form{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
}

/* Falls ein leerer technischer Wrapper sichtbar ist */
body.woocommerce-checkout .payment_box .wcpay-upe-element:empty,
body.woocommerce-checkout .payment_box .wc-payment-form:empty{
  display:none !important;
}

/* =========================================================
   6) Kleine allgemeine Feinschliffe
   ========================================================= */

body.woocommerce-cart .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
  overflow:hidden !important;
}

body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
  border-radius:22px !important;
}

body.woocommerce-checkout .woocommerce-billing-fields input,
body.woocommerce-checkout .woocommerce-billing-fields select,
body.woocommerce-checkout .woocommerce-billing-fields textarea,
body.woocommerce-checkout .woocommerce-additional-fields input,
body.woocommerce-checkout .woocommerce-additional-fields select,
body.woocommerce-checkout .woocommerce-additional-fields textarea{
  color:var(--av-fg) !important;
}

/* =========================================================
   7) Mobile Cookie Button / Floating Element etwas tiefer,
      damit es weniger in Checkout-Inhalte ragt
   ========================================================= */
@media (max-width: 768px){
  body .cmplz-manage-consent,
  body .cmplz-btn.cmplz-manage-consent,
  body [class*="manage-consent"]{
    bottom:88px !important;
  }
}

/* AVANI – Cart totals outer wrapper komplett entfernen */

#main .cart-collaterals .cart-totals_wrap{
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* auch mögliche Pseudo-Rahmen entfernen */

#main .cart-collaterals .cart-totals_wrap::before,
#main .cart-collaterals .cart-totals_wrap::after{
    display:none !important;
    content:none !important;
}

/* sicherstellen dass nur die innere Preisbox sichtbar bleibt */

#main .cart-collaterals .cart-totals_wrap > *{
    border:none !important;
    background:transparent !important;
}

/* =========================================================
   AVANI – CART TOTALS FINAL ALIGNMENT DESKTOP
   ========================================================= */

@media (min-width: 769px){

  /* gesamter linker Warenkorb-Summenbereich */
  #main .cart-collaterals,
  #main .cart_totals,
  #main .cart_totals_wrap,
  #main .cart-collaterals .cart_totals,
  #main .cart-collaterals .cart_totals_wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }

  /* linken Block kompakter und sauber untereinander */
  #main .cart-collaterals .col-md-5,
  #main .cart-collaterals .col-sm-12,
  #main .cart-collaterals .col-xs-12{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }

  /* wrapper der Summenbox */
  #main .cart-collaterals .cart-totals_wrap{
    width:100% !important;
    max-width:420px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:18px !important;
  }

  /* Summen-Tabelle */
  #main .cart-collaterals .shop_table,
  #main .cart-collaterals table.shop_table,
  #main .cart-collaterals .cart_totals table{
    width:100% !important;
    max-width:420px !important;
    margin:0 0 22px 0 !important;
  }

  /* Klarna Hinweis / Monatsrate */
  #main .cart-collaterals .wc-klarna-checkout-snippet,
  #main .cart-collaterals .klarna-checkout-container,
  #main .cart-collaterals .woocommerce-klarna-terms,
  #main .cart-collaterals .payment_method_woocommerce_payments_klarna,
  #main .cart-collaterals .woo_klarna_wrap,
  #main .cart-collaterals .cart_totals p{
    width:100% !important;
    max-width:420px !important;
    margin:0 0 18px 0 !important;
    text-align:left !important;
  }

  /* alle Buttons untereinander */
  #main .cart-collaterals .checkout-button,
  #main .cart-collaterals .paypal-buttons,
  #main .cart-collaterals .ppc-button-wrapper,
  #main .cart-collaterals .wc-proceed-to-checkout,
  #main .cart-collaterals .payment-methods,
  #main .cart-collaterals .wcpay-payment-request-wrapper,
  #main .cart-collaterals .wc-stripe-payment-request-wrapper,
  #main .cart-collaterals .woocommerce-payments-express-checkout,
  #main .cart-collaterals .payment_request,
  #main .cart-collaterals .google-pay-button,
  #main .cart-collaterals .gpay-button,
  #main .cart-collaterals .sepa_button,
  #main .cart-collaterals .ppcp-button-wrapper{
    width:100% !important;
    max-width:420px !important;
    margin:0 0 16px 0 !important;
  }

  /* Buttons selbst über volle Breite des linken Blocks */
  #main .cart-collaterals .checkout-button,
  #main .cart-collaterals a.checkout-button,
  #main .cart-collaterals button,
  #main .cart-collaterals .paypal-buttons iframe,
  #main .cart-collaterals .paypal-buttons,
  #main .cart-collaterals .ppcp-button-wrapper,
  #main .cart-collaterals .google-pay-button,
  #main .cart-collaterals .gpay-button{
    width:100% !important;
  }

  /* falls du es etwas zentrierter im linken Bereich willst */
  #main .cart-collaterals{
    padding-left:36px !important;
  }

  /* mobile cookie button nicht dazwischenfunkt */
  #main .cart-collaterals .cmplz-manage-consent,
  #main .cart-collaterals .cmplz-btn,
  #main .cart-collaterals .cmplz-manage-options{
    margin-top:8px !important;
  }
}