/* ============================================================
   registration-upgrade.css  —  TSC override sheet v1
   Loads AFTER css/styles.css. Delete this file = instant rollback.
   Scope: pricing/registration boxes + jump-to-register button
   ============================================================ */

/* --- 1. JUMP-TO-REGISTER: pinned button in the navbar --- */
.nav-register-btn {
  background: #a51f1f;
  color: #fff !important;
  border-radius: 6px;
  padding: 8px 18px !important;
  margin-left: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}
.nav-register-btn:hover { background: #7f1717; color: #fff !important; }

/* --- 2. REGISTRATION CARDS: stronger, clickable-feeling --- */
#pricing .card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  transition: transform .15s ease, box-shadow .15s ease;
}
#pricing .card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(30,58,95,.18);
}
#pricing .card-price {
  font-size: 2.2rem;
  font-weight: 800;
  color: #2596be;
}

/* --- 2b. "MOST POPULAR" spotlight on the Internet card --- */
#pricing .card-popular {
  border: 3px solid #D4870A;
  transform: scale(1.04);
  position: relative;
}
#pricing .card-popular::before {
  content: "MOST POPULAR";
  position: absolute;
  top: -14px; left: 50%;
  transform: translateX(-50%);
  background: #D4870A;
  color: #fff;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: 2px;
  padding: 4px 14px;
  border-radius: 12px;
}

/* --- 3. BUTTONS: bigger targets, obvious action --- */
#pricing .btn-success {
  padding: 14px 0;
  font-size: 1.05rem;
  font-weight: 700;
  border-radius: 8px;
}

/* --- 4. MOBILE: full-width thumb-friendly cards & buttons --- */
@media (max-width: 991px) {
  #pricing .card { margin-bottom: 1.5rem; }
  #pricing .card-popular { transform: none; }   /* no scale on small screens */
  #pricing .btn-success { padding: 16px 0; font-size: 1.15rem; }
}

/* --- 5. BILINGUAL RIBBON + EN/ES PILL (v6) ---
   Fail-safe by design: if this file doesn't load, the ribbon shows as a
   plain text line and EN/ES as plain links — page fully usable. */
.tsc-ribbon {
  background:#FFC93C; color:#2596be; text-align:center;
  padding:9px 16px; font-weight:700; font-size:13.5px; letter-spacing:.01em;
}
.tsc-ribbon-link { color:#2596be; text-decoration:underline; font-weight:800; }
.tsc-lang-pill {
  display:inline-flex; border:2px solid #D4870A; border-radius:20px;
  overflow:hidden; margin-left:10px; vertical-align:middle;
}
.tsc-lang-pill a { padding:5px 13px; font-weight:800; font-size:12px; text-decoration:none; }
.tsc-lang-active { background:#D4870A; color:#fff !important; }
.tsc-lang-idle { color:#000 !important; opacity:.9; }
.tsc-lang-idle:hover { background:rgba(212,135,10,.35); }