/* ═══════════════════════════════════════════════
     ODURO-PAY – BTCPay Server Global Custom CSS
     ═══════════════════════════════════════════════ */

  /* ── 1. Primärfarbe (Bootstrap 5 + BTCPay Variablen) ── */
  :root {
    --btcpay-primary:             #5a9fd4;
    --btcpay-primary-rgb:         90, 159, 212;
    --bs-primary:                 #5a9fd4;
    --bs-primary-rgb:             90, 159, 212;
    --bs-link-color:              #5a9fd4;
    --bs-link-color-rgb:          90, 159, 212;
  }

  /* .btn-primary direkt überschreiben (sicherheitshalber) */
  .btn-primary {
    background-color: #5a9fd4 !important;
    border-color:     #5a9fd4 !important;
    color:            #ffffff !important;
  }
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active {
    background-color: #4a8fc4 !important;
    border-color:     #4a8fc4 !important;
  }
  .btn-outline-primary {
    color:        #5a9fd4 !important;
    border-color: #5a9fd4 !important;
  }
  .btn-outline-primary:hover {
    background-color: #5a9fd4 !important;
    color:            #ffffff !important;
  }

  /* ── 2. "Gebühr" → "Bezahlen" (Keypad Charge-Button) ── */
  .btn.btn-lg.btn-primary.mx-3 {
    font-size: 0 !important;
    line-height: normal !important;
  }
  .btn.btn-lg.btn-primary.mx-3::after {
    content:   'Bezahlen';
    font-size: 1.125rem;
    font-weight: 600;
  }

  /* ── 3. BTCPay Footer / Logo ausblenden ── */
  footer.store-footer,
  .store-powered-by,
  .store-footer {
    display: none !important;
  }