.elementor-21 .elementor-element.elementor-element-71bef744{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-3e9c8f7d *//* ------------------------------
   WooCommerce Account Navigation - Dropdown Mobile Hack
   ------------------------------ */
/* Hide the dropdown by default */
.woocommerce-MyAccount-navigation-select {
    display: none;
}

/* Desktop styles remain the same */
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--spacing-sm);
}

.woocommerce-MyAccount-navigation li {
    flex: auto;
    list-style: none;
}

.woocommerce-MyAccount-navigation a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    padding: 0.9rem 1.25rem;
    font-weight: 500;
    font-size: 15px;
    color: var(--color-text-primary);
    background-color: var(--color-background-secondary);
    border-left: 4px solid transparent;
    border-radius: var(--border-radius-md);
    transition: all var(--transition-medium);
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation a:focus {
    background-color: var(--color-background-hover);
    border-left-color: var(--color-accent-primary);
    color: var(--color-accent-secondary) !important;
}

.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a[aria-current="page"] {
    background-color: var(--color-background-hover);
    border-left-color: var(--color-accent-primary);
    color: var(--color-text-primary);
    font-weight: 600;
    box-shadow: inset 0 0 10px rgba(var(--color-accent-primary-rgb), 0.2);
}

/* Fixed Icons Section */
.woocommerce-MyAccount-navigation li a::before {
    display: inline-block;
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome' !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
}

/* Alternative icons using only free Font Awesome icons */
.woocommerce-MyAccount-navigation-link--dashboard a::before       { content: "\f015"; } /* home */
.woocommerce-MyAccount-navigation-link--orders a::before          { content: "\f291"; } /* shopping-bag */
.woocommerce-MyAccount-navigation-link--edit-address a::before    { content: "\f041"; } /* map-marker (free) */
.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "\f09d"; } /* credit-card */
.woocommerce-MyAccount-navigation-link--edit-account a::before    { content: "\f007"; } /* user */
.woocommerce-MyAccount-navigation-link--my-points a::before       { content: "\f005"; } /* star (free reward icon) */

/* Mobile Styles */
@media (max-width: 1024px) {
    /* Hide the regular navigation */
    .woocommerce-MyAccount-navigation ul {
        display: none;
    }
    
    /* Show the dropdown */
    .woocommerce-MyAccount-navigation-select {
        display: block;
        width: 100%;
        padding: 12px 16px;
        font-size: 16px;
        border: 1px solid var(--color-border-primary);
        border-radius: var(--border-radius-md);
        background-color: var(--color-background-secondary);
        color: var(--color-text-primary);
        margin-bottom: var(--spacing-lg);
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        background-size: 16px;
    }
    
    .woocommerce-MyAccount-navigation-select:focus {
        outline: none;
        border-color: var(--color-accent-primary);
        box-shadow: 0 0 0 2px rgba(var(--color-accent-primary-rgb), 0.2);
    }
}

/* Fallback for no-JS */
.no-js .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap;
}

.no-js .woocommerce-MyAccount-navigation-select {
    display: none;
}

.woocommerce-MyAccount-content {
    background: var(--color-background-secondary);
    padding: var(--spacing-lg);
    border-radius: var(--border-radius-lg);
}

.woocommerce-MyAccount-content .addresses address { 
    background: var(--color-background-tertiary);
    padding: var(--spacing-lg);
    border-radius: var(--border-radius-lg);
}

/* Rewards Points Tabs - Fix Icon Positioning Override */
.ywpar_tabs_header ul {
    border-bottom: unset;
}

/* Rewards Points Tabs - Fix Icon Positioning Override */
body .ywpar_tabs_header ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: var(--spacing-sm) !important;
}

body .ywpar_tabs_header li {
    flex: auto !important;
    list-style: none !important;
    margin: 0 !important;
    padding: var(--spacing-sm) !important;
    /* Apply borders to the LI element */
    border-left: 4px solid transparent !important;
    border-radius: var(--border-radius-md) !important;
    transition: all var(--transition-medium) !important;
    background-color: var(--color-background-tertiary) !important;
}

