/* ═══════════════════════════════════════════════════════════════
   cRyPtO sMaRt — PURE HTML/CSS BOOK COVERS
   No canvas, no font loading dependency — guaranteed rendering
   Theme contrast: dark page = light covers, light page = dark covers
   ═══════════════════════════════════════════════════════════════ */

/* ── BASE COVER ── */
.book-cover{
  position:relative;width:100%;max-width:320px;margin:0 auto;
  aspect-ratio:5/7;padding:22px 24px;
  display:flex;flex-direction:column;align-items:center;
  overflow:hidden;
  box-shadow:4px 6px 25px rgba(0,0,0,0.25),1px 2px 8px rgba(0,0,0,0.15);
  transition:transform 0.5s cubic-bezier(0.23,1,0.32,1),box-shadow 0.5s;
}
.course-card:hover .book-cover{
  transform:scale(1.02);
  box-shadow:6px 10px 40px rgba(0,0,0,0.35),0 0 25px rgba(201,168,76,0.08);
}

/* ── THEME CONTRAST BACKGROUNDS ── */
/* DARK PAGE → LIGHT COVERS */
[data-theme="dark"] .bc-1{background:linear-gradient(170deg,#f5f0e4 0%,#ede7d6 50%,#e5dfc8 100%);color:#1a1508}
[data-theme="dark"] .bc-2{background:linear-gradient(170deg,#eef2e8 0%,#e5eadc 50%,#dce3d0 100%);color:#0a1a08}
[data-theme="dark"] .bc-3{background:linear-gradient(170deg,#f0eaef 0%,#e7dfe5 50%,#ddd4dc 100%);color:#1a0a18}
[data-theme="dark"] .bc-4{background:linear-gradient(170deg,#eceaf2 0%,#e2dfe9 50%,#d8d4e0 100%);color:#0a0820}
[data-theme="dark"] .bc-5{background:linear-gradient(170deg,#f0eeea 0%,#e8e5df 50%,#dfdcd5 100%);color:#121010}
[data-theme="dark"] .bc-6{background:linear-gradient(170deg,#f2ece6 0%,#e9e2d8 50%,#e0d8cc 100%);color:#0a0808}

/* LIGHT PAGE → DARK COVERS */
[data-theme="light"] .bc-1{background:linear-gradient(170deg,#0e1a2e 0%,#0a1422 50%,#060e18 100%);color:#f0ece0}
[data-theme="light"] .bc-2{background:linear-gradient(170deg,#0a1e14 0%,#06160e 50%,#040e08 100%);color:#e8f0e0}
[data-theme="light"] .bc-3{background:linear-gradient(170deg,#1e0e1a 0%,#160812 50%,#0e060c 100%);color:#f0e8ee}
[data-theme="light"] .bc-4{background:linear-gradient(170deg,#0e0c22 0%,#0a081a 50%,#060412 100%);color:#ece8f2}
[data-theme="light"] .bc-5{background:linear-gradient(170deg,#141210 0%,#0e0c0a 50%,#080806 100%);color:#eeece8}
[data-theme="light"] .bc-6{background:linear-gradient(170deg,#120e0a 0%,#0c0a06 50%,#080604 100%);color:#f0ece6}

/* ── SPINE SHADOW ── */
.bc-spine{
  position:absolute;top:0;left:0;width:8px;height:100%;
  background:linear-gradient(90deg,rgba(0,0,0,0.12) 0%,rgba(255,255,255,0.04) 50%,rgba(0,0,0,0.06) 100%);
  z-index:3;
}

/* ── TOP GOLD BAR ── */
.bc-topbar{
  width:100%;height:2.5px;
  background:linear-gradient(90deg,#a08030,#f5e6b8,#d4af37,#f5e6b8,#a08030);
  background-size:300% auto;animation:shimmer 4s linear infinite;
  margin-bottom:14px;
}

/* ── CORNER ACCENTS ── */
.bc-corner{position:absolute;width:22px;height:22px;z-index:2}
.bc-corner::before,.bc-corner::after{content:'';position:absolute;background:#d4af37}
.bc-tl{top:12px;left:12px}.bc-tl::before{width:22px;height:1.5px;top:0;left:0}.bc-tl::after{width:1.5px;height:22px;top:0;left:0}
.bc-tr{top:12px;right:12px}.bc-tr::before{width:22px;height:1.5px;top:0;right:0}.bc-tr::after{width:1.5px;height:22px;top:0;right:0}
.bc-bl{bottom:12px;left:12px}.bc-bl::before{width:22px;height:1.5px;bottom:0;left:0}.bc-bl::after{width:1.5px;height:22px;bottom:0;left:0}
.bc-br{bottom:12px;right:12px}.bc-br::before{width:22px;height:1.5px;bottom:0;right:0}.bc-br::after{width:1.5px;height:22px;bottom:0;right:0}

/* ── BRAND ── */
.bc-logo{
  width:42px;height:42px;object-fit:contain;
  margin:4px auto 6px;display:block;
  padding:4px;border-radius:50%;
  transition:all var(--t);
}
[data-theme="dark"] .bc-logo{
  background:rgba(0,0,0,0.35);
  filter:brightness(1.8) contrast(0.95) drop-shadow(0 2px 8px rgba(201,168,76,0.3));
}
[data-theme="light"] .bc-logo{
  background:rgba(255,255,255,0.12);
  filter:brightness(2.5) contrast(0.9) drop-shadow(0 2px 8px rgba(201,168,76,0.5));
}
.bc-brand{
  font-family:'Playfair Display',serif;font-size:0.65rem;font-weight:700;
  letter-spacing:4px;
  background:linear-gradient(135deg,#a08030,#f5e6b8,#d4af37,#f5e6b8,#a08030);
  background-size:300% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;animation:shimmer 5s linear infinite;
  margin-top:4px;
}

/* ── SERIES LABEL ── */
.bc-series{
  font-family:'Outfit',sans-serif;font-size:0.4rem;font-weight:500;
  letter-spacing:4px;text-transform:uppercase;
  opacity:0.4;margin-top:4px;
}

/* ── DIVIDER ── */
.bc-divider{
  width:55%;height:1.5px;margin:10px auto;
  background:linear-gradient(90deg,transparent,#d4af37,transparent);
}

/* ── TITLES ── */
.bc-title-main{
  font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:800;
  line-height:1.1;letter-spacing:2px;
}
.bc-title-gold{
  font-family:'Playfair Display',serif;font-size:2rem;font-weight:800;
  line-height:1.1;letter-spacing:2px;
  background:linear-gradient(135deg,#a08030,#f5e6b8,#d4af37,#f5e6b8,#a08030);
  background-size:300% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;animation:shimmer 5s linear infinite;
}
.bc-title-sub{
  font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:800;
  line-height:1.1;letter-spacing:2px;
}
.bc-title-danger{
  font-family:'Playfair Display',serif;font-size:2rem;font-weight:800;
  line-height:1.1;letter-spacing:2px;color:#cc3030;
}
[data-theme="dark"] .bc-title-danger{color:#8a2020}

/* ── SUBTITLE ── */
.bc-subtitle{
  font-family:'Outfit',sans-serif;font-size:0.55rem;font-weight:300;
  letter-spacing:1px;text-align:center;line-height:1.6;
  opacity:0.5;margin-top:4px;
}

/* ── CHART DECORATION ── */
.bc-chart{
  flex:1;width:100%;display:flex;align-items:flex-end;
  padding:0 10px;margin-top:5px;
}
.bc-chart svg{width:100%;height:auto;color:currentColor}

/* ── BOTTOM SECTION ── */
.bc-bottom{
  width:100%;text-align:center;margin-top:auto;padding-top:5px;
}
.bc-author{
  font-family:'Outfit',sans-serif;font-size:0.45rem;font-weight:600;
  letter-spacing:3px;
  background:linear-gradient(90deg,#a08030,#d4af37);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  margin-top:6px;
}
.bc-badge{
  font-family:'Outfit',sans-serif;font-size:0.38rem;font-weight:500;
  letter-spacing:3px;opacity:0.4;margin-top:3px;
}

/* ── COVER CONTAINER IN COURSE CARD ── */
.cc-cover{
  padding:25px 20px;display:flex;align-items:center;justify-content:center;
  transition:background var(--t);
}
[data-theme="dark"] .cc-cover{background:transparent}
[data-theme="light"] .cc-cover{background:transparent}

/* ── TEXTURE OVERLAY ── */
.book-cover::after{
  content:'';position:absolute;top:0;left:0;width:100%;height:100%;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events:none;z-index:1;
}
.book-cover>*{position:relative;z-index:2}

@media(max-width:768px){
  .book-cover{max-width:260px;padding:16px 18px}
  .bc-title-main{font-size:1.4rem}
  .bc-title-gold{font-size:1.6rem}
  .bc-title-sub{font-size:1.2rem}
  .bc-title-danger{font-size:1.6rem}
}