/* =========================================================
   SehVarta Premium Theme — Phase 8: Reward wallet widget
   This class had ZERO CSS (its source file 20-feed.css is not
   linked in the layout), so it rendered as unstyled plain text.
   ========================================================= */

.sv-reward-widget {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 18px !important;
    border-radius: var(--r-lg, 24px) !important;
    background: linear-gradient(135deg, var(--sv-blue, #2563eb), var(--sv-purple, #7c3aed)) !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, .28) !important;
}
.sv-reward-widget > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.sv-reward-widget span {
    font-size: 12.5px;
    font-weight: 700;
    opacity: .85;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.sv-reward-widget strong {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1;
}
.sv-reward-widget small {
    font-size: 12.5px;
    opacity: .9;
}
.sv-reward-widget a {
    display: inline-block;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    backdrop-filter: blur(6px);
}
.sv-reward-widget a:hover {
    background: rgba(255, 255, 255, .28);
}