/* ==========================================================================
   PROFIT PRIME — BRAND CSS  (Child-Theme: profit-prime-child)
   --------------------------------------------------------------------------
   Stylt die NICHT-Elementor-Plugin-Seiten auf den Brand-Look:
   MasterStudy LMS (Katalog, Einzelkurs, Player, Konto, Auth),
   AffiliateWP (Affiliate-/Partnerbereich), WooCommerce/PMPro (Checkout).

   STRATEGIE:
   1) MasterStudy hat ein CSS-Variablen-Design-System (--accent-100 wird 445×
      genutzt, dazu eine Akzent-/Status-/Neutral-Skala). Wir überschreiben diese
      Variablen ZENTRAL mit !important → färbt ~90% der LMS auf einen Schlag um.
   2) Gezielte Klassen-Overrides für die Spezialfälle (CTA-Kaufbutton in Beige,
      Karten-Radius/Schatten, Badges, Konto-Tab-Form, Preisblock, Typo).
   3) AffiliateWP/Woo/PMPro nutzen diese Variablen NICHT → dort Klasse-für-Klasse.

   WICHTIG: Der Kauf-Button-Anker .masterstudy-buy-button__link + seine
   data-Attribute bleiben unangetastet (das Digistore-JS hängt daran).
   ========================================================================== */

/* ============================ BRAND-TOKENS =============================== */
:root {
  --pp-cream:        #F8F5F2;
  --pp-beige:        #D9C2A7;
  --pp-beige-dark:   #C9AE8C;
  --pp-beige-soft:   #EFE7DC;
  --pp-espresso:     #4A3428;
  --pp-espresso-2:   #5E4233;
  --pp-black:        #1E1E1E;
  --pp-blue:         #0B4361;
  --pp-olive:        #6B705C;
  --pp-hot:          #A8453A;
  --pp-surface:      #FFFFFF;
  --pp-line:         #EAE2D8;
  --pp-line-strong:  #DCD0C2;
  --pp-text:         #1E1E1E;
  --pp-text-muted:   #8A7E72;
  --pp-on-dark:      #F8F5F2;
  --pp-font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --pp-r-card: 16px;
  --pp-r-btn:  10px;
  --pp-shadow-sm: 0 1px 2px rgba(74,52,40,.06);
  --pp-shadow:    0 8px 28px rgba(74,52,40,.08);
  --pp-shadow-lg: 0 18px 50px rgba(74,52,40,.14);
}

/* ===================================================================
   1 · MASTERSTUDY DESIGN-SYSTEM-VARIABLEN ÜBERSCHREIBEN
   Diese Variablen setzt MasterStudy zur Laufzeit auf :root. Mit
   !important gewinnen wir zuverlässig (auch gegen Inline-Definition).
   =================================================================== */
:root {
  /* Akzent = Espresso (Links, Icons, aktive Tabs, Standard-Buttons, Fortschritt) */
  --accent-100:   #4A3428 !important;
  --accent-hover: #5E4233 !important;
  --accent-70:    rgba(74,52,40,.70) !important;
  --accent-50:    rgba(74,52,40,.50) !important;
  --accent-30:    rgba(74,52,40,.30) !important;
  --accent-10:    rgba(74,52,40,.10) !important;   /* helle Akzent-Flächen (aktive Tabs, Hover) */
  --accent-5:     rgba(74,52,40,.05) !important;

  /* Primär/Sekundär (vereinzelt genutzt) */
  --primary:      #4A3428 !important;
  --primary-70:   rgba(74,52,40,.70) !important;
  --primary-50:   rgba(74,52,40,.50) !important;
  --secondary-100:#D9C2A7 !important;
  --secondary-10: rgba(217,194,167,.18) !important;
  --color-main:   #4A3428 !important;
  --color-text:   #1E1E1E !important;
  --color-white:  #FFFFFF !important;
  --color-pink:   #A8453A !important;

  /* Erfolg = Olive */
  --success-100:  #6B705C !important;
  --success-70:   rgba(107,112,92,.70) !important;
  --success-30:   rgba(107,112,92,.30) !important;
  --success-10:   rgba(107,112,92,.12) !important;

  /* Fehler/Sale = Terracotta */
  --danger-100:   #A8453A !important;
  --danger-hover: #8F392F !important;
  --danger-70:    rgba(168,69,58,.70) !important;
  --danger-30:    rgba(168,69,58,.30) !important;
  --danger-10:    rgba(168,69,58,.12) !important;
  --danger-5:     rgba(168,69,58,.06) !important;

  /* Warnung = warmes Amber */
  --warning-100:  #C9924A !important;
  --warning-10:   rgba(201,146,74,.12) !important;
  --warning-5:    rgba(201,146,74,.06) !important;

  /* Neutral / Text */
  --dark-100:     #1E1E1E !important;
  --dark-70:      #5C5750 !important;
  --dark-50:      #8A7E72 !important;
  --light:        #F8F5F2 !important;

  /* Flächen */
  --status-background: rgba(74,52,40,.08) !important;
  --category-background: rgba(74,52,40,.06) !important;

  /* Video-Player (plyr) Hauptfarbe */
  --plyr-color-main: #4A3428 !important;
}

