.elementor-960 .elementor-element.elementor-element-16a26d54{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:var( --e-global-color-v4-bg-card-2 );}.elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:var( --e-global-typography-a33b364-font-family ), Sans-serif;font-size:var( --e-global-typography-a33b364-font-size );font-weight:var( --e-global-typography-a33b364-font-weight );}.elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:var( --e-global-typography-125d7de-font-family ), Sans-serif;font-size:var( --e-global-typography-125d7de-font-size );font-weight:var( --e-global-typography-125d7de-font-weight );}.elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-MyAccount-content > div > p, .elementor-960 .elementor-element.elementor-element-2344153 address, .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-EditAccountForm fieldset legend, .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-ResetPassword p:nth-child(1), .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-OrderUpdate{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}body.elementor-page-960:not(.elementor-motion-effects-element-type-background), body.elementor-page-960 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6ef6f55 );}@media(max-width:1024px){.elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-size:var( --e-global-typography-a33b364-font-size );}.elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-size:var( --e-global-typography-125d7de-font-size );}.elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-MyAccount-content > div > p, .elementor-960 .elementor-element.elementor-element-2344153 address, .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-EditAccountForm fieldset legend, .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-ResetPassword p:nth-child(1), .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-OrderUpdate{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-size:var( --e-global-typography-a33b364-font-size );}.elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-960 .elementor-element.elementor-element-2344153 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-size:var( --e-global-typography-125d7de-font-size );}.elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-MyAccount-content > div > p, .elementor-960 .elementor-element.elementor-element-2344153 address, .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-EditAccountForm fieldset legend, .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-ResetPassword p:nth-child(1), .elementor-960 .elementor-element.elementor-element-2344153 .woocommerce-OrderUpdate{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS *//*======================================================================
    21. WOOCOMMERCE MY ACCOUNT (ELEMENTOR OVERRIDE)
======================================================================*/

/* 1. Inject RareSena Brand Variables into Elementor's Architecture */
html body .elementor-widget-woocommerce-my-account {
    --sections-background-color: #262620 !important; /* Dark Charcoal for boxes */
    --sections-border-color: #33332D !important; /* Dark borders */
    --general-text-color: #F5F5F0 !important; /* Off-White text */
    --forms-labels-color: #F5F5F0 !important;
    --links-normal-color: #B8962E !important; /* Gold links */
    --links-hover-color: #D4AF37 !important;
    --tabs-normal-color: #F5F5F0 !important;
    --tabs-active-color: #B8962E !important; /* Gold active tab text */
    --tabs-active-border-color: #B8962E !important;
    --tabs-hover-color: #D4AF37 !important;
    --forms-buttons-normal-text-color: #1A1A14 !important; /* Dark text on Gold buttons */
    --forms-fields-normal-background-color: #1A1A14 !important;
    --forms-fields-focus-background-color: #1A1A14 !important;
    --forms-fields-normal-color: #F5F5F0 !important;
    --forms-fields-focus-color: #B8962E !important;
    --typography-section-titles-color: #B8962E !important; /* Gold Headers */
    --tables-title-color: #B8962E !important;
    --tables-items-color: #F5F5F0 !important;
    --tables-divider-border-color: #33332D !important;
    --checkboxes-color: #F5F5F0 !important;
    --variations-color: #F5F5F0 !important;
    --payment-methods-radio-buttons-color: #F5F5F0 !important;
}

/* 2. Force Tab Backgrounds to Match Dark Theme */
html body .elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
    background-color: #1A1A14 !important; 
    border: 1px solid #33332D !important;
}

html body .elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #262620 !important; 
    border-left: 3px solid #B8962E !important; /* Gold accent line on active tab */
}

/* 3. Force Input Fields to Dark Theme */
html body .elementor-widget-woocommerce-my-account .woocommerce form .form-row input.input-text, 
html body .elementor-widget-woocommerce-my-account .woocommerce form .form-row textarea,
html body .elementor-widget-woocommerce-my-account .woocommerce form .form-row select {
    background-color: #1A1A14 !important;
    border: 1px solid #33332D !important;
    color: #F5F5F0 !important;
}

html body .elementor-widget-woocommerce-my-account .woocommerce form .form-row input.input-text:focus, 
html body .elementor-widget-woocommerce-my-account .woocommerce form .form-row textarea:focus {
    border-color: #B8962E !important; /* Gold focus glow */
}

/* 4. Fix Primary Buttons */
html body .elementor-widget-woocommerce-my-account .woocommerce .button {
    background-color: #B8962E !important;
    color: #1A1A14 !important;
    border: none !important;
}

html body .elementor-widget-woocommerce-my-account .woocommerce .button:hover {
    background-color: #D4AF37 !important;
}

/*======================================================================
    22. WOOCOMMERCE MY ACCOUNT - ORDERS TABLE BEAUTIFICATION
======================================================================*/

/* 1. Main Table Container Setup */
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table {
    background-color: #262620 !important; /* Light Charcoal */
    border: 1px solid #33332D !important; /* Subtle dark border */
    border-radius: 8px !important; /* Premium rounded corners */
    border-collapse: separate !important; /* Required to make rounded corners work */
    border-spacing: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    margin-top: 10px !important;
}

