/* ============================================================
   DIGISKILLS-EU — Language switcher (shared across all pages)
   Desktop: <details> dropdown in the nav. Mobile: row in the menu.
   Scoped under .dsk-root; uses the site's design tokens.
============================================================ */

/* ---------- Right-aligned nav group (links pushed left, switcher in the corner) ---------- */
.dsk-root .dsk-nav-right{display:flex;align-items:center;gap:8px}
@media (min-width:1024px){.dsk-root .dsk-nav-right{gap:10px}}

/* ---------- Desktop dropdown ---------- */
.dsk-root .dsk-lang{position:relative;display:none}
@media (min-width:1024px){.dsk-root .dsk-lang{display:inline-block}}

.dsk-root .dsk-lang > summary{
  list-style:none;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;
  height:40px;padding:0 13px;border-radius:999px;
  font-size:14px;font-weight:600;letter-spacing:-0.02em;
  color:var(--dsk-ink-black);
  border:1px solid var(--dsk-ink-black);
  background:var(--dsk-crystal);
  transition:background .18s ease,color .18s ease;
}
.dsk-root .dsk-lang > summary::-webkit-details-marker{display:none}
.dsk-root .dsk-lang > summary::marker{content:""}
.dsk-root .dsk-lang > summary:hover{background:var(--dsk-sand)}
.dsk-root .dsk-lang[open] > summary{background:var(--dsk-ink-black);color:var(--dsk-cloud)}

.dsk-root .dsk-lang-globe{width:16px;height:16px;flex:none}
.dsk-root .dsk-lang-chev{width:11px;height:11px;flex:none;transition:transform .2s ease}
.dsk-root .dsk-lang[open] .dsk-lang-chev{transform:rotate(180deg)}

.dsk-root .dsk-lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:172px;
  background:var(--dsk-crystal);
  border:1px solid var(--dsk-ink-black);border-radius:18px;
  padding:6px;box-shadow:0 20px 44px -14px rgba(15,24,48,.34);
  display:flex;flex-direction:column;gap:2px;
}
.dsk-root .dsk-lang-menu a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 13px;border-radius:11px;
  font-size:15px;font-weight:600;letter-spacing:-0.02em;
  color:var(--dsk-deep-ocean);
  transition:background .15s ease;
}
.dsk-root .dsk-lang-menu a:hover{background:var(--dsk-sand)}
.dsk-root .dsk-lang-menu a[aria-current="true"]{
  background:var(--dsk-cloud);color:var(--dsk-ink-black);
}
.dsk-root .dsk-lang-code{
  font-family:var(--dsk-font);font-size:11px;font-weight:700;
  letter-spacing:0.08em;opacity:.45;
}

/* ---------- Mobile row (inside .dsk-mobile-menu) ---------- */
.dsk-root .dsk-lang-mobile{
  display:flex;flex-wrap:wrap;gap:8px;
  margin-top:10px;padding-top:14px;
  border-top:1px solid rgba(15,24,48,.12);
}
@media (min-width:1024px){.dsk-root .dsk-lang-mobile{display:none}}
.dsk-root .dsk-mobile-menu a.dsk-lang-mobile-link{
  padding:9px 14px;border-radius:999px;
  font-size:14px;font-weight:700;letter-spacing:0.04em;
  border:1px solid var(--dsk-ink-black);
  color:var(--dsk-ink-black);
}
.dsk-root .dsk-mobile-menu a.dsk-lang-mobile-link:hover{background:var(--dsk-sand)}
.dsk-root .dsk-mobile-menu a.dsk-lang-mobile-link[aria-current="true"]{
  background:var(--dsk-ink-black);color:var(--dsk-cloud);
}