@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

.synthic-rewards-account { font-family: 'Poppins', sans-serif; color: #272030; max-width: 720px; }

.sr-balance-hero { background: #272030 !important; color: #F8F7F2 !important; border-radius: 8px; padding: 36px 32px; text-align: center; margin-bottom: 32px; }

.sr-balance-number { font-size: 56px !important; font-weight: 600 !important; color: #CEDAB6 !important; line-height: 1; display: block !important; }

.sr-balance-label { font-size: 14px !important; letter-spacing: 0.12em; text-transform: uppercase; color: #8D9E6A !important; margin-top: 4px; margin-bottom: 12px; display: block !important; }

.sr-balance-value { font-size: 15px !important; color: #F8F7F2 !important; display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: 8px !important; }

.sr-balance-value strong { color: #CEDAB6 !important; font-weight: 600 !important; }

.sr-balance-progress-label { margin-top: 10px; font-size: 13px; color: #8D9E6A !important; display: block !important; }

.sr-earn-section, .sr-referral-section, .sr-history-section { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid #CEDAB6; }

.sr-earn-section h3, .sr-referral-section h3, .sr-history-section h3 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; color: #272030; margin-bottom: 12px; }

.sr-earn-list { list-style: none !important; padding: 0; margin: 0 0 12px 0; }

.sr-earn-list li { padding: 6px 0; font-size: 14px; border-bottom: 1px solid #f0efea; }

.sr-redeem-note { font-size: 12px; color: #8D9E6A; margin-top: 8px; }

.sr-referral-link-wrap { display: flex; gap: 8px; margin: 12px 0; }

.sr-referral-input { flex: 1; padding: 8px 12px; border: 1px solid #CEDAB6; border-radius: 4px; font-size: 13px; color: #272030; background: #fafaf8; font-family: monospace; }

.sr-copy-btn { background: #5C6D37 !important; color: #F8F7F2 !important; border: none; border-radius: 4px; padding: 8px 16px; font-family: 'Poppins', sans-serif; font-size: 13px; cursor: pointer; white-space: nowrap; }

.sr-copy-btn:hover { background: #8D9E6A !important; }

.sr-ref-count { font-size: 13px; color: #5C6D37; font-weight: 600; }

.sr-history-table { width: 100%; border-collapse: collapse; font-size: 13px; }

.sr-history-table th, .sr-history-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #f0efea; }

.sr-history-table th { font-weight: 600; color: #272030; background: #f8f7f2; }

.sr-positive { color: #5C6D37 !important; font-weight: 600; }
.sr-negative { color: #b04040 !important; font-weight: 600; }

.synthic-credits-checkout { background: #272030; border-radius: 6px; padding: 16px 20px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

.sr-credits-label { font-family: 'Poppins', sans-serif; font-size: 14px; color: #F8F7F2 !important; }

.sr-credits-label strong { color: #CEDAB6 !important; }

.sr-toggle-btn { background: #5C6D37 !important; color: #F8F7F2 !important; border: none; border-radius: 4px; padding: 9px 18px; font-family: 'Poppins', sans-serif; font-size: 13px; cursor: pointer; white-space: nowrap; }

.sr-toggle-btn.sr-applied { background: #8D9E6A !important; }

.synthic-credits-cart-row th, .synthic-credits-cart-row td { font-size: 13px; color: #5C6D37; }

/* ─── Floating Widget ──────────────────────────────────────── */

.sr-widget {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9998;
    font-family: 'Poppins', sans-serif;
}

/* Tab trigger */
.sr-widget__tab {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #272030;
    color: #F8F7F2;
    border: none;
    border-radius: 24px;
    padding: 10px 18px 10px 14px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(39,32,48,.35);
    transition: background .15s, transform .15s;
    white-space: nowrap;
}

.sr-widget__tab:hover {
    background: #3a3050;
    transform: translateY(-1px);
}

.sr-widget__tab-icon {
    color: #CEDAB6;
    font-size: 14px;
    line-height: 1;
}

.sr-widget__tab-label {
    color: #F8F7F2;
}

/* Panel */
.sr-widget__panel {
    position: absolute;
    bottom: 56px;
    left: 0;
    width: 280px;
    background: #272030;
    border-radius: 12px;
    padding: 24px 20px 20px;
    box-shadow: 0 8px 32px rgba(39,32,48,.5);
    opacity: 0;
    transform: translateY(8px) scale(.97);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}

.sr-widget--open .sr-widget__panel {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.sr-widget__close {
    position: absolute;
    top: 10px;
    right: 14px;
    background: none;
    border: none;
    color: #8D9E6A;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}

.sr-widget__close:hover { color: #F8F7F2; }

/* Member panel — balance */
.sr-widget__header {
    text-align: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(206,218,182,.12);
}

.sr-widget__balance {
    font-size: 40px;
    font-weight: 600;
    color: #CEDAB6;
    line-height: 1;
}

.sr-widget__balance-label {
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #8D9E6A;
    margin-top: 4px;
}

.sr-widget__balance-value {
    font-size: 13px;
    color: #F8F7F2;
    margin-top: 6px;
}

.sr-widget__balance-value strong { color: #CEDAB6; }

.sr-widget__progress-label {
    font-size: 12px;
    color: #8D9E6A;
    margin-top: 6px;
}

/* Guest panel */
.sr-widget__join-icon {
    font-size: 28px;
    color: #CEDAB6;
    margin-bottom: 8px;
}

.sr-widget__join-title {
    font-size: 16px;
    font-weight: 600;
    color: #F8F7F2;
    margin-bottom: 4px;
}

.sr-widget__join-sub {
    font-size: 12px;
    color: #8D9E6A;
    line-height: 1.5;
}

/* Earn list */
.sr-widget__earn-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
}

.sr-widget__earn-list li {
    font-size: 12px;
    color: #CEDAB6;
    padding: 5px 0;
    border-bottom: 1px solid rgba(206,218,182,.08);
}

.sr-widget__earn-list li strong {
    color: #F8F7F2;
}

/* CTA button */
.sr-widget__btn {
    display: block;
    background: #5C6D37;
    color: #F8F7F2 !important;
    text-decoration: none !important;
    text-align: center;
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    transition: background .15s;
}

.sr-widget__btn:hover {
    background: #8D9E6A;
    color: #F8F7F2 !important;
}

.sr-widget__login-link {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    color: #8D9E6A !important;
    text-decoration: none !important;
}

.sr-widget__login-link:hover { color: #CEDAB6 !important; }

/* ─── Product Page Micro-copy ──────────────────────────────── */

.sr-product-microcopy {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #5C6D37;
    margin: 6px 0 12px;
}

.sr-product-microcopy__icon {
    color: #8D9E6A;
    font-size: 14px;
}

.sr-product-microcopy strong {
    color: #5C6D37;
    font-weight: 600;
}

/* ─── Cart Micro-copy ──────────────────────────────────────── */

.sr-cart-microcopy th,
.sr-cart-microcopy td {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #5C6D37 !important;
}

.sr-earn-highlight {
    color: #5C6D37 !important;
    font-weight: 600;
}

/* My Account page overrides */
.woocommerce-MyAccount-content > p:first-child { display: none !important; }
.woocommerce-MyAccount-content > p:nth-child(2) { display: none !important; }
.sr-tab-bar { max-width: 100%; }


/* Cream focus states — single rule, no double outline */
.sr-toggle-btn:focus,
.sr-toggle-btn:active,
.sr-toggle-btn:focus-visible { outline: 1px solid #CEDAB6 !important; outline-offset: 2px !important; box-shadow: none !important; }
.sr-widget__tab:focus,
.sr-widget__tab:active,
.sr-widget__tab:focus-visible { outline: 1px solid #CEDAB6 !important; box-shadow: none !important; }
* { -webkit-tap-highlight-color: rgba(206,218,182,0.3) !important; }

/* Override WooCommerce reset.css pink border on Apply Credits button */
button#synthic-toggle-credits,
button#synthic-toggle-credits:focus,
button#synthic-toggle-credits:active,
button#synthic-toggle-credits:hover { border: none !important; outline: none !important; box-shadow: none !important; }

/* Checkout credits box branding */
.sr-credits-branding { font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: #8D9E6A; font-family: 'Poppins', sans-serif; font-weight: 600; margin-bottom: 8px; }
.sr-credits-rate { font-size: 13px; color: #8D9E6A; font-family: 'Poppins', sans-serif; margin-top: 8px; margin-bottom: 12px; }

/* Checkout credits box layout fix */
.synthic-credits-checkout { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.sr-credits-branding { font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: #8D9E6A; font-family: 'Poppins', sans-serif; font-weight: 600; display: block; width: 100%; }
.sr-credits-header { display: block; width: 100%; }
.sr-credits-rate { font-size: 13px; color: #8D9E6A; font-family: 'Poppins', sans-serif; display: block; width: 100%; }
.sr-toggle-btn { align-self: flex-start; margin-top: 4px; }

/* Checkout box font + button fixes */
.sr-credits-branding { font-size: 16px !important; letter-spacing: 0.1em !important; }
.sr-toggle-btn { border-radius: 5px !important; width: 100% !important; padding: 14px !important; font-size: 16px !important; }

/* Checkout box final fixes */
.sr-credits-branding { font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; }
#synthic-toggle-credits { border-radius: 5px !important; }

/* Match Apply Credits to Place Order button style */
#synthic-toggle-credits {
    border-radius: 50px !important;
    width: 100% !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    background: #5C6D37 !important;
    color: #F8F7F2 !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 8px !important;
}