/* Override the theme's ::before styles for these specific list items */
body .ywpar_tabs_header li::before {
    display: none !important;
    content: "" !important;
}

/* Style the links to take full width and position icons properly */
body .ywpar_tabs_links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 0.9rem 1.25rem !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: var(--color-text-primary) !important;
    background-color: transparent !important;
    border-radius: var(--border-radius-md) !important;
    transition: all var(--transition-medium) !important;
    cursor: pointer !important;
    border: none !important;
    font-family: inherit !important;
}

/* Use ::after instead of ::before to avoid theme conflicts */
body .ywpar_tabs_links::after {
    display: inline-block !important;
    font-family: 'FontAwesome' !important;
    font-weight: 900 !important;
    font-style: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    line-height: 1 !important;
    margin-left: 8px !important;
    content: "" !important;
    /* Ensure proper positioning */
    position: static !important;
}

/* Specific icons for each tab using ::after */
body .ywpar_tabs_links[data-target="history"]::after {
    content: "\f1da" !important; /* fa-history */
}

body .ywpar_tabs_links[data-target="targets"]::after {
    content: "\f024" !important; /* fa-flag-checkered */
}

body .ywpar_tabs_links[data-target="getpoints"]::after {
    content: "\f055" !important; /* fa-plus-circle */
}

body .ywpar_tabs_links[data-target="share_points"]::after {
    content: "\f091" !important; /* fa-award */
}

/* Keep using ::after but make it appear before text visually */
body .ywpar_tabs_links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row-reverse !important; /* This reverses icon/text order */
    gap: 8px !important;
    width: 100% !important;
}

body .ywpar_tabs_links::after {
    margin-left: 0 !important;
    margin-right: 8px !important; /* Add space after icon instead of before */
}

/* Hover + focus states - apply to LI */
body .ywpar_tabs_header li:hover,
body .ywpar_tabs_header li:focus-within {
    background-color: var(--color-background-hover) !important;
    border-left-color: var(--color-accent-primary) !important;
}

body .ywpar_tabs_links:hover,
body .ywpar_tabs_links:focus {
    color: var(--color-accent-secondary) !important;
}

/* Active tab - apply to LI */
body .ywpar_tabs_header li.active {
    background-color: var(--color-background-hover) !important;
    border-left-color: var(--color-accent-primary) !important;
    box-shadow: inset 0 0 10px rgba(var(--color-accent-primary-rgb), 0.2) !important;
}

body .ywpar_tabs_links.active {
    color: var(--color-text-primary) !important;
    font-weight: 600 !important;
}

/* Fix the Manage Reward Points tab text */
body .ywpar_tabs_links[data-target="share_points"] br {
    display: none !important;
}

body .ywpar_tabs_links[data-target="share_points"] {
    white-space: nowrap !important;
}

