/* iMens Wallet-/Tip-Fundament — additiv, Dark-Glass, HH-Rot #e0163a.
   Selbst gezeichnete Controls: das globale Theme (css/main.css) blaeht jeden
   nackten <input> auf -> wir vermeiden nackte Inputs / zwingen feste Groessen. */

/* Guthaben-Chip (z.B. in Header/Profil) */
.hh-wallet-balance {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #ededee;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}
.hh-wallet-balance i { color: #f5b301; }

/* Coin-Tip-Button (Stream-Posts, Cock-Karten, Profil) */
.hh-tip-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(224, 22, 58, .12);
    border: 1px solid rgba(224, 22, 58, .35);
    color: #ff5c7a;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.2;
    transition: background .15s ease, color .15s ease;
    white-space: nowrap;
}
.hh-tip-btn:hover { background: rgba(224, 22, 58, .22); color: #fff; }
.hh-tip-btn i { color: #f5b301; }

/* Coin-Tip-Button als Overlay auf einer Cock-Karte */
.cv-card .hh-tip-btn.cv-tip {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 5;
    background: rgba(0, 0, 0, .5);
    border-color: rgba(255, 255, 255, .25);
    backdrop-filter: blur(6px);
}

/* Modal */
#hh-wallet-modal .modal-content {
    background: #141416;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 6px;
    color: #ededee;
    backdrop-filter: blur(12px);
}
#hh-wallet-modal .modal-header,
#hh-wallet-modal .modal-footer {
    border-color: rgba(255, 255, 255, .08);
}
#hh-wallet-modal .modal-title { color: #fff; }
#hh-wallet-modal .close { color: #fff; text-shadow: none; opacity: .7; }

/* Quick-Betrag-Buttons */
.hh-wallet-quick {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
}
.hh-wallet-quick button {
    flex: 1;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .14);
    color: #fff;
    border-radius: 4px;
    padding: 8px 0;
    cursor: pointer;
    font-weight: 600;
    transition: background .15s ease;
}
.hh-wallet-quick button:hover,
.hh-wallet-quick button.active {
    background: rgba(224, 22, 58, .25);
    border-color: rgba(224, 22, 58, .5);
}

/* Betrag-Eingabe: fixe Groesse, damit das globale input{width:100%;padding:1.1rem} nicht stoert */
input.hh-wallet-input {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 15px !important;
    margin-bottom: 10px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
input.hh-wallet-input::placeholder { color: rgba(255, 255, 255, .4); }

#hh-wallet-msg { margin-top: 10px; font-size: 14px; min-height: 18px; }
.hh-wallet-ok  { color: #3ddc84; }
.hh-wallet-err { color: #ff5c7a; }

#hh-wallet-modal .hh-wallet-send {
    background: #e0163a;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 8px 18px;
    font-weight: 600;
    cursor: pointer;
}
#hh-wallet-modal .hh-wallet-send:disabled { opacity: .6; cursor: default; }

/* "Coins kaufen" — Platzhalter-Hinweis */
.hh-wallet-buy-note {
    font-size: 12.5px;
    color: rgba(255, 255, 255, .55);
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}