/* ===================================================================
   2 · TYPOGRAFIE — Poppins auf allen Plugin-Oberflächen
   (gescoped auf Plugin-Wrapper, damit Elementor unberührt bleibt)
   =================================================================== */
.masterstudy-single-course, .masterstudy-single-course *,
[class*="ms_lms_courses_card_item"], [class*="ms_lms_courses_card_item"] *,
.masterstudy-course-player-header, .masterstudy-course-player-content, .masterstudy-course-player-curriculum,
.masterstudy-authorization, .masterstudy-authorization *,
.stm-lms-wrapper, .stm-lms-wrapper *, .user-account-page, .user-account-page *,
.stm_lms_courses__archive_filter, .stm_lms_courses__archive_filter *,
.float_menu_item, .float_menu_item *,
#affwp-affiliate-dashboard, #affwp-affiliate-dashboard *, .affwp-form, .affwp-form * {
  font-family: var(--pp-font) !important;
}

/* ===================================================================
   3 · EINZELKURS — CTA-KAUFBUTTON (Beige) + Bug-Fix
   accent-100 macht ihn sonst Espresso; der Haupt-CTA soll Beige sein.
   =================================================================== */
body .masterstudy-buy-button {
  background: linear-gradient(180deg, var(--pp-beige) 0%, var(--pp-beige-dark) 100%) !important;
  border-radius: var(--pp-r-btn) !important;
  box-shadow: var(--pp-shadow-sm) !important;
}
body .masterstudy-buy-button:hover,
body .masterstudy-buy-button:focus,
body .masterstudy-buy-button:active { filter: brightness(1.03); background: var(--pp-beige) !important; }
body .masterstudy-buy-button > a.masterstudy-buy-button__link,
body .masterstudy-buy-button > a.masterstudy-buy-button__link:hover { color: var(--pp-espresso) !important; }
body .masterstudy-buy-button__title { color: var(--pp-espresso) !important; letter-spacing: .3px; }
body .masterstudy-buy-button__separator { background-color: rgba(74,52,40,.18) !important; }
body .masterstudy-buy-button__price,
body .masterstudy-buy-button__price_sale { color: var(--pp-espresso) !important; }
body .masterstudy-buy-button__price_regular { color: rgba(74,52,40,.55) !important; text-decoration: line-through; }
/* Bug-Fix: leere Dropdown-Fläche/min-Höhe der Kaufbox vermeiden */
body .masterstudy-buy-button-dropdown:empty { display: none !important; }

/* Tabs auf der Einzelkursseite */
.masterstudy-single-course-tabs__item_active { color: var(--pp-espresso) !important; }
.masterstudy-single-course-tabs_style-underline .masterstudy-single-course-tabs__item_active {
  border-bottom-color: var(--pp-beige-dark) !important;
}

/* ===================================================================
   4 · KURSKATALOG — Kachel (.ms_lms_courses_card_item*) + Popup
   Farben kommen über die Variablen; hier Karten-Form, Badges, Preis.
   =================================================================== */
