/* ============================================================
   Maria Neuhuber — Brand-Styling für eLearning (/slides)
   Scope: body.o_wslides_body → wirkt NUR auf eLearning-Seiten.
   Quelle Tokens: neuhubereco/maria-brand (Gold/Cream/Ink).
   Rollback: dieses ir.asset + Attachment löschen.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Pinyon+Script&display=swap');

.o_wslides_body {
  --mn-gold: #bf9b53;
  --mn-gold-deep: #9c7c38;
  --mn-gold-light: #e6d2a3;
  --mn-gold-soft: #f4ecdb;
  --mn-magenta: #b8407a;
  --mn-ink: #2c2530;
  --mn-ink-soft: #6a6370;
  --mn-cream: #fdf8f1;
  --mn-cream-deep: #f7eee2;
  --mn-line: #ece0cd;
  background-color: var(--mn-cream) !important;
}

/* ---------- Kurs-Header: Cream/Gold statt Magenta ---------- */
.o_wslides_body .o_wslides_course_header,
.o_wslides_body .o_wslides_course_header.o_cc3,
.o_wslides_body .o_wslides_course_header.o_cc1 {
  background-color: var(--mn-cream-deep) !important;
  background-image:
    radial-gradient(ellipse 700px 380px at 88% -20%, #f6e7e2 0%, transparent 55%),
    radial-gradient(ellipse 600px 360px at -10% 120%, var(--mn-gold-soft) 0%, transparent 60%),
    linear-gradient(160deg, var(--mn-cream) 0%, var(--mn-cream-deep) 100%) !important;
  border-bottom: 1px solid var(--mn-gold-light);
}
.o_wslides_body .o_wslides_course_header,
.o_wslides_body .o_wslides_course_header h1,
.o_wslides_body .o_wslides_course_header h5,
.o_wslides_body .o_wslides_course_header p,
.o_wslides_body .o_wslides_course_header .lead {
  color: var(--mn-ink) !important;
}
.o_wslides_body .o_wslides_course_header h1 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
}
.o_wslides_body .o_wslides_course_header a:not(.btn) {
  color: var(--mn-gold-deep) !important;
}
.o_wslides_body .o_wslides_course_header .o_wslides_course_pict {
  border-radius: 14px;
  box-shadow: 0 22px 60px -26px rgba(156, 124, 56, .55);
  border: 1px solid var(--mn-gold-light);
}

/* ---------- Breadcrumb-/Suchleiste ---------- */
.o_wslides_body .o_wslides_course_nav,
.o_wslides_body .o_wslides_course_nav.o_cc1,
.o_wslides_body .o_wslides_course_nav .breadcrumb {
  background-color: var(--mn-gold-soft) !important;
  background-image: none !important;
}
.o_wslides_body .o_wslides_course_nav,
.o_wslides_body .o_wslides_course_nav a,
.o_wslides_body .o_wslides_course_nav .breadcrumb-item,
.o_wslides_body .o_wslides_course_nav .breadcrumb-item.active {
  color: var(--mn-ink) !important;
}

/* ---------- Buttons: Gold-Gradient ---------- */
.o_wslides_body .btn-primary {
  background: linear-gradient(135deg, var(--mn-gold), var(--mn-gold-deep)) !important;
  border-color: var(--mn-gold-deep) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 12px 30px -10px rgba(156, 124, 56, .7);
}
.o_wslides_body .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 38px -10px rgba(156, 124, 56, .9);
}
.o_wslides_body .btn-outline-primary {
  color: var(--mn-gold-deep) !important;
  border-color: var(--mn-gold) !important;
  border-radius: 999px !important;
}
.o_wslides_body .btn-outline-primary:hover {
  background: var(--mn-gold-soft) !important;
}

/* ---------- Tabs ---------- */
.o_wslides_body .o_wslides_nav_tabs .nav-link {
  color: var(--mn-ink-soft);
  font-weight: 600;
}
.o_wslides_body .o_wslides_nav_tabs .nav-link.active {
  color: var(--mn-gold-deep) !important;
  border-bottom: 2px solid var(--mn-gold) !important;
  background: transparent !important;
}

/* ---------- Lektions-Liste: edle Karten ---------- */
.o_wslides_body .o_wslides_slides_list_slide {
  background: #fff !important;
  border: 1px solid var(--mn-line) !important;
  border-radius: 12px !important;
  margin-bottom: .5rem;
  box-shadow: 0 10px 26px -18px rgba(156, 124, 56, .35);
  transition: box-shadow .15s, transform .15s;
}
.o_wslides_body .o_wslides_slides_list_slide:hover {
  box-shadow: 0 16px 36px -16px rgba(156, 124, 56, .55);
  transform: translateY(-1px);
}
.o_wslides_body .o_wslides_slides_list_slide a {
  color: var(--mn-ink) !important;
  font-weight: 600;
}
.o_wslides_body .o_wslides_slide_list_category_header {
  font-family: 'Fraunces', Georgia, serif;
  color: var(--mn-gold-deep) !important;
}

/* ---------- Sidebar-Karte ---------- */
.o_wslides_body .o_wslides_course_sidebar {
  border: 1px solid var(--mn-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px -24px rgba(156, 124, 56, .45);
}

/* ---------- Kurs-Übersicht (/slides) ---------- */
.o_wslides_body .o_wslides_home_aside,
.o_wslides_body .o_wslides_home_content_section .card {
  border: 1px solid var(--mn-line) !important;
  border-radius: 16px !important;
}
.o_wslides_body .card {
  border-radius: 16px !important;
  border-color: var(--mn-line) !important;
  box-shadow: 0 14px 36px -22px rgba(156, 124, 56, .4);
}

/* ---------- Fortschrittsbalken ---------- */
.o_wslides_body .progress-bar {
  background: linear-gradient(90deg, var(--mn-gold), var(--mn-gold-deep)) !important;
}

/* ---------- Fullscreen-Player (Lektion) ---------- */
.o_wslides_fs_main, .o_wslides_fs_content { background: var(--mn-cream, #fdf8f1); }
.o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_header { font-family: 'Fraunces', Georgia, serif; }

/* ---------- "Alle Kurse"-Banner: Superhero-SVG raus, Cream/Gold rein ---------- */
.o_wslides_body section.s_banner {
  background-image:
    radial-gradient(ellipse 700px 380px at 88% -20%, #f6e7e2 0%, transparent 55%),
    radial-gradient(ellipse 600px 360px at -10% 120%, #f4ecdb 0%, transparent 60%),
    linear-gradient(160deg, #fdf8f1 0%, #f7eee2 100%) !important;
  background-color: var(--mn-cream-deep, #f7eee2) !important;
  border-bottom: 1px solid var(--mn-gold-light, #e6d2a3);
}
.o_wslides_body section.s_banner h1,
.o_wslides_body section.s_banner p,
.o_wslides_body section.s_banner .lead {
  color: var(--mn-ink, #2c2530) !important;
}