/* Account Navigation Styling - Lightworker and Customer Dashboards */

/* Make navigation horizontal */
.woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
    display: block !important;
}

/* Hide duplicate navigation if Elementor renders it */
.e-wc-account-tabs-nav + .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation + .woocommerce-MyAccount-navigation {
    display: none !important;
}

/* If Elementor wrapper exists, hide the default navigation */
.e-wc-account-tabs-nav ~ .woocommerce-MyAccount-navigation {
    display: none !important;
}

/* Also style Elementor's navigation wrapper */
.e-wc-account-tabs-nav .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 6px;
    flex-wrap: nowrap !important;
    width: 100%;
}

.e-wc-account-tabs-nav .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: block !important;
    flex: 1 1 0;
    min-width: 0;
}

.e-wc-account-tabs-nav .woocommerce-MyAccount-navigation a {
    display: block !important;
    padding: 10px 15px;
    background: #fff !important;
    color: #333 !important;
    text-decoration: none !important;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.e-wc-account-tabs-nav .woocommerce-MyAccount-navigation li.is-active a,
.e-wc-account-tabs-nav .woocommerce-MyAccount-navigation li[aria-current="page"] a {
    background: #60a180 !important;
    color: #fff !important;
    border-color: #60a180;
    text-decoration: none !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 6px;
    flex-wrap: nowrap !important;
    width: 100%;
}

.woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: block !important;
    flex: 1 1 0;
    min-width: 0;
}

/* Navigation links - white buttons */
.woocommerce-MyAccount-navigation a {
    display: block !important;
    padding: 10px 15px;
    background: #fff !important;
    color: #333 !important;
    text-decoration: none !important;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.woocommerce-MyAccount-navigation a:hover {
    background: #f8f9fa !important;
    color: #333 !important;
    text-decoration: none !important;
}

/* Active state - green background with white text */
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li[aria-current="page"] a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--lightworker-dashboard.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--my-orders.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--my-registrants.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--view-order.is-active a {
    background: #60a180 !important;
    color: #fff !important;
    border-color: #60a180;
    text-decoration: none !important;
}

/* Logout link - red text */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--logout a {
    color: #dc3545 !important;
    text-decoration: none !important;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--logout a:hover {
    background: #fff5f5 !important;
    color: #dc3545 !important;
    text-decoration: none !important;
}

/* Active logout state (shouldn't happen, but just in case) */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--logout.is-active a {
    background: #dc3545 !important;
    color: #fff !important;
    border-color: #dc3545;
    text-decoration: none !important;
}

/* Responsive - stack on mobile */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
        gap: 8px;
    }
    
    .woocommerce-MyAccount-navigation a {
        width: 100%;
        text-align: center;
    }
}