/* شريط علوي */
.top-navbar {
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--brand);
  color: var(--text-inv);
  box-shadow: var(--shadow-sm);
}
.top-navbar .top-nav-links {
  display: flex; gap: 8px; flex-wrap: nowrap; overflow-x: auto; padding: 6px 8px;
}
.top-navbar .top-nav-links a {
  color: var(--text-inv); text-decoration: none; font-weight: 700; padding: 6px 8px;
  border-radius: 8px; transition: background-color .2s ease, transform .02s ease;
  white-space: nowrap;
}
.top-navbar .top-nav-links a:hover { background: rgba(255,255,255,.12); }
.top-navbar .top-nav-links a.active { background: rgba(0,0,0,.18); }

/* المسرح الجانبي و اللوحة */
.stage {
  min-height: 280px;
}
.sidebar-controls {
  width: min(100%, var(--sidebar-width));
  margin-inline-start: auto;
}
.controls-row {
  display:flex; align-items:center; gap:.5rem; margin-bottom:.75rem;
}
.controls-row .btn-prev,
.controls-row .btn-next,
.controls-row .btn-play {
  padding:.45rem .9rem; border-radius: 10px;
  border:1px solid var(--card-border); background:#fff; cursor:pointer; font-weight:700;
}
.controls-row .btn-play { color:#111; }
.controls-row .btn-prev:hover,
.controls-row .btn-next:hover,
.controls-row .btn-play:hover { background: var(--brand-100); }

.lang-select { min-width: 120px; }

/* بطاقة عرض عنصر موضوع */
.card .card-img {
  display:block; width:100%; height:auto; object-fit: cover;
  border-radius: 14px; margin-bottom: .75rem;
}
.card .card-title {
  font-size: clamp(1.1rem, 1.2vw + .8rem, 1.6rem);
  font-weight: 800; margin: .25rem 0 .5rem;
}

/* شبكة بلاطات الصفحة الرئيسية */
.home-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.home-tile .emoji { font-size: 42px; }
.home-tile .title { font-weight: 800; }

/* تخطيط صفحات الموضوع: المسرح يسار + أدوات يمين (أو أسفل على الشاشات الصغيرة) */
@media (min-width: 992px){
  #animals-page, #fruits-page, #tools-page, #prof-page, #human-page {
    display: grid;
    grid-template-columns: 1fr var(--sidebar-width);
    gap: 16px;
    align-items: start;
  }
}

/* ================= PATCHES (2025-10-06) ================= */
/* === Added: Vegetables page grid to match other subjects === */
@media (min-width: 992px){
  #vegetables-page{
    display: grid;
    grid-template-columns: 1fr var(--sidebar-width);
    gap: 16px;
    align-items: start;
  }
  #vegetables-page .stage{ display: contents; }
  #vegetables-page .subject-view{ grid-column: 1; }
  #vegetables-page .sidebar-controls{ grid-column: 2; }
}

/* === Added: Body parts page grid (kept id="body-parts-page") === */
@media (min-width: 992px){
  #body-parts-page{
    display: grid;
    grid-template-columns: 1fr var(--sidebar-width);
    gap: 16px;
    align-items: start;
  }
  #body-parts-page .stage{ display: contents; }
  #body-parts-page .subject-view{ grid-column: 1; }
  #body-parts-page .sidebar-controls{ grid-column: 2; }
}