.elementor-116 .elementor-element.elementor-element-1b8991c1{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-06e91ed *//* =====================================================
   INKYCUSTOMS — WPLOYALTY PAGE CSS OVERRIDE
   Targets: .wlr-myaccount-page and all WPLoyalty classes
   Works on: Standalone loyalty page + My Account widget
   Palette: #1A1A1A | #323232 | #999999 | #F8F8F8 | #FFFFFF | #258A3E | #AE0000
   ===================================================== */

/* =====================================================
   0. GLOBAL FONT + RESET
   ===================================================== */
.wlr-myaccount-page,
.wlr-myaccount-page *,
.wlr-page-page,
.wlr-page-page * {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Remove all WPLoyalty default spacing */
.wlr-myaccount-page p:empty,
.wlr-myaccount-page br {
    display: none !important;
}

/* =====================================================
   1. SECTION HEADINGS
   ===================================================== */
.wlr-heading-container {
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #ebebeb !important;
}

.wlr-heading {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    /* Kill the purple left border WPLoyalty adds */
    border-left: none !important;
    background: none !important;
}

/* WPLoyalty adds a ::before purple bar — kill it */
.wlr-heading::before,
.wlr-heading-container::before {
    display: none !important;
    content: none !important;
}

/* =====================================================
   2. SECTION WRAPPER SPACING
   ===================================================== */
.wlr-user-details,
.wlr-referral-blog,
.wlr-your-reward,
.wlr-transaction-blog,
.wlr-earning-options,
.wlr-enable-email-sent-blog {
    margin-bottom: 48px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* =====================================================
   3. POINTS SUMMARY CARDS (Available / Redeemed / Used)
   ===================================================== */
#wlr-points {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}

#wlr-available-points,
#wlr-redeemed-points,
#wlr-used-rewards {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* Hide the broken WPLoyalty icons */
#wlr-available-points .wlr-icon,
#wlr-redeemed-points .wlr-icon,
#wlr-used-rewards .wlr-icon,
.wlr-card-icon .wlr-icon,
.wlr-earning-option .wlr-icon {
    display: none !important;
}

/* Points card labels */
#wlr-available-points-heading,
#wlr-redeemed-points-heading,
#wlr-used-rewards-heading {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #999999 !important;
    letter-spacing: 0.05em !important;
    display: block !important;
    margin-bottom: 4px !important;
}

/* Points values */
#wlr-available-point-value,
#wlr-redeemed-point-value,
#wlr-used-reward-value-count {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
}

/* Points sub-text */
#wlr-available-points .wlr-text-color p,
#wlr-redeemed-points .wlr-text-color p,
#wlr-used-rewards .wlr-text-color p {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin: 0 !important;
}

/* Currency dropdown */
#wlr_currency_list {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    background: #F8F8F8 !important;
    padding: 4px 8px !important;
    outline: none !important;
}

/* =====================================================
   4. REFERRAL LINK BOX
   ===================================================== */
.wlr-referral-box {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #F8F8F8 !important;
}

.wlr_referral_url {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    background: transparent !important;
    border: none !important;
    padding: 12px 16px !important;
    flex: 1 !important;
    outline: none !important;
    letter-spacing: 0.02em !important;
}

/* Copy Link button — override the purple inline style */
.wlr-referral-box .input-group-append {
    background: #1a1a1a !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
}

.wlr-referral-box .input-group-append:hover {
    background: #323232 !important;
}

