/* =========================================
   MON COMPTE - Tab-Based Navigation Design
   ========================================= */

/* Main wrapper - Flexbox column layout */
.tt-myaccount-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

/* Navigation - Horizontal Tabs - FORCE OVERRIDE */
.tt-myaccount-wrapper .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation {
    margin-bottom: 0 !important;
}

.tt-myaccount-wrapper .woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation ul {
    display: flex !important;
    /* FORCE horizontal */
    flex-direction: row !important;
    /* FORCE horizontal */
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    flex-wrap: wrap !important;
    /* Mobile: Allow wrapping */
}

.tt-myaccount-wrapper .woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li {
    list-style: none !important;
    margin: 0 !important;
    flex: 1 1 0 !important;
    /* Desktop: Equal width */
}

/* Tab Button Styling */
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Space between icon and text */
    width: 100% !important;
    /* Full width - mobile compatibility */
    text-align: center;
    padding: 8px 20px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
    white-space: nowrap;
}

/* Tab Icons - Minimalist SVG */
.woocommerce-MyAccount-navigation ul li a::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* Dashboard Icon */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
}

/* Orders Icon */
.woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
}

/* Downloads Icon */
.woocommerce-MyAccount-navigation-link--downloads a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
}

/* Addresses Icon */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* Payment Methods Icon */
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
}

/* Account Details Icon */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

/* Logout Icon */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}

/* Licence Icon (Key) */
.woocommerce-MyAccount-navigation-link--mes-licences a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4'/%3E%3C/svg%3E");
}

/* =========================================
   LIGHT MODE OVERRIDES
   ========================================= */
[data-theme="light"] .woocommerce-MyAccount-content {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    color: #1f2937 !important;
}

[data-theme="light"] .woocommerce-MyAccount-content h2,
[data-theme="light"] .woocommerce-MyAccount-content h3 {
    color: #111827 !important;
}

[data-theme="light"] .woocommerce-MyAccount-content p,
[data-theme="light"] .woocommerce-MyAccount-content label,
[data-theme="light"] .woocommerce-MyAccount-content address {
    color: #4b5563 !important;
}

[data-theme="light"] .woocommerce-MyAccount-navigation ul li a {
    background-color: #ffffff;
    color: #4b5563;
    border-color: #e5e7eb;
}

[data-theme="light"] .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #f3f4f6;
    color: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--accent-color);
    color: #ffffff;
    border-color: var(--accent-color);
}

/* Invert Icons in Light Mode (except for active tab which is red bg/white text) */
[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.is-active) a::before {
    filter: invert(1) brightness(0.5);
    /* Darken white icons to grey/black */
}

/* Inputs in Light Mode */
[data-theme="light"] .woocommerce-MyAccount-content input[type="text"],
[data-theme="light"] .woocommerce-MyAccount-content input[type="email"],
[data-theme="light"] .woocommerce-MyAccount-content input[type="password"],
[data-theme="light"] .woocommerce-MyAccount-content input[type="tel"],
[data-theme="light"] .woocommerce-MyAccount-content textarea,
[data-theme="light"] .woocommerce-MyAccount-content select {
    background-color: #f9fafb !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
}

[data-theme="light"] .woocommerce-MyAccount-content input:focus,
[data-theme="light"] .woocommerce-MyAccount-content textarea:focus {
    background-color: #ffffff !important;
    border-color: var(--accent-color) !important;
}

/* Table overrides for light mode */
[data-theme="light"] .woocommerce-MyAccount-content table th {
    color: #6b7280 !important;
    border-bottom-color: #e5e7eb !important;
}

[data-theme="light"] .woocommerce-MyAccount-content table td {
    color: #374151 !important;
    border-bottom-color: #f3f4f6 !important;
}

[data-theme="light"] .woocommerce-MyAccount-content table tbody tr:hover {
    background: #f9fafb !important;
}

/* Order Numbers stay visible but dark */
[data-theme="light"] .woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-number {
    color: #111827 !important;
}

[data-theme="light"] .woocommerce-Address {
    background-color: #f9fafb !important;
    border-color: #e5e7eb !important;
    box-shadow: none !important;
}

[data-theme="light"] .woocommerce-Address address {
    color: #4b5563 !important;
}

[data-theme="light"] .woocommerce-Address .title h3 {
    color: #111827 !important;
}