.ms_lms_courses_card_item_wrapper {
  background: var(--pp-surface) !important;
  border: 1px solid var(--pp-line) !important;
  border-radius: var(--pp-r-card) !important;
  box-shadow: var(--pp-shadow) !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.ms_lms_courses_card_item:hover .ms_lms_courses_card_item_wrapper {
  transform: translateY(-3px) !important;
  box-shadow: var(--pp-shadow-lg) !important;
}
.ms_lms_courses_card_item_image { background: var(--pp-beige-soft) !important; }
.ms_lms_courses_card_item_info_category,
.ms_lms_courses_card_item_info_category a {
  color: var(--pp-beige-dark) !important; text-transform: uppercase;
  letter-spacing: .08em; font-size: .72rem; font-weight: 600 !important;
}
.ms_lms_courses_card_item_info_title,
.ms_lms_courses_card_item_info_title a { color: var(--pp-text) !important; font-weight: 600 !important; }
.ms_lms_courses_card_item_info_price_single,
.ms_lms_courses_card_item_info_price .ms_lms_courses_card_item_info_price_sale { color: var(--pp-espresso) !important; font-weight: 700 !important; }
.ms_lms_courses_card_item_info_price del,
.ms_lms_courses_card_item_info_price_regular { color: var(--pp-text-muted) !important; text-decoration: line-through; font-weight: 500 !important; }

/* "Featured"-Rahmen + Status-Badge (Hot/New) */
.ms_lms_courses_card_item_featured,
.ms_lms_courses_card_item_status {
  border-radius: 999px !important; font-weight: 600 !important; letter-spacing: .03em;
  background: var(--pp-hot) !important; color: #fff !important;
}
.ms_lms_courses_card_item_status.status_style_2 { background: var(--pp-olive) !important; }
.ms_lms_courses_card_item_status.status_style_3 { background: var(--pp-beige) !important; color: var(--pp-espresso) !important; }

/* Kursvorschau-Popup */
.ms_lms_courses_card_item_popup {
  background: var(--pp-surface) !important; border: 1px solid var(--pp-line) !important;
  border-radius: var(--pp-r-card) !important; box-shadow: var(--pp-shadow-lg) !important;
}
.ms_lms_courses_card_item_popup_title h3 { color: var(--pp-text) !important; font-weight: 600 !important; }
.ms_lms_courses_card_item_popup_button {
  background: linear-gradient(180deg, var(--pp-beige) 0%, var(--pp-beige-dark) 100%) !important;
  color: var(--pp-espresso) !important; border-radius: var(--pp-r-btn) !important; font-weight: 600 !important;
}
.ms_lms_courses_card_item_popup_price { color: var(--pp-espresso) !important; font-weight: 700 !important; }

/* Karten-Abstand */
:root { --masterstudy-cards-gap: 24px !important; }

/* ===================================================================
   5 · KURSKATALOG-FILTER (Fallback, falls Sidebar bleibt)
   Primär baut die Chrome-Extension den Filter im Widget auf Pills um.
   Hier nur: blau → Beige, sauberes weißes Panel.
   =================================================================== */
.stm_lms_courses__archive_filter {
  background: var(--pp-surface) !important; border: 1px solid var(--pp-line) !important;
  border-radius: var(--pp-r-card) !important; box-shadow: var(--pp-shadow-sm) !important;
}
.stm_lms_courses__filter_heading { color: var(--pp-text) !important; font-weight: 600 !important; }
.stm_lms_courses__archive_filter input[type="submit"],
.stm_lms_courses__filter_actions input[type="submit"] {
  background: linear-gradient(180deg, var(--pp-beige) 0%, var(--pp-beige-dark) 100%) !important;
  color: var(--pp-espresso) !important; border: none !important;
  border-radius: var(--pp-r-btn) !important; font-weight: 600 !important;
}
.stm_lms_courses__filter_reset { color: var(--pp-blue) !important; }

/* ===================================================================
   6 · KONTO / DASHBOARD — Tabs als Brand-Pills + Blöcke
   Tabs: .float_menu_item__inline (+ _active).  Farbe via accent-Vars,
   hier nur Form (Pill) + aktiver Zustand.
   =================================================================== */
.float_menu_item__inline {
  border-radius: 999px !important; font-weight: 600 !important;
  color: var(--pp-text-muted) !important; transition: .15s ease;
}
.float_menu_item__inline:hover { color: var(--pp-espresso) !important; background: var(--pp-beige-soft) !important; }
.float_menu_item__inline.float_menu_item_active {
  background: var(--pp-espresso) !important; color: var(--pp-on-dark) !important;
}
.float_menu_item__inline.float_menu_item_active .float_menu_item__title,
.float_menu_item__inline.float_menu_item_active .float_menu_item__icon { color: var(--pp-on-dark) !important; }
.stm_lms_acc_tabs__toggle { color: var(--pp-espresso) !important; }

/* Profil-Kopf / „Meine Kurse" / Bestellungen */
.stm_lms_user_info_top { background: var(--pp-beige-soft) !important; border-radius: var(--pp-r-card) !important; }
.masterstudy-enrolled-courses-sorting__block,
.stm_lms_edit_account, .stm_lms_my_orders, .stm_lms_orders_list, .stm_lms_wishlist {
  background: var(--pp-surface) !important; border: 1px solid var(--pp-line) !important;
  border-radius: var(--pp-r-card) !important; box-shadow: var(--pp-shadow-sm) !important;
}
.masterstudy-enrolled-courses__title { color: var(--pp-text) !important; font-weight: 700 !important; }

/* ===================================================================
   7 · KURS-PLAYER  (Farben via Vars; hier Header dunkel + Feinschliff)
   =================================================================== */
.masterstudy-course-player-header { background: var(--pp-espresso) !important; color: var(--pp-on-dark) !important; }
.masterstudy-course-player-header a,
.masterstudy-course-player-header__back { color: var(--pp-on-dark) !important; }
.masterstudy-course-player-content { background: var(--pp-cream) !important; }
.masterstudy-course-player-curriculum,
.masterstudy-course-player-curriculum__wrapper { background: var(--pp-surface) !important; border-right: 1px solid var(--pp-line) !important; }
.masterstudy-curriculum-item.is-active,
.masterstudy-curriculum-item_active { background: var(--pp-beige-soft) !important; border-radius: 8px !important; }

/* ===================================================================
   8 · AUTH (Login/Registrierung) — Karte + Button
   =================================================================== */
.masterstudy-authorization__wrapper {
  background: var(--pp-surface) !important; border: 1px solid var(--pp-line) !important;
  border-radius: var(--pp-r-card) !important; box-shadow: var(--pp-shadow-lg) !important;
}
.masterstudy-authorization__title { color: var(--pp-text) !important; font-weight: 700 !important; }
.masterstudy-input { border: 1.5px solid var(--pp-line-strong) !important; border-radius: var(--pp-r-btn) !important; }
.masterstudy-input:focus { border-color: var(--pp-blue) !important; box-shadow: 0 0 0 3px rgba(11,67,97,.18) !important; }
.masterstudy-button {
  background: linear-gradient(180deg, var(--pp-beige) 0%, var(--pp-beige-dark) 100%) !important;
  color: var(--pp-espresso) !important; border: none !important; border-radius: var(--pp-r-btn) !important; font-weight: 600 !important;
}

/* ===================================================================
   9 · AFFILIATEWP  (nutzt KEINE MasterStudy-Vars → Klasse-für-Klasse)
   =================================================================== */
#affwp-affiliate-dashboard, .affwp-form, [id^="affwp-"] { font-family: var(--pp-font) !important; }
.affwp-notice {
  background: var(--pp-beige-soft) !important; border: 1px solid var(--pp-line) !important;
  border-left: 4px solid var(--pp-beige-dark) !important; color: var(--pp-espresso) !important;
  border-radius: 0 var(--pp-r-btn) var(--pp-r-btn) 0 !important;
}
.affwp-errors, .affwp-error { border-left-color: var(--pp-hot) !important; color: var(--pp-hot) !important; }
ul#affwp-affiliate-dashboard-tabs {
  list-style: none !important; padding: 0 !important; display: flex !important; flex-wrap: wrap !important;
  gap: 6px !important; border-bottom: 1px solid var(--pp-line) !important; margin-bottom: 28px !important;
}
ul#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab { margin: 0 !important; }
ul#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab a {
  display: block !important; padding: 12px 18px !important; color: var(--pp-text-muted) !important;
  font-weight: 600 !important; text-decoration: none !important; border-bottom: 2.5px solid transparent !important; margin-bottom: -1px !important;
}
ul#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab.active a {
  color: var(--pp-espresso) !important; border-bottom-color: var(--pp-beige-dark) !important;
}
.affwp-card {
  background: var(--pp-surface) !important; border: 1px solid var(--pp-line) !important;
  border-radius: var(--pp-r-card) !important; box-shadow: var(--pp-shadow) !important;
}
.affwp-card__header { border-bottom: 1px solid var(--pp-line) !important; }
.affwp-card__header h2, .affwp-card__header h3 { color: var(--pp-text) !important; }
.affwp-table { border: 1px solid var(--pp-line) !important; border-radius: var(--pp-r-card) !important; overflow: hidden !important; box-shadow: var(--pp-shadow-sm) !important; border-collapse: separate !important; border-spacing: 0 !important; }
.affwp-table thead th { background: var(--pp-beige-soft) !important; color: var(--pp-text-muted) !important; text-transform: uppercase; font-size: .76rem; letter-spacing: .06em; font-weight: 600 !important; border: none !important; }
.affwp-table tbody td { border-bottom: 1px solid var(--pp-line) !important; color: var(--pp-text) !important; }
.affwp-table tbody tr:hover td { background: var(--pp-cream) !important; }
.affwp-form input[type="text"], .affwp-form input[type="email"],
.affwp-form input[type="password"], .affwp-form input[type="url"],
.affwp-form input[type="number"], .affwp-form select, .affwp-form textarea {
  border: 1.5px solid var(--pp-line-strong) !important; border-radius: var(--pp-r-btn) !important;
  background: var(--pp-surface) !important; color: var(--pp-text) !important; padding: 12px 14px !important;
}
.affwp-form input:focus, .affwp-form select:focus, .affwp-form textarea:focus {
  outline: none !important; border-color: var(--pp-blue) !important; box-shadow: 0 0 0 3px rgba(11,67,97,.18) !important;
}
.affwp-field-label, .affwp-form label { color: var(--pp-espresso) !important; font-weight: 600 !important; }
.affwp-form input[type="submit"], .affwp-form button[type="submit"] {
  background: linear-gradient(180deg, var(--pp-beige) 0%, var(--pp-beige-dark) 100%) !important;
  color: var(--pp-espresso) !important; border: none !important; border-radius: var(--pp-r-btn) !important;
  font-weight: 600 !important; padding: 13px 26px !important; cursor: pointer !important; box-shadow: var(--pp-shadow-sm) !important;
}
.affwp-lost-password a, .affwp-lost-password { color: var(--pp-blue) !important; }
#affwp-affiliate-dashboard-network .affwp-card { box-shadow: var(--pp-shadow) !important; }
.affwp-affiliate-link__input input { background: var(--pp-beige-soft) !important; color: var(--pp-espresso) !important; border: 1.5px solid var(--pp-line-strong) !important; border-radius: var(--pp-r-btn) 0 0 var(--pp-r-btn) !important; }
.affwp-affiliate-link-copy-link, .affwp-affiliate-link__toggle {
  background: var(--pp-espresso) !important; color: var(--pp-on-dark) !important; border: none !important;
  border-radius: 0 var(--pp-r-btn) var(--pp-r-btn) 0 !important; font-weight: 600 !important;
}