.wlr-referral-box .input-group-text {
    background: #1a1a1a !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 20px !important;
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Hide copy icon */
.wlr-referral-box .wlrf-copy {
    display: none !important;
}

/* =====================================================
   5. MY REWARDS TABS
   ===================================================== */
.wlr-user-reward-titles {
    display: flex !important;
    gap: 0 !important;
    border-bottom: 1px solid #ebebeb !important;
    margin-bottom: 24px !important;
}

.wlr-my-rewards-title {
    padding: 12px 20px !important;
    cursor: pointer !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    transition: all 0.15s ease !important;
}

.wlr-my-rewards-title.active {
    border-bottom: 2px solid #1a1a1a !important;
}

.wlr-my-rewards-title h4 {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.wlr-my-rewards-title.active h4,
.wlr-my-rewards-title:hover h4 {
    color: #1a1a1a !important;
}

/* Hide tab icons */
.wlr-my-rewards-title i {
    display: none !important;
}

/* =====================================================
   6. REWARD CARDS (Redeem InkyPoints card)
   ===================================================== */
.wlr-reward-card {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 20px !important;
    margin-bottom: 12px !important;
}

/* Points conversion badge */
.wlr-reward-type-name {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #258A3E !important;
    background: #f5faf6 !important;
    border: 1px solid #c8e6d0 !important;
    border-radius: 0 !important;
    padding: 4px 10px !important;
    display: inline-block !important;
    margin-bottom: 16px !important;
}

.wlr-card-icon-container {
    display: none !important;
}

.wlr-name.wlr-text-color,
.wlr-name p.wlr-pre-text {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: 0.02em !important;
}

.wlr-description.wlr-pre-text {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin: 0 0 16px 0 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.5 !important;
}

/* Redeem Now button — override purple inline style */
.wlr-button-reward.wlr-button-action,
.wlr-button.wlr-button-action {
    background: #1a1a1a !important;
    border-radius: 0 !important;
    padding: 12px 24px !important;
    display: inline-block !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    width: auto !important;
    border: none !important;
}

.wlr-button-reward.wlr-button-action:hover,
.wlr-button.wlr-button-action:hover {
    background: #323232 !important;
}

.wlr-action-text {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

/* Point conversion input section */
.wlr-point-conversion-section {
    background: #F8F8F8 !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
}

.wlr-input-point-conversion {
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    background: #ffffff !important;
}

.wlr-point-conversion-box {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    border: none !important;
    background: transparent !important;
    padding: 8px 12px !important;
    outline: none !important;
}

.wlr-point-label-content {
    border: none !important;
    border-top: 1px solid #ebebeb !important;
    padding: 8px 12px !important;
    background: transparent !important;
}

.wlr-input-point-title {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #999999 !important;
    margin: 0 !important;
}

.wlr-point-conversion-discount-label {
    font-weight: 600 !important;
    color: #258A3E !important;
}

/* Close icon */
.wlrf-close {
    color: #999999 !important;
    font-size: 16px !important;
}

/* =====================================================
   7. COUPONS EMPTY STATE
   ===================================================== */
.wlr-norecords-container {
    padding: 40px 20px !important;
    text-align: center !important;
    background: #F8F8F8 !important;
    border: 1px dashed #d4d4d4 !important;
}

.wlr-norecords-container h4 {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 12px 0 8px 0 !important;
}

.wlr-norecords-container p {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin: 0 !important;
}

.wlr-norecords-container i {
    display: none !important;
}

/* =====================================================
   8. EXPIRED COUPON CARD
   ===================================================== */
.wlr-new-coupon-card {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 20px !important;
    margin-bottom: 12px !important;
}

.wlr-expired-card {
    opacity: 0.6 !important;
}

.wlr-coupon-card-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.wlr-code {
    border: 1px dashed #d4d4d4 !important;
    border-radius: 0 !important;
    padding: 8px 14px !important;
    background: #F8F8F8 !important;
}

.wlr-coupon-code span {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #999999 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* =====================================================
   9. ACTIVITY TABLE
   ===================================================== */
.wlr-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Wonder Unit Sans', sans-serif !important;
}

.wlr-table-header th {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    padding: 10px 14px !important;
    background: #F8F8F8 !important;
    border: none !important;
    border-bottom: 1px solid #ebebeb !important;
    text-align: left !important;
}

.wlr-transaction-table-body {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #323232 !important;
    padding: 12px 14px !important;
    border: none !important;
    border-bottom: 1px solid #ebebeb !important;
    vertical-align: middle !important;
}

/* Order number link */
.wlr-theme-color-apply.wlr-nowrap {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    color: #258A3E !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Next/Prev pagination */
#wlr-next-button,
.wlr-cursor.wlr-text-color {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    letter-spacing: 0.05em !important;
}

/* =====================================================
   10. WAYS TO EARN CARDS
   ===================================================== */
.wlr-campaign-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
}

.wlr-card.wlr-earning-option {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 20px !important;
    transition: border-color 0.15s ease !important;
}

.wlr-card.wlr-earning-option:hover {
    border-color: #1a1a1a !important;
}

.wlr-card-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.wlr-name h4,
.wlr-earning-option .wlr-name p.wlr-pre-text {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
    letter-spacing: 0.02em !important;
}

.wlr-discount-point {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #258A3E !important;
    margin: 0 !important;
    letter-spacing: 0.03em !important;
}

.wlr-earning-option .wlr-description {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.02em !important;
}

/* Show more / Show less links */
.wlr-read-more-label,
.wlr-read-less-label {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    color: #1a1a1a !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

/* Follow button — override purple inline style */
.wlr-followup-section {
    background: #1a1a1a !important;
    border-radius: 0 !important;
    padding: 6px 12px !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
}

.wlr-followup-section:hover {
    background: #323232 !important;
}

.wlr-followup-section a,
.wlr-followup-section span {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.wlr-followup-section i {
    display: none !important;
}

/* Birthday Set Birthday button */
.wlr-birthday-edit-button a {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: underline !important;
    letter-spacing: 0.03em !important;
}

.wlr-birthday-edit-button i {
    display: none !important;
}

/* Birthday date editor */
.wlr-date-editor {
    background: #1a1a1a !important;
    border-radius: 0 !important;
}

.wlr-date-editor-container {
    padding: 20px !important;
}

.wlr-date-container label {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.wlr-date-container input {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    background: #323232 !important;
    border: 1px solid #444 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    width: 100% !important;
    outline: none !important;
}

/* Update Birthday button */
.wlr-update-birthday {
    background: #258A3E !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 16px !important;
    transition: background 0.15s ease !important;
}

.wlr-update-birthday:hover {
    background: #1e7233 !important;
}

/* =====================================================
   11. NOTIFICATION PREFERENCE
   ===================================================== */
.wlr-sent-email {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.wlr-sent-email input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: #1a1a1a !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    flex-shrink: 0 !important;
}

.wlr-sent-email label {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #323232 !important;
    letter-spacing: 0.02em !important;
    cursor: pointer !important;
}

/* =====================================================
   12. FORCE OVERRIDE ALL INLINE PURPLE STYLES
   These target elements where WPLoyalty hardcodes
   background:#4F47EB via inline style attributes
   ===================================================== */

/* Any button with inline purple background */
[style*="background:#4F47EB"],
[style*="background: #4F47EB"] {
    background: #1a1a1a !important;
    border-radius: 0 !important;
}

/* Any text with inline purple color */
[style*="color:#4F47EB"],
[style*="color: #4F47EB"] {
    color: #1a1a1a !important;
}

/* =====================================================
   13. MOBILE RESPONSIVE
   ===================================================== */
@media (max-width: 768px) {
    #wlr-points {
        grid-template-columns: 1fr !important;
    }

    .wlr-campaign-container {
        grid-template-columns: 1fr !important;
    }

    .wlr-user-reward-titles {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
    }

    .wlr-my-rewards-title {
        white-space: nowrap !important;
        padding: 12px 14px !important;
    }

    .wlr-table {
        display: block !important;
        overflow-x: auto !important;
    }
}/* End custom CSS */