/* Class image styling with consistent cover behavior */
.class-cover {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
  background-color: #E6E0F4;
}

/* Class card image specifically */
.class-card-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
}

/* Class detail page hero image */
.class-detail-image {
  max-height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

/* Edit form preview image */
.class-edit-preview {
  max-width: 200px;
  max-height: 120px;
  border-radius: 4px;
  object-fit: cover;
}

/* =========================
   Drawer Fix — Ensure content visible
   ========================= */
body.route-admin-classes #drawer,
body.route-admin-classes #drawer .drawer-body {
  background: var(--bs-body-bg, #0f172a) !important;
  color: var(--bs-body-color, #f8f9fa) !important;
  overflow-y: auto;
}

body.route-admin-classes #drawer .drawer-title {
  color: var(--bs-body-color, #f8f9fa) !important;
  font-weight: 600;
}

body.route-admin-classes #drawer a {
  color: var(--brand-accent, #4dabf7) !important;
}