[data-theme="light"] .woocommerce-Address .edit {
    color: var(--accent-color) !important;
}

[data-theme="light"] .woocommerce-Address .edit:hover {
    color: var(--accent-hover) !important;
    text-shadow: none !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: var(--accent-color);
    color: #ffffff;
    /* Laser Effect */
    box-shadow:
        0 0 10px rgba(var(--accent-color-rgb), 0.4),
        0 0 20px rgba(var(--accent-color-rgb), 0.2),
        inset 0 0 10px rgba(var(--accent-color-rgb), 0.1);
    transform: translateY(-2px);
}

/* Active Tab - Red Accent */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #ffffff;
    font-weight: 600;
}

/* Remove emoji icons for cleaner look matching mockup */

/* Content Area - Match Checkout Card Style */
.woocommerce-MyAccount-content {
    /* Cyber gradient background like checkout */
    background: linear-gradient(135deg, #050608 0%, #0a0c10 100%) !important;
    /* Premium border */
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    /* Larger border radius like checkout */
    border-radius: 16px;
    /* Layered shadows for depth */
    box-shadow:
        0 0 1px rgba(230, 57, 70, 0.3),
        0 8px 32px rgba(0, 0, 0, 0.7),
        0 2px 8px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 2.5rem;
    min-height: 400px;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    max-width: 100%;
    margin: 0 auto;
    /* Fade-in animation like mockup */
    animation: fadeInContent 0.3s ease-in-out;
}

/* Hover effect - Neon glow like checkout */
.woocommerce-MyAccount-content:hover {
    border-color: var(--accent-color) !important;
    box-shadow:
        0 0 20px rgba(230, 57, 70, 0.2),
        0 0 40px rgba(230, 57, 70, 0.1),
        0 12px 40px rgba(0, 0, 0, 0.8),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transform: translateY(-2px);
}

/* Fade-in animation keyframes */
@keyframes fadeInContent {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Headings in Account Content */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: #ffffff;
    margin-bottom: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.woocommerce-MyAccount-content h2 {
    font-size: 1.75rem;
}

.woocommerce-MyAccount-content h3 {
    font-size: 1.25rem;
    margin-top: 2rem;
}

/* Paragraphs and Text */
.woocommerce-MyAccount-content p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
    margin-bottom: 1rem;
}

/* Links inside content */
.woocommerce-MyAccount-content a {
    color: var(--accent-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.woocommerce-MyAccount-content a:hover {
    color: var(--accent-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Form Fields */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 0.95rem;
    width: 100%;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content input[type="tel"]:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-MyAccount-content select:focus {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(var(--accent-color-rgb), 0.1);
}

/* Form Labels */
.woocommerce-MyAccount-content label {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
    font-size: 0.9rem;
}

/* Buttons */
/* Buttons - PREMIUM CYBER STYLE (Match Checkout) - HIGH SPECIFICITY */
/* 1. Main Action Buttons in My Account (Forms, Save, Add Payment) */
body.woocommerce-account .woocommerce-MyAccount-content form button:not(.show-password-input),
body.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_address"],
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_account_details"],
body.woocommerce-account .woocommerce-MyAccount-content #place_order,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
/* Keep the link button style I specifically fixed earlier */
body.woocommerce-account .woocommerce-MyAccount-content>.button,
body.woocommerce-account .woocommerce-MyAccount-content>a.button {
    width: 100%;
    /* Full width for main actions */
    background: linear-gradient(135deg, #E63946 0%, #c8313c 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(230, 57, 70, 0.4) !important;
    border-radius: 10px !important;
    padding: 15px 24px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    text-transform: none !important;
    margin-top: 2rem !important;
    /* Consistent spacing */
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 15px rgba(230, 57, 70, 0.25),
        0 4px 16px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    letter-spacing: 0.3px !important;
    display: block !important;
    /* Force block for full width */
    text-decoration: none !important;
    text-align: center !important;
    line-height: normal !important;
}

/* Shine effect on premium buttons */
body.woocommerce-account .woocommerce-MyAccount-content form button::before,
body.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]::before,
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_address"]::before,
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_account_details"]::before,
body.woocommerce-account .woocommerce-MyAccount-content #place_order::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button::before,
body.woocommerce-account .woocommerce-MyAccount-content>.button::before,
body.woocommerce-account .woocommerce-MyAccount-content>a.button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
    transition: left 0.5s ease;
    z-index: 1;
}

/* Hover state for premium buttons */
body.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content #place_order:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
body.woocommerce-account .woocommerce-MyAccount-content>.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content>a.button:hover {
    background: linear-gradient(135deg, #ff4655 0%, #E63946 100%) !important;
    border-color: rgba(230, 57, 70, 0.7) !important;
    box-shadow:
        0 0 25px rgba(230, 57, 70, 0.5),
        0 0 50px rgba(230, 57, 70, 0.2),
        0 6px 24px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:hover::before,
body.woocommerce-account .woocommerce-MyAccount-content #place_order:hover::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover::before,
body.woocommerce-account .woocommerce-MyAccount-content>.button:hover::before,
body.woocommerce-account .woocommerce-MyAccount-content>a.button:hover::before {
    left: 100%;
}

/* PAYMENT BOX STYLING (Dark Theme Fix) */
.woocommerce-PaymentBox,
.payment_box {
    background-color: #0d1117 !important;
    /* Dark background matching theme */
    color: #c9d1d9 !important;
    /* Light text */
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
    padding: 1.5rem !important;
    border-radius: 8px;
    margin-top: 1rem;
    position: relative;
}

/* Fix arrow color implicitly by matching background or hiding it */
.woocommerce-PaymentBox::before,
.payment_box::before,
.payment_box::after {
    display: none !important;
    /* Remove the little CSS triangle, it's often white */
}

/* Ensure inputs inside payment box are readable */
.woocommerce-PaymentBox input,
.payment_box input {
    background-color: #000 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

/* Password Toggle Styling */
.woocommerce-EditAccountForm .form-row {
    position: relative;
    /* Ensure icon positioning works */
}

/* Hide default WooCommerce toggle */
.woocommerce-EditAccountForm .show-password-input {
    display: none !important;
}

/* Eye Icon Hover */
.password-toggle-icon:hover {
    color: #fff !important;
    transition: color 0.3s ease;
}

/* Orders Table - Base Styling */
.woocommerce-MyAccount-content table {
    max-width: 100% !important;
    table-layout: fixed !important;
    /* CRITICAL: Force column widths to be respected */
    border-collapse: collapse;
    margin: 0 !important;
    background: transparent !important;
}

/* Modern Table Headers - Transparent */
.woocommerce-MyAccount-content table thead {
    background: transparent !important;
    /* Match checkout - no header background */
}

.woocommerce-MyAccount-content table th {
    padding: 16px 20px;
    /* Reduced padding as requested */
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    /* Dimmer like checkout */
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    border: none !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    /* Subtle separator like checkout */
}

/* Order Rows - Transparent with spacing */
.woocommerce-MyAccount-content table tbody {
    background: transparent !important;
}

.woocommerce-MyAccount-content table tbody tr {
    background: transparent !important;
    /* Fully transparent like checkout */
    border: none !important;
    transition: all 0.3s ease;
    position: relative;
}

.woocommerce-MyAccount-content table tbody tr:hover {
    background: rgba(255, 255, 255, 0.02) !important;
    /* Very subtle hover */
}

/* Table Headers */
.woocommerce-MyAccount-content table th {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    padding: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-align: center !important;
    /* Centered as requested */
    vertical-align: middle;
}

/* Table Cells - Global Base */
.woocommerce-MyAccount-content table td {
    padding: 16px !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    /* Subtle row separator */
    vertical-align: middle;
    background: transparent !important;
    text-align: center !important;
}

/* DESKTOP ONLY: Fixed Column Widths & Layout */
@media (min-width: 992px) {

    /* Specific Column Widths */
    .woocommerce-orders-table__header-order-number,
    .woocommerce-orders-table__cell-order-number {
        width: 8%;
        /* Reduced from 10% to fix overflow */
    }

    .woocommerce-orders-table__header-order-date,
    .woocommerce-orders-table__cell-order-date {
        width: 20%;
    }

    .woocommerce-orders-table__header-order-status,
    .woocommerce-orders-table__cell-order-status {
        width: 18%;
        /* Reduced from 20% to fix overflow */
    }

    .woocommerce-orders-table__header-order-total,
    .woocommerce-orders-table__cell-order-total {
        width: 25%;
        white-space: nowrap !important;
        /* Prevent ugly wrapping */
    }

    .woocommerce-orders-table__header-order-actions,
    .woocommerce-orders-table__cell-order-actions {
        width: 25%;
    }
}

/* MOBILE ONLY: Responsive Stacked Table */
@media (max-width: 991px) {
    .woocommerce-MyAccount-content table thead {
        display: none;
        /* Hide headers on mobile */
    }

    .woocommerce-MyAccount-content table tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.02);
        padding: 1rem;
    }

    .woocommerce-MyAccount-content table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: right !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
        font-size: 0.9rem;
    }

    .woocommerce-MyAccount-content table td:last-child {
        border-bottom: none !important;
        padding-top: 12px !important;
        justify-content: center;
        /* Center buttons */
    }

    /* Add labels via data-title for context */
    .woocommerce-MyAccount-content table td::before {
        content: attr(data-title);
        float: left;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.5);
        text-transform: uppercase;
        font-size: 0.75rem;
    }

    /* Adjust Actions Cell on Mobile */
    .woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-actions {
        width: 100%;
        display: flex;
        gap: 8px;
    }

    .woocommerce-MyAccount-content table .button {
        width: 100%;
        text-align: center;
    }
}

/* Specific Alignment Fixes */
.woocommerce-MyAccount-content table .woocommerce-orders-table__header-order-total,
.woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-total {
    text-align: right !important;
    /* Right align amounts */
}

.woocommerce-MyAccount-content table .woocommerce-orders-table__header-order-actions,
.woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-actions {
    text-align: right !important;
    /* Right align buttons */
}

/* Remove bottom border from last row */
.woocommerce-MyAccount-content table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Order Number - White bold */
.woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-number {
    font-weight: 600;
    color: #ffffff;
}

/* Order Status */
.woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-status {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}

/* Action Buttons - Match Checkout Style */
.woocommerce-MyAccount-content table .button,
.woocommerce-MyAccount-content table .btn {
    width: 100%;
    background: linear-gradient(135deg, #E63946 0%, #c8313c 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(230, 57, 70, 0.4) !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    text-transform: none !important;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 15px rgba(230, 57, 70, 0.25),
        0 4px 16px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    letter-spacing: 0.3px;
    text-align: center !important;
    display: inline-block !important;
    text-decoration: none;
}

/* Shine effect on button */
.woocommerce-MyAccount-content table .button::before,
.woocommerce-MyAccount-content table .btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
    transition: left 0.5s ease;
}

.woocommerce-MyAccount-content table .button:hover,
.woocommerce-MyAccount-content table .btn:hover {
    background: linear-gradient(135deg, #ff4655 0%, #E63946 100%) !important;
    border-color: rgba(230, 57, 70, 0.7) !important;
    box-shadow:
        0 0 25px rgba(230, 57, 70, 0.5),
        0 0 50px rgba(230, 57, 70, 0.2),
        0 6px 24px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-1px) !important;
}

.woocommerce-MyAccount-content table .button:hover::before,
.woocommerce-MyAccount-content table .btn:hover::before {
    left: 100%;
}

/* Main Content - Right Column */
.woocommerce-MyAccount-content {
    background: linear-gradient(135deg, #050608 0%, #0a0c10 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06),
        0 0 1px rgba(230, 57, 70, 0.3);
    padding: 1.25rem 1.25rem !important;
    /* Base mobile padding */
    color: #94a3b8;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

/* Desktop Padding Adjustment */
@media (min-width: 768px) {
    .woocommerce-MyAccount-content {
        padding: 1.5rem 2.5rem !important;
        /* More horizontal breathing room on desktop */
    }
}

/* Order Total - Red Accent */
.woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-total {
    color: #E63946 !important;
    font-weight: 700;
    font-size: 1rem;
}


/* Pagination Styling - Minimalist Laser */
.woocommerce-pagination {
    margin-top: 1rem;
    text-align: center;
}

.woocommerce-pagination ul {
    display: inline-flex;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    border: none !important;
    align-items: center;
}

.woocommerce-pagination ul li {
    border: none !important;
    overflow: visible;
    margin: 0;
    background: transparent !important;
}

/* Base Link/Span Styles - FORCE TRANSPARENCY */
nav.woocommerce-pagination ul li a,
nav.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 0;
    background: transparent !important;
    /* CRITICAL: Override theme defaults */
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    border: none !important;
    /* CRITICAL: No default borders */
    box-shadow: none !important;
    /* CRITICAL: No default shadows */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

/* Laser Hover Effect */
nav.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li a:focus {
    color: #E63946 !important;
    text-shadow: 0 0 8px rgba(230, 57, 70, 0.8), 0 0 15px rgba(230, 57, 70, 0.4);
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

/* Active State - Minimalist Glowing */
nav.woocommerce-pagination ul li span.current {
    background: transparent !important;
    background-color: transparent !important;
    color: #E63946 !important;
    font-weight: 700;
    text-shadow: 0 0 12px rgba(230, 57, 70, 0.8);
    border: none !important;
    border-bottom: 2px solid #E63946 !important;
    /* Only underline */
    border-radius: 0;
    box-shadow: none !important;
}

/* Next/Prev Buttons - Modern */
nav.woocommerce-pagination ul li a.next,
nav.woocommerce-pagination ul li a.prev {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.6);
}

nav.woocommerce-pagination ul li a.next:hover,
nav.woocommerce-pagination ul li a.prev:hover {
    transform: translateX(2px);
    background: transparent !important;
    color: #E63946 !important;
    /* Ensure vivid red */
    text-shadow: 0 0 10px rgba(230, 57, 70, 0.6);
}

nav.woocommerce-pagination ul li a.prev:hover {
    transform: translateX(-2px);
}

/* Addresses Section */
.woocommerce-Address {
    background-color: #000000;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 1.5rem;
}

.woocommerce-Address address {
    color: rgba(255, 255, 255, 0.8);
    font-style: normal;
    line-height: 1.7;
}

/* Dashboard Links */
.woocommerce-MyAccount-content nav a {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

/* Messages (Success/Error) */
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error,
.woocommerce-MyAccount-content .woocommerce-info {
    padding: 1rem 1.25rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
}

.woocommerce-MyAccount-content .woocommerce-message {
    background-color: rgba(34, 197, 94, 0.1);
    border-left: 4px solid #22c55e;
    color: #22c55e;
}

.woocommerce-MyAccount-content .woocommerce-error {
    background-color: rgba(239, 68, 68, 0.1);
    border-left: 4px solid #ef4444;
    color: #ef4444;
}

.woocommerce-MyAccount-content .woocommerce-info {
    background-color: rgba(var(--accent-color-rgb), 0.1);
    border-left: 4px solid var(--accent-color);
    color: var(--accent-color);
}

/* =========================================
   RESPONSIVE - MOBILE
   ========================================= */

@media (max-width: 768px) {

    /* Mobile: 2-column grid layout for tabs */
    .tt-myaccount-wrapper .woocommerce-MyAccount-navigation ul,
    .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        /* Grid instead of flex on mobile */
        grid-template-columns: repeat(2, 1fr) !important;
        /* 2 equal columns */
        gap: 10px !important;
        overflow-x: visible;
        /* No horizontal scroll with grid */
    }

    .tt-myaccount-wrapper .woocommerce-MyAccount-navigation ul li,
    .woocommerce-MyAccount-navigation ul li {
        flex: none !important;
        /* Remove flex on mobile */
        width: 100% !important;
        /* Full width of grid cell */
    }

    /* Logout button spans full width */
    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
        grid-column: 1 / -1 !important;
        /* Span both columns */
    }

    .woocommerce-MyAccount-navigation ul li a {
        padding: 10px 18px;
        font-size: 0.85rem;
    }

    /* Hide emoji icons on mobile for cleaner look */
    .woocommerce-MyAccount-navigation ul li a::before {
        display: none;
    }

    .woocommerce-MyAccount-content {
        padding: 1.5rem;
    }

    .woocommerce-MyAccount-content h2 {
        font-size: 1.5rem;
    }

    .woocommerce-MyAccount-content h3 {
        font-size: 1.15rem;
    }

    /* Better table responsiveness */
    .woocommerce-MyAccount-content table {
        font-size: 0.85rem;
    }

    .woocommerce-MyAccount-content table th,
    .woocommerce-MyAccount-content table td {
        padding: 10px 12px;
    }

    /* Stack form fields better on mobile */
    .woocommerce-form-row {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/* DESKTOP ONLY: Force horizontal tabs without wrapping */
@media (min-width: 992px) {

    .tt-myaccount-wrapper .woocommerce-MyAccount-navigation ul,
    .woocommerce-MyAccount-navigation ul {
        flex-wrap: nowrap !important;
        /* Desktop: No wrapping, stay horizontal */
    }
}