/* fashionbunnysmith Workshops theme — ink on paper, to match the shop.
   Orpheus-pro display, adobe-garamond-pro body, warm paper ground (#fffbf5),
   ink-black accents. Edited by Claude; bernard never overwrites this file. */

@font-face { font-family: orpheus-pro; src: url("7820a72c3772.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: orpheus-pro; src: url("8d75a170fa3f.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: orpheus-pro; src: url("753b8460c4ce.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: orpheus-pro; src: url("0e47a22d8908.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: adobe-garamond-pro; src: url("ba60ed5ad23a.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: adobe-garamond-pro; src: url("510976a382e2.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: adobe-garamond-pro; src: url("57639e0021b1.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

body[data-bernard-courses] {
  --bernard-accent: #1c1b19;
  --bernard-accent-ink: #fffbf5;
  font-family: adobe-garamond-pro, Garamond, "Times New Roman", serif;
  background: #fffbf5;
  color: #1c1b19;
  font-size: 1.0625rem;
  line-height: 1.55;
  margin: 0;
}

/* Header & footer — her lowercase wordmark, quiet italic nav */
.course-header, .course-footer { padding: 1.6rem clamp(1.25rem, 5vw, 4rem); }
.course-header > a { font-family: orpheus-pro, serif; font-weight: 700; font-size: 1.35rem; letter-spacing: 0.01em; }
.course-header nav a, .course-footer a { font-family: adobe-garamond-pro, serif; font-style: italic; font-size: 1.05rem; }
.course-footer { border-top: 1px solid rgba(28, 27, 25, 0.12); margin-top: 3rem; color: #6b6862; }

.course-main { max-width: 44rem; padding: 1rem clamp(1.25rem, 5vw, 3rem) 5rem; }

/* Headings — orpheus with her short ink rule */
.course-main h1 {
  font-family: orpheus-pro, serif; font-weight: 400;
  font-size: clamp(2.2rem, 6vw, 3.2rem); letter-spacing: 0.01em;
  line-height: 1.12; margin: 0.5em 0 0.4em;
}
.course-main h1::after { content: ""; display: block; width: 2.2em; height: 3px; background: #1c1b19; margin-top: 0.35em; }
.course-main h2, .course-section-title { font-family: orpheus-pro, serif; font-weight: 500; font-size: 1.5rem; margin-top: 2.2rem; }

/* Course cover — a hung painting, not a banner */
.course-cover {
  max-width: 21rem; border-radius: 2px; margin: 1.5rem 0 0.5rem;
  box-shadow: 0 1px 2px rgba(28, 27, 25, 0.08), 0 8px 24px rgba(28, 27, 25, 0.07);
}

/* Price & access — editorial, unshouty */
.course-price { font-family: orpheus-pro, serif; font-weight: 500; font-size: 1.6rem; margin: 0.75rem 0 0.1rem; }
.course-access { font-style: italic; color: #6b6862; }

/* Enrol — the shop's ink button */
.course-enrol {
  font-family: orpheus-pro, serif; font-weight: 500; font-size: 1.05rem; letter-spacing: 0.06em;
  background: #1c1b19; color: #fffbf5; border: 1px solid #1c1b19; border-radius: 2px;
  padding: 0.85rem 2.4rem; transition: background 0.2s ease, color 0.2s ease;
}
.course-enrol:hover:not([disabled]) { background: #fffbf5; color: #1c1b19; }
.course-enrolled-note p { background: #f6f1e8; border-radius: 2px; }

.course-recover summary { font-style: italic; color: #6b6862; }
.course-recover input { font-family: adobe-garamond-pro, serif; font-size: 1rem; border: 1px solid #1c1b19; border-radius: 2px; background: #fffbf5; }
.course-recover button { font-family: orpheus-pro, serif; letter-spacing: 0.04em; background: #fffbf5; color: #1c1b19; border: 1px solid #1c1b19; border-radius: 2px; cursor: pointer; }

.course-description { max-width: 38rem; }

/* Syllabus — a hand-set table of contents */
.course-syllabus-item { padding: 0.9rem 0; border-bottom: 1px solid rgba(28, 27, 25, 0.12); }
.course-syllabus-item a { font-family: orpheus-pro, serif; font-weight: 500; font-size: 1.15rem; }
.course-syllabus-item a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.course-lesson-n { font-family: orpheus-pro, serif; opacity: 0.45; }
.course-tag { font-family: adobe-garamond-pro, serif; font-style: italic; font-size: 0.85rem; background: #f6f1e8; color: #55524c; }
.course-tag-free, .course-tag-unlocked { background: #eee5d4; color: #1c1b19; }
.course-lesson-meta { font-style: italic; color: #6b6862; }
.course-lesson-summary { color: #55524c; }

/* Course cards on the index */
.course-card img, .course-card-blank { aspect-ratio: 4 / 5; object-fit: cover; border-radius: 2px; background: #f6f1e8; transition: transform 0.25s ease; }
.course-card:hover img { transform: translateY(-3px); }
.course-card h3 { font-family: orpheus-pro, serif; font-weight: 500; font-size: 1.15rem; margin-top: 0.85rem; }
.course-card-meta { font-style: italic; color: #6b6862; }

/* Lesson pages */
.course-crumb { font-style: italic; color: #6b6862; }
.course-video { border-radius: 2px; background: #1c1b19; box-shadow: 0 1px 2px rgba(28, 27, 25, 0.08), 0 8px 24px rgba(28, 27, 25, 0.07); }
.course-locked { border: 1px dashed rgba(28, 27, 25, 0.35); border-radius: 2px; background: #fdf8f0; }
.course-lesson-nav a { font-style: italic; }