/* ============================================================
   Sprach-Umschalter (Norwegisch / Deutsch)
   Wird NACH style.css geladen.
   ============================================================ */

/* ---- Norwegischer Filter aktiv: Empfehlungs-Block ausblenden ----
   !important, weil app.js dem Block bei jedem Rendern per Inline-Style
   display zuweist. */
body.sprache-no #featured-carousel {
  display: none !important;
}

/* ---- Handy: Button im Kopfbereich, neben Suche und Menü ----
   Bewusst dieselbe Optik wie der Menü-Button (.icon-btn aus
   style.css: Höhe 38px, weißer Hintergrund, gleicher Rahmen).
   Einziger Unterschied: Flagge links, Text daneben. */
.sprache-btn .sprache-label {
  font-size: 0.85rem; /* wie .menu-toggle-label */
}

.sprache-flagge {
  display: block;
  flex-shrink: 0;
  border-radius: 1px;
}

/* ---- Desktop: abgesetzter Block in der Themen-Sidebar ---- */
@media (min-width: 860px) {
  .themen-sidebar .themen-sidebar-link-uebersetzt {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    padding: 10px 12px;
    background: #e3eee9;
    border-bottom: none;
    border-radius: var(--radius);
    color: #1f3d34;
    font-weight: 700;
  }

  .themen-sidebar .themen-sidebar-link-uebersetzt:hover {
    background: #d6e8e0;
  }

  .themen-sidebar .themen-sidebar-link-uebersetzt.active {
    background: #cfe3da;
    color: #1f3d34;
  }
}