/* ===================================
   ACCOUNT PAGE STYLES
   =================================== */

/* ===================================
   FORMS & INPUTS
   =================================== */

body.woocommerce-account .woocommerce-EditAccountForm.edit-account p input,
body.woocommerce-account .woocommerce-MyAccount-content form input {
    border-radius: 0;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #533d28;
    opacity: 1;
    padding: 7px 7px 7px 14px;
    background-color: transparent;
    height: 70px;
}

body.woocommerce-account .woocommerce-MyAccount-content form input::placeholder {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #533d28;
}

/* ===================================
   SELECT2 DROPDOWN STYLING
   =================================== */

body.woocommerce-account .select2-container {
    width: 100%;
}

body.woocommerce-account .select2-selection.select2-selection--single {
    height: 70px;
    border: 1px solid #533d28;
    border-radius: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    padding: 0 12px;
}

body.woocommerce-account .select2-selection.select2-selection--single .select2-selection__arrow {
    height: 70px;
    top: 0;
    right: 12px;
}

body.woocommerce-account .select2-selection__arrow b {
    border-color: #533d28 transparent transparent transparent;
}

body.woocommerce-account .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #533d28 transparent;
}

body.woocommerce-account .select2.select2-container .select2-selection__rendered {
    color: #533d28;
    line-height: 70px;
    padding: 0;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
}

body.woocommerce-account .select2-selection__placeholder {
    color: #533d28;
    opacity: 0.7;
}

body.woocommerce-account .select2-dropdown.select2-dropdown--below,
body.woocommerce-account .select2-dropdown.select2-dropdown--above {
    background-color: #efe9e1;
    border: 1px solid #533d28;
    border-radius: 0;
}

body.woocommerce-account .select2-container .select2-search__field {
    background-color: #fff;
    border: 1px solid #533d28;
    border-radius: 0;
    color: #533d28;
    padding: 8px 12px;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
}

body.woocommerce-account .select2-container .select2-search__field:focus {
    outline: none;
    border-color: #533d28;
}

body.woocommerce-account .select2-results {
    background-color: #efe9e1;
}

body.woocommerce-account .select2-results__option {
    padding: 10px 12px;
    color: #533d28;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    background-color: #efe9e1;
}

body.woocommerce-account .select2-results__option--highlighted[aria-selected],
body.woocommerce-account .select2-container--default .select2-results__option[aria-selected=true],
body.woocommerce-account .select2-container--default .select2-results__option[data-selected=true],
body.woocommerce-account .select2-results__option:hover {
    background-color: #533d28;
    color: #fff;
}

body.woocommerce-account .select2-results__option[aria-selected="true"] {
    background-color: #c9b39f;
    color: #533d28;
    font-weight: 600;
}

body.woocommerce-account .select2-results__option[aria-selected="true"]:hover {
    background-color: #533d28;
    color: #fff;
}

body.woocommerce-account .select2-results__option--disabled {
    color: #999;
    opacity: 0.5;
    cursor: not-allowed;
}

body.woocommerce-account .select2-results__option--disabled:hover {
    background-color: #efe9e1;
    color: #999;
}

body.woocommerce-account .select2-results__message {
    color: #533d28;
    padding: 10px 12px;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
}

body.woocommerce-account .select2-container--focus .select2-selection--single {
    border-color: #533d28;
    outline: none;
}

body.woocommerce-account .select2-container--open .select2-selection--single {
    border-color: #533d28;
}

body.woocommerce-account .woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
    border-color: #533d28;
}

/* Legacy Select2 for MyAccount forms */
body.woocommerce-account .woocommerce-MyAccount-content form .select2-selection {
    border-radius: 0;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #533d28;
    opacity: 1;
    background-color: transparent;
    height: 70px;
}

body.woocommerce-account .woocommerce-MyAccount-content form .select2-selection span {
    display: flex;
    align-items: center;
    padding: 7px 7px 7px 14px;
}

body.woocommerce-account .woocommerce-MyAccount-content .select2-selection__placeholder,
body.woocommerce-account .woocommerce-MyAccount-content .select2-selection__rendered {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #533d28;
}

/* Labels */
body.woocommerce-account .woocommerce-MyAccount-content label {
    font-family: "Work Sans", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #533d28;
    margin-bottom: 10px;
}

/* Fieldsets */
body.woocommerce-account .woocommerce-MyAccount-content fieldset {
    border: 1px solid #533d28;
    margin-bottom: 1rem;
}