/* ===================================================================
   10 · WOOCOMMERCE / PMPRO (Zahlungsseite)
   =================================================================== */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt,
#pmpro_form .pmpro_btn, .pmpro_btn-submit, input.pmpro_btn {
  background: linear-gradient(180deg, var(--pp-beige) 0%, var(--pp-beige-dark) 100%) !important;
  color: var(--pp-espresso) !important; border: none !important; border-radius: var(--pp-r-btn) !important; font-weight: 600 !important;
}
.woocommerce table.shop_table, .woocommerce .cart_totals, .woocommerce-checkout #payment {
  background: var(--pp-surface) !important; border: 1px solid var(--pp-line) !important;
  border-radius: var(--pp-r-card) !important; box-shadow: var(--pp-shadow-sm) !important;
}
.woocommerce table.shop_table th { background: var(--pp-beige-soft) !important; color: var(--pp-text-muted) !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
#pmpro_form input[type="text"], #pmpro_form input[type="email"] {
  border: 1.5px solid var(--pp-line-strong) !important; border-radius: var(--pp-r-btn) !important;
}

/* ===================================================================
   11 · SEITEN-HINTERGRÜNDE (Plugin-Seiten auf Cremeweiß)
   =================================================================== */
body.stm_lms_account, body.single-stm-courses, body.post-type-archive-stm-courses,
body.affiliate-area, body.woocommerce-checkout, body.woocommerce-cart,
body.pmpro-checkout, body.pmpro-account { background: var(--pp-cream) !important; }