/* payercrypto.css — ChoKInfO */

    /* ── Sélecteur de token ── */
    .token-selector {
      display: flex;
      gap: 12px;
      margin-bottom: 28px;
    }
    .token-tab {
      flex: 1;
      padding: 16px 12px;
      border-radius: var(--radius);
      border: 2px solid rgba(240,165,0,.3);
      background: var(--bg-grey5);
      cursor: pointer;
      text-align: center;
      transition: var(--trans);
      font-family: var(--font-head);
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .token-tab .tab-symbol {
      font-size: 1.5rem;
      font-weight: 700;
      display: block;
      margin-bottom: 4px;
    }
    .token-tab .tab-name {
      font-size: .78rem;
      color: var(--text-muted);
      font-family: var(--font-body);
      font-weight: 400;
      text-transform: none;
      letter-spacing: 0;
      line-height: 1.4;
      display: block;
    }
    .token-tab.ckio-tab { border-color: rgba(240,165,0,.3); }
    .token-tab.ckeur-tab { border-color: rgba(0,188,212,.3); }
    .token-tab.ckio-tab .tab-symbol { color: var(--ckio); }
    .token-tab.ckeur-tab .tab-symbol { color: var(--accent); }

    .token-tab.ckio-tab.active {
      border-color: var(--ckio);
      background: rgba(240,165,0,.08);
      box-shadow: 0 0 0 3px rgba(240,165,0,.12);
    }
    .token-tab.ckeur-tab.active {
      border-color: var(--accent);
      background: rgba(0,188,212,.08);
      box-shadow: 0 0 0 3px rgba(0,188,212,.12);
    }

    /* ── Wallet card variante CKEUR ── */
    .wallet-card.ckeur-mode .amount { color: var(--accent) !important; }

    /* ── Bouton base — ciblage par ID pour battre chokinfo.css ── */
    #submitBtn {
      display: block;
      width: 100%;
      padding: 15px;
      background: #f0a500;
      color: #ffffff;
      border: none;
      font-family: var(--font-head);
      font-size: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .1em;
      cursor: pointer;
      border-radius: 4px;
      box-shadow: 0 4px 16px rgba(240,165,0,.35);
      transition: var(--trans);
      margin-top: 8px;
    }
    #submitBtn:hover:not(:disabled) { background: #c98a00; transform: translateY(-2px); }
    #submitBtn:disabled { background: #cccccc; color: #888; cursor: not-allowed; box-shadow: none; transform: none; }

    /* ── Pay form variante CKEUR ── */
    .pay-form.ckeur-mode { border-left-color: #00bcd4 !important; }
    .pay-form.ckeur-mode h2 { color: #00bcd4 !important; }
    .pay-form.ckeur-mode #submitBtn {
      background: #00bcd4;
      color: #ffffff;
      box-shadow: 0 4px 16px rgba(0,188,212,.35);
    }
    .pay-form.ckeur-mode #submitBtn:hover:not(:disabled) { background: #00a0b8; }

    /* ── Info token ── */
    .token-info {
      border-radius: 6px;
      padding: 14px 18px;
      margin-bottom: 20px;
      font-size: .88rem;
      line-height: 1.6;
    }
    .token-info.ckio-info {
      background: rgba(240,165,0,.07);
      border: 1px solid rgba(240,165,0,.3);
      color: var(--text-body);
    }
    .token-info.ckeur-info {
      background: rgba(0,188,212,.07);
      border: 1px solid rgba(0,188,212,.3);
      color: var(--text-body);
    }
    .token-info strong { font-family: var(--font-head); font-size: .95rem; }
  </style>

/* ══ Styles extraits des attributs inline ══ */
.pc-page-top { padding-top: 100px; }