/**
 * WooCommerce My Account Styles
 * Custom styling for the My Account section of the Glow Guards Theme
 */

/* My Account Navigation Styles */
.woocommerce-MyAccount-navigation {
    margin-bottom: 2rem;
}

/* Navigation Container */
.vfc-myaccount-nav {
    border-color: var(--theme-primary) !important;
    background-color: rgba(121, 96, 73, 0.07) !important;
}

/* Navigation Items */
.woocommerce-MyAccount-navigation a {
    position: relative;
    font-weight: 500;
    text-decoration: none;
}

/* Active Navigation Item */
.woocommerce-MyAccount-navigation a.is-active {
    transform: translateY(-1px);
    background-color: var(--theme-primary) !important;
    color: var(--theme-secondary-text) !important;
}

/* Mobile Navigation Select */
#account-nav-mobile {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%237A6049'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.5rem;
    padding-right: 2.5rem;
    cursor: pointer;
}