/* Mobile responsiveness */
@media (max-width: 1024px) {
    body .ywpar_tabs_header ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
    
    body .ywpar_tabs_header li {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
    
    body .ywpar_tabs_links {
        font-size: 14px !important;
        padding: 0.7rem 0.5rem !important;
    }
}

/* Badge Cards */
.ywpar_myaccount_entry_info > div {
  background-color: var(--color-accent-primary) !important;
}
.ywpar_myaccount_entry_info, .ywpar_myaccount_entry_info span.ywpar_to_redeem_title {
  color:var(--color-textt-primary) !important;
font-weight:bold;
}

/* ==========================================================================
   Points Rewards Table Styles
   ========================================================================== */
table.shop_table.ywpar_points_rewards {
    border-collapse: collapse !important;
    width: 100%;
}

table.shop_table.ywpar_points_rewards thead {
    background-color: var(--color-accent-primary) !important;
}

table.shop_table.ywpar_points_rewards th {
    background-color: var(--color-accent-primary) !important;
    border: none !important;
    color: var(--color-text-primary) !important;
    padding: var(--spacing-md) var(--spacing-sm);
    font-weight: 600;
    text-align: left;
}

/* Alternate row backgrounds */
table.shop_table.ywpar_points_rewards tbody > tr.ywpar-item:nth-child(odd) {
    background-color: var(--color-background-secondary) !important;
    border: none !important;
}

table.shop_table.ywpar_points_rewards tbody > tr.ywpar-item:nth-child(even) {
    background-color: var(--color-background-wishlist-even) !important;
    border: none !important;
}

/* Hover effects */
table.shop_table.ywpar_points_rewards tbody > tr.ywpar-item:hover {
    background-color: var(--color-background-wishlist-hover) !important;
}

/* Table cells */
table.shop_table.ywpar_points_rewards td {
    background: unset !important;
    color: var(--color-text-secondary) !important;
    border-color: unset !important;
    padding: var(--spacing-md) var(--spacing-sm);
    border: none !important;
}

/* Points column styling */
table.shop_table.ywpar_points_rewards td.ywpar_points_rewards-points {
    color: var(--color-text-primary) !important;
    font-weight: 600 !important;
    text-align: right;
}

/* Plus points styling */
table.shop_table.ywpar_points_rewards span.ywpar_plus {
    color: var(--color-state-success) !important;
    font-weight: bold;
    margin-right: var(--spacing-xs);
}

/* Minus points styling (if needed) */
table.shop_table.ywpar_points_rewards span.ywpar_minus {
    color: var(--color-state-error) !important;
    font-weight: bold;
    margin-right: var(--spacing-xs);
}

/* ==========================================================================
   Improved Mobile Responsive Styles
   ========================================================================== */
@media (max-width: 768px) {
    table.shop_table.ywpar_points_rewards {
        border: none !important;
        background: transparent !important;
    }
    
    table.shop_table.ywpar_points_rewards thead {
        display: none;
    }
    
    /* Mobile row styling with clear separation */
    table.shop_table.ywpar_points_rewards tbody tr.ywpar-item {
        display: block;
        margin-bottom: var(--spacing-lg);
        border-radius: var(--border-radius-md);
        padding: var(--spacing-lg);
        box-shadow: var(--shadow-light);
        border: 1px solid var(--color-border-primary);
    }
    
    /* Alternate mobile backgrounds */
    table.shop_table.ywpar_points_rewards tbody tr.ywpar-item:nth-child(odd) {
        background-color: var(--color-background-secondary) !important;
    }
    
    table.shop_table.ywpar_points_rewards tbody tr.ywpar-item:nth-child(even) {
        background-color: var(--color-background-wishlist-even) !important;
    }
    
    table.shop_table.ywpar_points_rewards tbody tr.ywpar-item:hover {
        background-color: var(--color-background-wishlist-hover) !important;
        transform: translateY(-2px);
        transition: all var(--transition-fast);
        box-shadow: var(--shadow-medium);
    }
    
    /* Mobile cell styling */
    table.shop_table.ywpar_points_rewards td {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: var(--spacing-sm) 0;
        border: none !important;
        background: transparent !important;
        border-bottom: 1px solid var(--color-border-secondary);
    }
    
    /* Remove border from last cell */
    table.shop_table.ywpar_points_rewards td:last-child {
        border-bottom: none !important;
        padding-bottom: 0;
    }
    
    /* Data title styling */
    table.shop_table.ywpar_points_rewards td::before {
        content: attr(data-title);
        font-weight: 600;
        color: var(--color-text-primary);
        margin-right: var(--spacing-sm);
        flex: 0 0 40%;
        text-align: left;
    }
    
    /* Cell content styling */
    table.shop_table.ywpar_points_rewards td {
        text-align: right !important;
        flex: 1;
        color: var(--color-text-secondary);
    }
    
    /* Points column mobile - make it stand out */
    table.shop_table.ywpar_points_rewards td.ywpar_points_rewards-points {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        font-size: 1.2em;
        font-weight: 700;
        padding: var(--spacing-md) 0 0 0;
        margin-top: var(--spacing-sm);
        border-top: 2px solid var(--color-accent-primary);
        border-bottom: none !important;
        background: linear-gradient(135deg, var(--color-background-tertiary), transparent) !important;
        border-radius: var(--border-radius-sm);
        padding: var(--spacing-md) var(--spacing-sm);
    }
    
    table.shop_table.ywpar_points_rewards td.ywpar_points_rewards-points::before {
        content: "Total Points";
        font-size: 1em;
        color: var(--color-text-primary);
    }
    
    /* Points value emphasis */
    table.shop_table.ywpar_points_rewards td.ywpar_points_rewards-points {
        color: var(--color-text-primary) !important;
        font-weight: 700 !important;
    }
    
    /* Plus points on mobile */
    table.shop_table.ywpar_points_rewards span.ywpar_plus {
        display: inline-block;
        background: var(--color-state-success);
        color: var(--color-text-white) !important;
        padding: 2px 8px;
        border-radius: var(--border-radius-sm);
        font-size: 0.9em;
        margin-right: var(--spacing-xs);
    }
    
    /* Date column emphasis */
    table.shop_table.ywpar_points_rewards td.ywpar_points_rewards-date {
        font-weight: 600;
        color: var(--color-text-primary);
        border-bottom: 2px solid var(--color-border-primary);
    }
    
    /* Reason column styling */
    table.shop_table.ywpar_points_rewards td.ywpar_points_rewards-action {
        font-style: italic;
        color: var(--color-text-secondary);
    }
    
    /* Order column styling */
    table.shop_table.ywpar_points_rewards td.ywpar_points_rewards-order {
        color: var(--color-text-muted);
        font-size: 0.9em;
    }
}

/* ==========================================================================
   WooCommerce Orders Table Styles
   ========================================================================== */
table.woocommerce-orders-table.woocommerce-MyAccount-orders {
    border-collapse: collapse !important;
    width: 100%;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders thead {
    background-color: var(--color-accent-primary) !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders th {
    background-color: var(--color-accent-primary) !important;
    border: none !important;
    color: var(--color-text-primary) !important;
    padding: var(--spacing-md) var(--spacing-sm);
    font-weight: 600;
    text-align: left;
}

/* Alternate row backgrounds */
table.woocommerce-orders-table.woocommerce-MyAccount-orders tbody > tr.woocommerce-orders-table__row:nth-child(odd) {
    background-color: var(--color-background-secondary) !important;
    border: none !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders tbody > tr.woocommerce-orders-table__row:nth-child(even) {
    background-color: var(--color-background-wishlist-even) !important;
    border: none !important;
}

/* Hover effects */
table.woocommerce-orders-table.woocommerce-MyAccount-orders tbody > tr.woocommerce-orders-table__row:hover {
    background-color: var(--color-background-wishlist-hover) !important;
}

/* Table cells */
table.woocommerce-orders-table.woocommerce-MyAccount-orders td {
    background: unset !important;
    color: var(--color-text-secondary) !important;
    border-color: unset !important;
    padding: var(--spacing-md) var(--spacing-sm);
    border: none !important;
}

/* Order number styling */
table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-number a {
    color: var(--color-accent-primary) !important;
    font-weight: 600;
    text-decoration: none !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-number a:hover {
    color: var(--color-accent-secondary) !important;
}

/* Status styling */
table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-status {
    font-weight: 600;
}

/* Processing status */
table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-status:contains("Processing") {
    color: var(--color-state-warning) !important;
}

/* Completed status */
table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-status:contains("Completed") {
    color: var(--color-state-success) !important;
}

/* Total amount styling */
table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-total {
    font-weight: 600;
    color: var(--color-text-primary) !important;
}

/* Action buttons */
table.woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-button.button {
    background-color: var(--color-button-secondary) !important;
    color: var(--color-button-secondary-text) !important;
    border: none !important;
    border-radius: var(--border-radius-sm) !important;
    padding: var(--spacing-xs) var(--spacing-sm) !important;
    text-decoration: none !important;
    font-size: 0.9em;
    margin-right: var(--spacing-xs);
    display: inline-block;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-button.button:hover {
    background-color: var(--color-button-secondary-hover) !important;
    transform: translateY(-1px);
}

/* ==========================================================================
   Improved Mobile Responsive Styles
   ========================================================================== */
@media (max-width: 768px) {
    table.woocommerce-orders-table.woocommerce-MyAccount-orders {
        border: none !important;
        background: transparent !important;
    }
    
    table.woocommerce-orders-table.woocommerce-MyAccount-orders thead {
        display: none;
    }
    
    /* Mobile row styling with clear separation */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders tbody tr.woocommerce-orders-table__row {
        display: block;
        margin-bottom: var(--spacing-lg);
        border-radius: var(--border-radius-md);
        padding: var(--spacing-lg);
        box-shadow: var(--shadow-light);
        border: 1px solid var(--color-border-primary);
    }
    
    /* Alternate mobile backgrounds */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders tbody tr.woocommerce-orders-table__row:nth-child(odd) {
        background-color: var(--color-background-secondary) !important;
    }
    
    table.woocommerce-orders-table.woocommerce-MyAccount-orders tbody tr.woocommerce-orders-table__row:nth-child(even) {
        background-color: var(--color-background-wishlist-even) !important;
    }
    
    table.woocommerce-orders-table.woocommerce-MyAccount-orders tbody tr.woocommerce-orders-table__row:hover {
        background-color: var(--color-background-wishlist-hover) !important;
        transform: translateY(-2px);
        transition: all var(--transition-fast);
        box-shadow: var(--shadow-medium);
    }
    
    /* Mobile cell styling */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: var(--spacing-sm) 0;
        border: none !important;
        background: transparent !important;
        border-bottom: 1px solid var(--color-border-secondary);
    }
    
    /* Remove border from last cell */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td:last-child {
        border-bottom: none !important;
        padding-bottom: 0;
        padding-top: var(--spacing-md);
    }
    
    /* Data title styling */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td::before {
        content: attr(data-title);
        font-weight: 600;
        color: var(--color-text-primary);
        margin-right: var(--spacing-sm);
        flex: 0 0 30%;
        text-align: left;
    }
    
    /* Cell content styling */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td {
        text-align: right !important;
        flex: 1;
        color: var(--color-text-secondary);
    }
    
    /* Order number mobile emphasis */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-number {
        font-weight: 700;
        font-size: 1.1em;
        border-bottom: 2px solid var(--color-border-primary);
    }
    
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-number a {
        color: var(--color-accent-primary) !important;
    }
    
    /* Status mobile styling */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-status {
        font-weight: 600;
        padding: 4px 8px;
        border-radius: var(--border-radius-sm);
        display: inline-block;
        background: var(--color-background-tertiary);
    }
    
    /* Total amount mobile emphasis */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-total {
        font-weight: 700;
        color: var(--color-text-primary) !important;
        font-size: 1.1em;
    }
    
    /* Actions mobile styling */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-actions {
        display: flex !important;
        flex-direction: column;
        gap: var(--spacing-xs);
        border-top: 2px solid var(--color-accent-primary);
        margin-top: var(--spacing-sm);
        padding-top: var(--spacing-md) !important;
    }
    
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-actions::before {
        content: "Order Actions";
        font-weight: 600;
        color: var(--color-text-primary);
        margin-bottom: var(--spacing-xs);
        flex: 0 0 100%;
        text-align: left;
    }
    
    /* Action buttons mobile */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-button.button {
        width: 100%;
        text-align: center;
        margin-right: 0;
        margin-bottom: var(--spacing-xs);
    }
    
    /* Date column styling */
    table.woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-date {
        font-weight: 600;
        color: var(--color-text-primary);
    }
}/* End custom CSS */