/* ── the logo IS the branding: retire the duplicate furniture ── */
.splash-ornament, .splash-arabic-title, .splash-brand-block, .splash-title{ display:none !important; }

#langSplash{
  background:radial-gradient(1100px 620px at 50% -6%, #ffffff 0%, #f4f2fc 45%, #eceaf7 100%) !important;
}
.ok-splash-logo{
  width:min(300px,58vw) !important;
  margin:0 auto 4px !important;
}
.splash-subtitle{
  font-family:var(--cs-font) !important;
  font-size:14.5px !important; font-weight:700 !important; font-style:normal !important;
  color:var(--ok-ink-soft) !important; letter-spacing:.2px !important;
  margin:6px auto 26px !important; text-align:center;
}

/* ── language cards: one pastel gel each, no slab inside ── */
.splash-btns{ gap:20px !important; align-items:stretch !important; }
.splash-sep{ display:none !important; }

.lang-btn{
  width:min(260px,42vw) !important;
  padding:26px 18px 22px !important;
  border-radius:22px !important;
  border:1px solid rgba(43,39,64,.08) !important;
  cursor:pointer;
  display:flex !important; flex-direction:column; align-items:center; gap:10px;
  transition:transform .14s cubic-bezier(.34,1.56,.64,1), box-shadow .14s, filter .14s !important;
}
.lang-btn::before, .lang-btn::after{ display:none !important; }

#pickEn{
  background:linear-gradient(180deg,#fffaf0 0%,#ffeec7 54%,#ffe1a4 55%,#f8cf7a 100%) !important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.95), inset 0 -4px 6px rgba(180,130,30,.12),
             0 8px 0 var(--gel-gold-rim), 0 18px 30px rgba(217,165,50,.28) !important;
}
#pickAr{
  background:linear-gradient(180deg,#f9f7ff 0%,#e8e0fb 54%,#ddd2f7 55%,#cbbcf0 100%) !important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.95), inset 0 -4px 6px rgba(90,70,140,.10),
             0 8px 0 var(--gel-lilac-rim), 0 18px 30px rgba(169,150,216,.28) !important;
}
.lang-btn:hover{ transform:translateY(-3px); filter:brightness(1.03); }
#pickEn:active{ transform:translateY(5px); box-shadow:inset 0 3px 0 rgba(255,255,255,.9), 0 3px 0 var(--gel-gold-rim), 0 8px 16px rgba(217,165,50,.26) !important; }
#pickAr:active{ transform:translateY(5px); box-shadow:inset 0 3px 0 rgba(255,255,255,.9), 0 3px 0 var(--gel-lilac-rim), 0 8px 16px rgba(169,150,216,.26) !important; }

.lang-btn-icon{ font-size:34px !important; filter:drop-shadow(0 3px 5px rgba(43,39,64,.18)); }

/* THE FIX: this is a text label, not a button. Kill the gel that landed on it. */
.lang-btn-main{
  background:none !important; box-shadow:none !important; border:0 !important;
  padding:0 !important; border-radius:0 !important;
  font-family:var(--cs-font) !important;
  font-size:19px !important; font-weight:900 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.7) !important;
}
.lang-btn-main::after{ display:none !important; }
#pickEn .lang-btn-main{ color:var(--gel-gold-ink) !important; }
#pickAr .lang-btn-main{ color:var(--gel-lilac-ink) !important; }

.lang-btn-badge{
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(43,39,64,.08) !important;
  border-radius:999px !important;
  padding:5px 16px !important;
  font-family:var(--cs-font) !important;
  font-size:11px !important; font-weight:800 !important;
  letter-spacing:1.2px !important; text-transform:uppercase !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
}
#pickEn .lang-btn-badge{ color:var(--gel-gold-ink) !important; }
#pickAr .lang-btn-badge{ color:var(--gel-lilac-ink) !important; text-transform:none !important; letter-spacing:0 !important; }

/* credits button, relocated under the tagline */
#okCredits{
  display:inline-flex; align-items:center; gap:6px; margin:0 auto 22px;
  padding:7px 16px; border-radius:999px; cursor:pointer;
  font-family:var(--cs-font); font-size:12px; font-weight:800;
  color:var(--ok-ink-soft); background:#fff;
  border:1px solid var(--ok-line);
  box-shadow:inset 0 1px 0 #fff, 0 3px 0 #e2dff0, 0 6px 12px rgba(43,39,64,.08);
  transition:transform .12s, color .12s;
}
#okCredits:hover{ color:var(--ok-ink); transform:translateY(-1px); }
#okCredits:active{ transform:translateY(2px); box-shadow:inset 0 1px 0 #fff, 0 1px 0 #e2dff0 !important; }
.ok-splash-center{ display:flex; flex-direction:column; align-items:center; }

/* ── credits modal: light, logo-led ── */
#creditsModal{
  background:linear-gradient(170deg,#ffffff 0%,#f6f4fd 100%) !important;
  border:1px solid var(--ok-line) !important;
  box-shadow:0 30px 70px rgba(43,39,64,.28) !important;
  color:var(--ok-ink) !important;
}
#creditsModal .ok-credits-logo{
  display:block; width:190px; margin:2px auto 16px;
  filter:drop-shadow(0 10px 22px rgba(20,30,60,.22));
}