/* PBS Factory - PayPal-Express-Button + Checkout-Icon-Polish (2026-05-31) */

/* --- Produktseiten-Button: schlank, UNTER der Add-to-Cart-Zeile ------- */
#pbs-pp-express-wrap {
  margin-top: 8px;
  width: 100%;
}

#pbs-pp-express.pbs-pp-express-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #11264a;
  background: #ffc439;
  border: 1px solid #f0b400;
  border-radius: 6px;
  cursor: pointer;
  transition: background .15s ease, box-shadow .15s ease;
}
#pbs-pp-express.pbs-pp-express-btn:hover { background: #f4ba2e; }
#pbs-pp-express.pbs-pp-express-btn:active { transform: translateY(1px); }

#pbs-pp-express .pbs-pp-brand { font-style: italic; font-weight: 700; letter-spacing: -.2px; }
#pbs-pp-express .pbs-pp-brand i { color: #003087; font-style: italic; }
#pbs-pp-express .pbs-pp-brand b { color: #009cde; }
#pbs-pp-express .pbs-pp-txt { font-weight: 600; }

#pbs-pp-express.pbs-pp-express-btn.loading,
#pbs-pp-express.pbs-pp-express-btn:disabled { opacity: .6; cursor: progress; }

/* --- Checkout: Vorkasse-Icon (Ueberweisung/Bank) --------------------- */
label[for="payment_id_3"] .vmpayment_name::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  vertical-align: -5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M4 10h16'/%3E%3Cpath d='M6 10v9M10 10v9M14 10v9M18 10v9'/%3E%3Cpath d='M12 3 3 8h18z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* --- Checkout: Visa/Mastercard fuer "Debit- oder Kreditkarte" --------
 * Das PayPal-SDK legt hier ein generisches Karten-Icon rein -> wir blenden
 * dessen Inhalt aus und zeigen erzwungen Visa + Mastercard. */
#ssc-logo-card {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
  background: none !important;
  font-size: 0 !important;
}
#ssc-logo-card > * { display: none !important; }
#ssc-logo-card::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 32'%3E%3Crect width='48' height='32' rx='4' fill='%231a1f71'/%3E%3Ctext x='24' y='21' font-family='Arial,Helvetica,sans-serif' font-size='13' font-weight='bold' fill='%23ffffff' text-anchor='middle'%3EVISA%3C/text%3E%3C/svg%3E") no-repeat center / contain;
}
#ssc-logo-card::after {
  content: "";
  display: inline-block;
  width: 34px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 32'%3E%3Crect width='48' height='32' rx='4' fill='%23ffffff' stroke='%23e2e5ea'/%3E%3Ccircle cx='20' cy='16' r='8.5' fill='%23EB001B'/%3E%3Ccircle cx='28' cy='16' r='8.5' fill='%23F79E1B' fill-opacity='0.85'/%3E%3C/svg%3E") no-repeat center / contain;
}