/**
 * WooCommerce Account Pages Styling
 */

.woocommerce-account {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 2rem;
    margin: 3rem 0;
}

.woocommerce-MyAccount-navigation {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 1.5rem;
    height: fit-content;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 0.5rem;
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 0.75rem 1rem;
    color: #2c3e50;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
    background-color: #2d5016;
    color: white;
}

.woocommerce-MyAccount-content {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 2rem;
}

.woocommerce-MyAccount-content h2 {
    color: #2d5016;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e0e0e0;
}

/* Login Form */
.woocommerce-form-login {
    max-width: 400px;
}

.woocommerce-form-login label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-login input[type="password"] {
    width: 100%;
    padding: 0.75rem;
    margin-bottom: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.woocommerce-form-login input:focus {
    outline: none;
    border-color: #2d5016;
    box-shadow: 0 0 0 3px rgba(45, 80, 22, 0.1);
}

.woocommerce-form-login .rememberme {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.woocommerce-form-login .rememberme input[type="checkbox"] {
    margin-right: 0.5rem;
}

.woocommerce-form-login .button {
    width: 100%;
    padding: 0.75rem;
    background-color: #2d5016;
    color: white;
    font-weight: 600;
}

.woocommerce-form-login .button:hover {
    background-color: #f4a623;
    color: #2c3e50;
}

/* Register Form */
.woocommerce-form-register {
    max-width: 500px;
}

.woocommerce-form-register p {
    margin-bottom: 1rem;
}

.woocommerce-form-register label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.woocommerce-form-register input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 1rem;
}

/* Orders Table */
.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
}

.woocommerce-orders-table thead {
    background-color: #f9f9f9;
}

.woocommerce-orders-table th {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #2c3e50;
    border-bottom: 2px solid #e0e0e0;
}

.woocommerce-orders-table td {
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.woocommerce-orders-table .order-status {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 600;
}

.woocommerce-orders-table .order-status.completed {
    background-color: #d4edda;
    color: #155724;
}

.woocommerce-orders-table .order-status.pending {
    background-color: #fff3cd;
    color: #856404;
}

.woocommerce-orders-table .order-status.processing {
    background-color: #d1ecf1;
    color: #0c5460;
}

.woocommerce-orders-table .order-status.cancelled {
    background-color: #f8d7da;
    color: #721c24;
}

/* Order Details */
.woocommerce-order {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.woocommerce-order-details {
    margin-bottom: 2rem;
}

.woocommerce-order-details h2 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    color: #2d5016;
}

.woocommerce-order-downloads {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 1.5rem;
    margin-top: 1.5rem;
}

.woocommerce-order-downloads h2 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.woocommerce-order-downloads table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-order-downloads th,
.woocommerce-order-downloads td {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

/* Addresses */
.woocommerce-Address {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.woocommerce-Address h3 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    color: #2d5016;
}

.woocommerce-Address .edit {
    margin-top: 1rem;
}

.woocommerce-Address .edit a {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #2d5016;
    color: white;
    border-radius: 6px;
    font-size: 0.9rem;
}

.woocommerce-Address .edit a:hover {
    background-color: #f4a623;
    color: #2c3e50;
}

/* Form Fields */
.form-row {
    margin-bottom: 1rem;
}

.form-row label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-row input,
.form-row textarea,
.form-row select {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 1rem;
}

.form-row input:focus,
.form-row textarea:focus,
.form-row select:focus {
    outline: none;
    border-color: #2d5016;
    box-shadow: 0 0 0 3px rgba(45, 80, 22, 0.1);
}

.form-row.required label::after {
    content: ' *';
    color: #e74c3c;
}

/* Account Dashboard */
.woocommerce-dashboard-section {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.woocommerce-dashboard-section h2 {
    color: #2d5016;
    margin-bottom: 1rem;
}

/* Edit Account Form */
.woocommerce-EditAccountForm {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 2rem;
    max-width: 600px;
}

.woocommerce-EditAccountForm .button {
    background-color: #2d5016;
    color: white;
    padding: 0.75rem 1.5rem;
}

.woocommerce-EditAccountForm .button:hover {
    background-color: #f4a623;
    color: #2c3e50;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce-account {
        grid-template-columns: 1fr;
    }

    .woocommerce-MyAccount-navigation {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        padding: 1rem;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .woocommerce-MyAccount-navigation a {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }

    .woocommerce-orders-table {
        font-size: 0.9rem;
    }

    .woocommerce-orders-table th,
    .woocommerce-orders-table td {
        padding: 0.75rem 0.5rem;
    }
}