/* SWCC bilingual (Cymraeg / English) switcher + first-visit prompt */

.lang-switch{
  display:inline-flex; align-items:center; gap:6px; flex-shrink:0; white-space:nowrap;
  border:1px solid var(--line,#3A2C52); border-radius:999px; background:rgba(255,255,255,.03);
  color:var(--paper-dim,#B6A9CB); font-family:var(--mono,'IBM Plex Mono',monospace);
  font-size:12px; line-height:1; letter-spacing:.02em; padding:7px 12px; cursor:pointer;
  transition:color .2s, border-color .2s;
}
.lang-switch:hover{ color:var(--paper,#F5F2FA); border-color:var(--purple,#A855F7); }
.lang-switch svg{ width:14px; height:14px; opacity:.85; }
.lang-switch.lang-fixed{
  position:fixed; top:14px; right:14px; z-index:170;
  background:rgba(13,10,20,.92); backdrop-filter:blur(6px); box-shadow:0 6px 18px -8px rgba(0,0,0,.6);
}
@media (max-width:560px){ .lang-switch{ padding:7px; gap:0; } .lang-switch span{ display:none; } .lang-switch svg{ width:16px; height:16px; opacity:1; } }
/* On phones the long header CTA + switch + menu button overflow; hide the header CTA (menu + in-page CTAs cover it) */
@media (max-width:560px){ header .nav-right .btn{ display:none; } }

.lang-modal-overlay{
  position:fixed; inset:0; z-index:9999; background:rgba(5,3,10,.74); backdrop-filter:blur(5px);
  display:flex; align-items:center; justify-content:center; padding:20px;
  animation:langFade .25s ease;
}
@keyframes langFade{ from{opacity:0} to{opacity:1} }
.lang-modal{
  background:#181322; border:1px solid #3A2C52; border-radius:16px; padding:32px 28px 26px;
  max-width:400px; width:100%; text-align:center; color:#F5F2FA;
  font-family:'Public Sans',Arial,sans-serif; box-shadow:0 30px 80px -20px rgba(0,0,0,.85);
}
.lang-modal .lm-flag{ font-size:30px; margin-bottom:8px; }
.lang-modal h2{ font-family:'Space Grotesk',sans-serif; font-size:21px; margin:0 0 4px; color:#fff; }
.lang-modal p{ color:#B6A9CB; font-size:14px; margin:0 0 22px; }
.lang-modal .lm-btns{ display:flex; gap:12px; }
.lang-modal button{
  flex:1; padding:14px 10px; border-radius:999px; border:1px solid #3A2C52; background:#221A31;
  color:#F5F2FA; font-size:15px; font-weight:600; cursor:pointer; font-family:inherit; transition:transform .15s ease, box-shadow .2s ease;
}
.lang-modal button:hover{ transform:translateY(-2px); }
.lang-modal button.cy{
  background:linear-gradient(135deg,#D9A8F0 0%,#A855F7 55%,#7C3AED 100%);
  border-color:transparent; color:#fff; box-shadow:0 8px 22px -8px rgba(168,85,247,.6);
}