/* ==========================================================================
   Student dashboard — the two pieces the theme adds to Tutor's own chrome.

   Tutor renders the dashboard without the site header, so none of the theme's
   stylesheets are loaded here. Everything below is self-contained: the brand
   colours are written out instead of referenced as custom properties.
   Nothing in this file applies outside /dashboard/.
   ========================================================================== */

/* ---------- AR/EN toggle (dashboard header, beside the avatar) ---------- */

.lm-dash-lang {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  color: rgba(14, 39, 39, .6);
  text-decoration: none;
  transition: color .18s ease, background-color .18s ease;
}

.lm-dash-lang:hover,
.lm-dash-lang:focus-visible {
  color: #f37458;
  background: rgba(243, 116, 88, .08);
  text-decoration: none;
}

/* The language being viewed is the solid one; the other stays muted. */
.lm-dash-lang b {
  color: #0e2727;
  font-weight: 700;
}

.lm-dash-lang i {
  font-style: normal;
  color: rgba(14, 39, 39, .25);
}

.lm-dash-lang:hover b {
  color: inherit;
}

/* Tutor's header wraps the action in a plain <div>; make it sit on the
   baseline with the avatar rather than above it. */
.tutor-dashboard-header-right > div:has(> .lm-dash-lang) {
  display: flex;
  align-items: center;
}

/* ---------- Sidebar logo ---------- */

/* Tutor sizes its own wordmark; the theme's logo is a wider lockup, so cap it
   instead of letting it fill the sidebar width. */
.tutor-dashboard-sidebar-logo .tutor-brand-logo img {
  max-width: 160px;
  max-height: 40px;
  width: auto;
  height: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  .tutor-dashboard-sidebar-logo .tutor-brand-logo img {
    max-width: 132px;
    max-height: 34px;
  }

  .lm-dash-lang {
    height: 32px;
    padding: 0 8px;
    font-size: 12px;
  }
}