/* =====================================================================
   Die Kryptoschule — Custom Theme für BTCPay
   Extension Type: "Extends the Light theme"
   Gold-Buttons überall. NAVY-Look NUR auf der Kassen-Seite (#PosStatic).
   Bezahlseite (Checkout) bleibt hell & gut lesbar. Admin unberührt.
   ===================================================================== */

/* --- Primärfarbe (Buttons/Akzente) -> Kryptoschule-Gold --- */
:root {
  --btcpay-primary: #F0B90B;
  --btcpay-primary-rgb: 240, 185, 11;
  --btcpay-primary-bg-hover: #D8A60A;
  --btcpay-primary-bg-active: #C69809;
  --btcpay-primary-shadow: rgba(240, 185, 11, .35);
  --btcpay-primary-text: #0D1A2D;
  --btcpay-primary-text-hover: #0D1A2D;
  --btcpay-primary-text-active: #0D1A2D;
  --btcpay-body-link-accent: #C69809;
  --btcpay-body-link-accent-rgb: 198, 152, 9;
}
.btn-primary {
  background-color: #F0B90B !important;
  border-color: #F0B90B !important;
  color: #0D1A2D !important;
  font-weight: 700 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #D8A60A !important;
  border-color: #D8A60A !important;
  color: #0D1A2D !important;
}

/* =====================================================================
   NAVY-LOOK NUR AUF DER KASSEN-SEITE  (Container: #PosStatic)
   -> die Bezahlseite/Checkout hat dieses Element NICHT und bleibt hell.
   ===================================================================== */
#PosStatic {
  background: linear-gradient(160deg, #0D1A2D 0%, #05080F 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh;
  color: #E7EEF6 !important;
}
/* body dahinter ebenfalls navy -> keine weißen Ränder; nur auf der POS-Seite */
body:has(#PosStatic) {
  background: #05080F !important;
  margin: 0 !important;
}

#PosStatic .store-name { color: #FFFFFF !important; }
#PosStatic .store-powered-by { display: none !important; }

/* Produktkarten dunkel mit Gold-Rand */
#PosStatic .tile.card {
  background-color: #15273F !important;
  border: 1px solid #2A4263 !important;
  border-radius: 14px !important;
  color: #E7EEF6 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important;
  overflow: hidden !important;
}
#PosStatic .tile.card .card-title { color: #FFFFFF !important; }
#PosStatic .tile.card .fw-semibold { color: #9DB1C8 !important; }
#PosStatic .tile.card .card-footer {
  background: transparent !important;
  border-top: 1px solid #2A4263 !important;
}