body.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
    font-family: "Work Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #533d28;
}

/* ===================================
   PAYMENT METHOD SELECTION
   =================================== */

/* Payment container */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0;
}

/* Payment methods list */
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    text-align: left;
    padding: 0;
    border-bottom: none;
    margin: 0;
    list-style: none outside;
}

/* Form row padding */
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 1rem 0;
}

/* Radio buttons for payment methods */
body.woocommerce-account .woocommerce-MyAccount-content input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #533d28;
    border-radius: 50%;
    background-color: var(--page-bg, #efe9e1);
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

body.woocommerce-account .woocommerce-MyAccount-content input[type="radio"]::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #533d28;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
}

body.woocommerce-account .woocommerce-MyAccount-content input[type="radio"]:checked::before {
    transform: translate(-50%, -50%) scale(1);
}

body.woocommerce-account .woocommerce-MyAccount-content input[type="radio"]:focus {
    outline: 2px solid #533d28;
    outline-offset: 2px;
}

/* Parent payment method labels (Carte bancaire, PayPal) */
body.woocommerce-account .woocommerce-MyAccount-content li.woocommerce-PaymentMethod > label {
    margin: 0;
    padding: 0;
    font-family: "Work Sans", Sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #533d28;
    letter-spacing: 0;
}

/* All other payment labels */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentMethod label {
    padding-left: 10px;
    font-family: "Work Sans", Sans-serif;
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    color: #533d28;
    letter-spacing: 0;
}

/* Payment boxes - clean design without background */
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    margin: 1em 0;
    font-size: 0.92em;
    border-radius: 0;
    line-height: 1.5;
    background-color: transparent;
    color: #533d28;
}

/* Remove arrow */
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

body.woocommerce-account .woocommerce-MyAccount-content .payment_box.payment_method_ppcp-credit-card-gateway {
    border: 1px solid #533d28;
}

body.woocommerce-account .woocommerce-MyAccount-content .payment_box p {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #533d28;
    letter-spacing: 0;
}

/* ===================================
   BUTTONS
   =================================== */

body.woocommerce-account .woocommerce-MyAccount-content button.button,
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button.button,
body.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button.button:hover {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 700;
    background-color: #533d28;
    border-radius: 0;
    text-align: center;
    padding: 1rem 2rem;
}

/* Place Order button specific styling */
body.woocommerce-account .woocommerce #payment #place_order,
body.woocommerce-account .woocommerce-page #payment #place_order {
    float: none;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 700;
    background-color: #533d28;
    border-radius: 0;
    text-align: center;
    padding: 1rem 2rem;
}

body.woocommerce-account .woocommerce #payment #place_order:hover,
body.woocommerce-account .woocommerce-page #payment #place_order:hover {
    background-color: #533d28;
    opacity: 0.9;
}

/* ===================================
   TABLES
   =================================== */

body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table {
    border-collapse: collapse;
    border: 1px solid #533d28;
}

body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table th,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table th,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table td {
    border: 1px solid #533d28;
    background-color: transparent;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
}

body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table th a,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table td a {
    color: #533d28;
}

/* ===================================
   HEADINGS & TYPOGRAPHY
   =================================== */

body.woocommerce-account .woocommerce-order-details .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-customer-details .woocommerce-column__title,
body.woocommerce-account .woocommerce-MyAccount-content h2 {
    font-family: "Anton", Sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 46px;
    color: #533d28;
}

body.woocommerce-account .woocommerce-MyAccount-content p {
    font-family: "Work Sans", Sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #533d28;
}

body.woocommerce-account .woocommerce-MyAccount-content p a {
    color: #533d28;
}

body.woocommerce-account .woocommerce-customer-details address {
    font-family: "Work Sans", Sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #533d28;
}

body.woocommerce-account .woocommerce-MyAccount-content #account_display_name_description em {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #533d28;
}

/* ===================================
   CUSTOM NAVIGATION
   =================================== */

/* Hide default WooCommerce navigation */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none;
}

/* Custom Elementor navigation */
body.woocommerce-account .account-navigation .navigation-col {
    cursor: pointer;
}

body.woocommerce-account .account-navigation .navigation-col:hover .elementor-heading-title {
    color: #fff;
}

body.woocommerce-account .account-navigation .navigation-col.active-link {
    background-color: #533d28;
}

body.woocommerce-account .account-navigation .navigation-col.active-link span {
    color: #fff;
}