/* 2. Table Header Styling (Editorial & Clean) */
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table thead th {
    background-color: #1A1A14 !important; /* Darker background for contrast */
    color: #B8962E !important; /* Gold text */
    font-family: 'DM Sans', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    padding: 20px !important;
    border-bottom: 1px solid #33332D !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* 3. Table Row Hover Effect */
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table tbody tr {
    transition: background-color 0.3s ease !important;
}
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table tbody tr:hover {
    background-color: #1A1A14 !important; /* Slight dip to dark charcoal on hover */
}

/* 4. Table Body Cells */
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table tbody td,
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table tbody th {
    padding: 20px !important; /* Generous breathing room */
    color: #F5F5F0 !important; /* Off-white text */
    border-bottom: 1px solid #33332D !important; /* Subtle separator lines */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle !important;
}

/* Remove bottom border from the very last row so it doesn't double up with the container border */
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table tbody tr:last-child td,
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table tbody tr:last-child th {
    border-bottom: none !important;
}

/* 5. Order Number Links */
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
    color: #B8962E !important; /* Gold */
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
    color: #D4AF37 !important; /* Bright Gold */
}

/* 6. Sleek "View" Action Button */
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table .woocommerce-button.button.view {
    background-color: transparent !important;
    color: #B8962E !important;
    border: 1px solid #B8962E !important; /* Gold outline */
    padding: 8px 20px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Hover state: Fills with Gold and lifts up */
html body .woocommerce-MyAccount-content-wrapper table.woocommerce-orders-table .woocommerce-button.button.view:hover {
    background-color: #B8962E !important;
    color: #1A1A14 !important; /* Dark text inside gold button */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(184, 150, 46, 0.2) !important; /* Soft gold glow */
}
/*======================================================================
    23. WOOCOMMERCE MY ACCOUNT - VIEW ORDER PAGE BEAUTIFICATION
======================================================================*/

/* 1. Order Status Summary Text & Highlights */
html body .woocommerce-MyAccount-content p mark.order-number,
html body .woocommerce-MyAccount-content p mark.order-date,
html body .woocommerce-MyAccount-content p mark.order-status {
    background-color: transparent !important; /* Removes the ugly default yellow background */
    color: #B8962E !important; /* Brand Gold */
    font-weight: 700 !important;
}

/* 2. Section Titles (Order Details & Billing Address) */
html body .woocommerce-order-details__title,
html body .woocommerce-column__title {
    color: #B8962E !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 24px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #33332D !important; /* Adds an elegant underline */
    padding-bottom: 10px !important;
}

/* 3. Order Details Table Container */
html body .woocommerce-table--order-details.shop_table.order_details {
    background-color: #262620 !important; /* Light Charcoal */
    border: 1px solid #33332D !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    margin-bottom: 40px !important;
}

/* 4. Order Details Table Header */
html body .woocommerce-table--order-details thead th {
    background-color: #1A1A14 !important; /* Darker header for contrast */
    color: #B8962E !important;
    font-family: 'DM Sans', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    padding: 20px !important;
    border-bottom: 1px solid #33332D !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* 5. Order Details Table Body */
html body .woocommerce-table--order-details tbody td {
    padding: 20px !important;
    color: #F5F5F0 !important;
    border-bottom: 1px solid #33332D !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

html body .woocommerce-table--order-details tbody td a {
    color: #B8962E !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
html body .woocommerce-table--order-details tbody td a:hover {
    color: #D4AF37 !important;
}

html body .woocommerce-table--order-details tbody td .product-quantity {
    color: #F5F5F0 !important;
    opacity: 0.8 !important; /* Softens the "x 1" quantity text */
    font-weight: 400 !important;
}

/* 6. Order Details Table Footer (Subtotal, Discount, Total) */
html body .woocommerce-table--order-details tfoot th,
html body .woocommerce-table--order-details tfoot td {
    padding: 15px 20px !important;
    color: #F5F5F0 !important;
    border-bottom: 1px solid #33332D !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: #1A1A14 !important; /* Subtle contrast for the totals area */
}

/* Remove bottom border from the last row */
html body .woocommerce-table--order-details tfoot tr:last-child th,
html body .woocommerce-table--order-details tfoot tr:last-child td {
    border-bottom: none !important;
}

/* Make the Grand Total pop in Gold */
html body .woocommerce-table--order-details tfoot tr:last-child th,
html body .woocommerce-table--order-details tfoot tr:last-child td,
html body .woocommerce-table--order-details tfoot tr:last-child td .amount {
    color: #B8962E !important; 
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* 7. Billing Address Card */
html body .woocommerce-customer-details address {
    background-color: #262620 !important; /* Light Charcoal Card */
    border: 1px solid #33332D !important;
    border-radius: 8px !important;
    padding: 25px !important;
    color: #F5F5F0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-style: normal !important; /* Removes default italic styling */
    line-height: 1.8 !important;
    height: auto !important; /* Overrides Elementor's hardcoded inline height */
}

html body .woocommerce-customer-details--email {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    color: #B8962E !important; /* Highlights the email address in Gold */
}
/*======================================================================
    23. WOOCOMMERCE MY ACCOUNT - VIEW ORDER PAGE BEAUTIFICATION
======================================================================*/

/* 1. Order Status Summary Text & Highlights */
html body .woocommerce-MyAccount-content p mark.order-number,
html body .woocommerce-MyAccount-content p mark.order-date,
html body .woocommerce-MyAccount-content p mark.order-status {
    background-color: transparent !important; /* Removes the ugly default yellow background */
    color: #B8962E !important; /* Brand Gold */
    font-weight: 700 !important;
}

/* 2. Section Titles (Order Details & Billing Address) */
html body .woocommerce-order-details__title,
html body .woocommerce-column__title {
    color: #B8962E !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 24px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #33332D !important; /* Adds an elegant underline */
    padding-bottom: 10px !important;
}

/* 3. Order Details Table Container */
html body .woocommerce-table--order-details.shop_table.order_details {
    background-color: #262620 !important; /* Light Charcoal */
    border: 1px solid #33332D !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    margin-bottom: 40px !important;
}

/* 4. Order Details Table Header */
html body .woocommerce-table--order-details thead th {
    background-color: #1A1A14 !important; /* Darker header for contrast */
    color: #B8962E !important;
    font-family: 'DM Sans', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    padding: 20px !important;
    border-bottom: 1px solid #33332D !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* 5. Order Details Table Body */
html body .woocommerce-table--order-details tbody td {
    padding: 20px !important;
    color: #F5F5F0 !important;
    border-bottom: 1px solid #33332D !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

html body .woocommerce-table--order-details tbody td a {
    color: #B8962E !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
html body .woocommerce-table--order-details tbody td a:hover {
    color: #D4AF37 !important;
}

html body .woocommerce-table--order-details tbody td .product-quantity {
    color: #F5F5F0 !important;
    opacity: 0.8 !important; /* Softens the "x 1" quantity text */
    font-weight: 400 !important;
}

/* 6. Order Details Table Footer (Subtotal, Discount, Total) */
html body .woocommerce-table--order-details tfoot th,
html body .woocommerce-table--order-details tfoot td {
    padding: 15px 20px !important;
    color: #F5F5F0 !important;
    border-bottom: 1px solid #33332D !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: #1A1A14 !important; /* Subtle contrast for the totals area */
}

/* Remove bottom border from the last row */
html body .woocommerce-table--order-details tfoot tr:last-child th,
html body .woocommerce-table--order-details tfoot tr:last-child td {
    border-bottom: none !important;
}

/* Make the Grand Total pop in Gold */
html body .woocommerce-table--order-details tfoot tr:last-child th,
html body .woocommerce-table--order-details tfoot tr:last-child td,
html body .woocommerce-table--order-details tfoot tr:last-child td .amount {
    color: #B8962E !important; 
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* 7. Billing Address Card */
html body .woocommerce-customer-details address {
    background-color: #262620 !important; /* Light Charcoal Card */
    border: 1px solid #33332D !important;
    border-radius: 8px !important;
    padding: 25px !important;
    color: #F5F5F0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-style: normal !important; /* Removes default italic styling */
    line-height: 1.8 !important;
    height: auto !important; /* Overrides Elementor's hardcoded inline height */
}

html body .woocommerce-customer-details--email {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    color: #B8962E !important; /* Highlights the email address in Gold */
}
/*======================================================================
    24. WOOCOMMERCE MY ACCOUNT - ADDRESSES PAGE FIX
======================================================================*/

/* 1. Header Layout (Flexbox to perfectly align Title and Edit Button) */
html body .woocommerce-MyAccount-content .title,
html body .woocommerce-Address-title,
html body .woocommerce-Addresses .title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #33332D !important; /* Elegant underline */
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

/* 2. The Title Text (Editorial Gold) */
html body .woocommerce-MyAccount-content .title h3,
html body .woocommerce-Address-title h3,
html body .woocommerce-Addresses .title h3 {
    color: #B8962E !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 24px !important;
    margin: 0 !important; /* Removes default margins so it centers perfectly */
    float: none !important; /* Overrides Elementor's messy floating */
}

/* 3. The "Edit" Button (Sleek Gold Pill) */
html body .woocommerce-MyAccount-content .title .edit,
html body .woocommerce-Address-title .edit,
html body .woocommerce-Addresses .title .edit {
    color: #1A1A14 !important; /* Dark text */
    background-color: #B8962E !important; /* Gold background */
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    /* Clean up Elementor's absolute positioning */
    position: relative !important; 
    float: none !important;
    margin: 0 !important;
}

/* 4. Edit Button Hover State */
html body .woocommerce-MyAccount-content .title .edit:hover,
html body .woocommerce-Address-title .edit:hover,
html body .woocommerce-Addresses .title .edit:hover {
    background-color: #D4AF37 !important; /* Brighter gold */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(184, 150, 46, 0.2) !important; /* Soft glow */
}/* End custom CSS */