/* Visible audience choices, shared by every school page. */
.school-site .language-switcher {
  display:flex;
  align-items:center;
  gap:3px;
  flex-shrink:0;
  margin-right:8px;
}
.school-site .language-label {
  margin-right:6px;
  font-size:11px;
  color:#626775;
}
.school-site .language-switcher a {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:35px;
  min-height:40px;
  padding:5px;
  border-radius:3px;
  color:#17255c;
  font-size:12px;
  font-weight:550;
  line-height:1;
  text-decoration:none;
}
.school-site .language-switcher a[aria-current="page"] {
  background:#17255c;
  color:#fff;
}
.school-site .language-switcher a:not([aria-current]):hover {
  background:#e7edf8;
}
.school-site .language-switcher a:focus-visible {
  outline:2px solid #17255c;
  outline-offset:3px;
}
html[lang="fr"] .school-site .learning-choice-grid {
  grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);
}
html[lang="fr"] .school-site .card-actions { flex-wrap:wrap; }
html[lang="fr"] .school-site .card-actions .text-link,
html[lang="fr"] .school-site .cart-item .text-link {
  background:#5cc2c4;
  border-color:#5cc2c4;
  color:#17255c;
}
html[lang="fr"] .school-site .card-actions .text-link:hover,
html[lang="fr"] .school-site .cart-item .text-link:hover {
  background:#46b2b5;
  border-color:#46b2b5;
}
@media(min-width:761px) and (max-width:1050px) {
  .school-site .language-label { display:none; }
  .school-site .header-tools { gap:3px; }
  .school-site .language-switcher { margin-right:0; gap:0; }
  .school-site .language-switcher a { min-width:30px; }
}
@media(max-width:760px) {
  html { scroll-padding-top:145px; }
  .school-site .header {
    height:132px;
    padding-bottom:49px;
  }
  .school-site .language-switcher {
    position:absolute;
    bottom:2px;
    left:14px;
    right:14px;
    min-height:39px;
    margin:0;
    padding-top:3px;
    justify-content:flex-end;
    border-top:1px solid #e2e7f0;
  }
  .school-site .language-switcher a { min-width:42px; min-height:34px; }
  .school-site .language-label { margin-right:auto; font-size:12px; }
  .school-site .header nav {
    top:130px;
    max-height:calc(100dvh - 130px);
  }
  .school-site .learning-choice,
  .school-site [id^="produkt-"] { scroll-margin-top:145px; }
}
@media(max-width:700px) {
  html[lang="fr"] .school-site .learning-choice-grid { grid-template-columns:minmax(0,1fr); }
}