/* Darajat LMS mobile header fix — 2026-09-15 */
@media (max-width: 760px) {
  .dch-announcement {
    min-height: 42px;
    padding: 8px 14px;
    line-height: 1.55;
    white-space: normal;
  }
  .dch-header {
    direction: rtl;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    gap: 8px;
    width: 100%;
    padding: 8px 14px;
  }
  .dch-brand {
    position: static;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    min-width: 0;
    margin: 0;
  }
  .dch-brand img {
    width: 70px;
    height: 42px;
  }
  .dch-login {
    position: static;
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    padding: 6px 10px;
    font-size: 11.5px;
    line-height: 1.25;
    white-space: nowrap;
  }
  .dch-menu-toggle {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    min-height: 40px;
    padding: 7px 10px;
  }
  .dch-nav {
    right: 14px;
    left: 14px;
    max-height: calc(100vh - 125px);
    overflow-y: auto;
  }
}
@media (max-width: 420px) {
  .dch-header {
    grid-template-columns: 66px minmax(0, 1fr) auto;
    padding-inline: 10px;
  }
  .dch-brand img { width: 64px; }
  .dch-login {
    padding-inline: 8px;
    font-size: 11px;
  }
  .dch-menu-toggle {
    padding-inline: 8px;
    font-size: 11px;
  }
}