/* ===================================
   LAYOUT
   =================================== */

body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}

/* ===================================
   LOGIN & REGISTER FORMS
   =================================== */

body.woocommerce-account #customer_login h2 {
    font-family: "Anton", Sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 66px;
    color: #533d28;
}

body.woocommerce-account #customer_login form {
    border: none;
    padding: 20px 5px;
}

body.woocommerce-account #customer_login .col-1 {
    width: 52%;
}

body.woocommerce-account #customer_login form input,
body.woocommerce-account .woocommerce form .form-row .input-text,
body.woocommerce-account .woocommerce form .form-row select {
    height: 70px;
    border-color: #533d28;
    border-radius: 0;
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #533d28;
    opacity: 1;
    padding: 7px 7px 7px 14px;
    background-color: transparent;
}

body.woocommerce-account #customer_login form input::placeholder {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #533d28;
}

body.woocommerce-account #customer_login form label {
    font-family: "Work Sans", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #533d28;
    margin-bottom: 10px;
}

body.woocommerce-account #customer_login .form-row:nth-child(3) {
    display: flex;
    flex-direction: column;
}

body.woocommerce-account #customer_login .woocommerce-form-login__rememberme {
    display: flex;
    gap: 10px;
    align-items: center;
}

body.woocommerce-account #customer_login .woocommerce-privacy-policy-text {
    font-family: "Work Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #533d28;
}

body.woocommerce-account #customer_login p a {
    color: #533d28;
    font-weight: 500;
}

body.woocommerce-account #customer_login p.woocommerce-LostPassword {
    font-family: "Work Sans", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #533d28;
}

body.woocommerce-account #customer_login form .woocommerce-button {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    background-color: #533d28;
    height: 70px;
    width: 295px;
    margin-top: 19px;
    border-radius: 0;
}

/* ===================================
   RESET PASSWORD FORM
   =================================== */

body.woocommerce-account .woocommerce-ResetPassword.lost_reset_password input {
    height: 70px;
    border-color: #533d28;
}

body.woocommerce-account .woocommerce-ResetPassword.lost_reset_password > p {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #533d28;
}

body.woocommerce-account .woocommerce-ResetPassword.lost_reset_password label {
    font-family: "Work Sans", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #533d28;
}

body.woocommerce-account .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    background-color: #533d28;
    height: 70px;
    width: 295px;
    margin-top: 19px;
    border-radius: 0;
}

/* ===================================
   ADDRESS SECTION
   =================================== */

body.woocommerce-account .address-section-heading {
    font-family: "Anton", Sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 66px;
    text-transform: uppercase;
    color: #533d28;
}

body.woocommerce-account .woocommerce-Addresses.addresses {
    margin-top: 33px;
}

body.woocommerce-account .woocommerce-Address-title h2 {
    font-family: "Work Sans", Sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #533d28;
    text-transform: none;
}

body.woocommerce-account .woocommerce-Address header {
    display: flex;
    flex-direction: column;
}

body.woocommerce-account .woocommerce-Address address,
body.woocommerce-account .woocommerce-Address header a {
    font-family: "Work Sans", Sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #533d28;
    font-style: normal;
}

body.woocommerce-account .woocommerce-Address header a {
    font-weight: 500;
    text-decoration: underline;
}

body.woocommerce-account .woocommerce-Address-title a.edit {
    font-size: 12px;
}

body.woocommerce-account .woocommerce .woocommerce-customer-details address {
    border: none;
    border-radius: 0;
    padding: 10px 0;
    text-align: left;
}

/* ===================================
   FORM ROW WIDTHS
   =================================== */

body.woocommerce-account .woocommerce form .form-row {
    margin: 0 0 10px;
}

body.woocommerce-account .woocommerce form .form-row-first,
body.woocommerce-account .woocommerce form .form-row-last,
body.woocommerce-account .woocommerce-page form .form-row-first,
body.woocommerce-account .woocommerce-page form .form-row-last {
    width: 49.4%;
}

/* ===================================
   NON-LOGGED-IN USER OVERRIDES
   =================================== */

body:not(.logged-in).woocommerce-account h1,
body:not(.logged-in).woocommerce-account .acount-remove,
body:not(.logged-in).woocommerce-account .account-nav {
    display: none;
}

/* ===================================
   RESPONSIVE
   =================================== */

@media only screen and (max-width: 1024px) {
    body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .button {
        width: 100%;
    }
}