/* account dashboard */

@media (min-width:768px){
    .woocommerce-account main{
        margin-top: 0 !important;
    }
}

.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce{
    max-width: 1260px;
}

.wp-block-group:has(.woocommerce-MyAccount-navigation) h1 {
    padding-bottom: clamp(40px,calc(40px + 24 * ((100vw - 640px) / 384)),64px);
    text-align: center;
}

/* nav */
.woocommerce-MyAccount-navigation{
    padding: 15px 0;
    margin-bottom: 40px;
    border-radius: 4px;
    border: 1px solid var(--contrast-lg);
}

@media (min-width:768px){
    .woocommerce-MyAccount-navigation{
        max-width: min( 293px, 30%);
    }
    .woocommerce-account .woocommerce-MyAccount-content{
        width: max(68%, calc(98% - 293px))
    }
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    margin-bottom: 0;
    font-size: 16px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
    padding: .35em 16px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:not(.is-active){
    color: var(--contrast-lg);
}


/* right col */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .wc-block-components-notice-banner .wc-block-components-notice-banner__content a{
    font-size: 16px;
}

.woocommerce table.shop_table th{
    font-weight: 600;
}

.woocommerce-account .wc-block-components-notice-banner{
    margin-top: 0;
}

.woocommerce-account .wc-block-components-notice-banner:not(.is-error) .wc-block-components-notice-banner__content{
    display: flex;
    align-items:center;
    justify-content: space-between;
}

/* Dashboard, welcome message */
.woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-Addresses),
.woocommerce-account .woocommerce-MyAccount-content:has(p:nth-of-type(2)){
    padding: 15px 16px;
    border: 1px solid var(--contrast-lg);
    border-radius: 4px;
    box-sizing: border-box;
}

.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type{
    margin-bottom: 16px;
}

/* addresses */
.woocommerce-account .woocommerce-MyAccount-content > p:has(+ .woocommerce-Addresses){
    display: none;
}

.woocommerce-account .woocommerce-Address{
    padding-bottom: 30px;
    position: relative;
}

@media (max-width: 768px) {
    .woocommerce-account div.woocommerce-Address:nth-child(2){
        margin-top: 30px;
    }
}

.woocommerce-account .woocommerce-Addresses h2{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

.woocommerce-account .addresses .title .edit{
    float: none;
    margin-bottom: 0;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    color: var(--contrast-lg);
}


.woocommerce-account .woocommerce-Addresses address{
    font-size: 14px;
    font-style: normal;
}

/* acct details */
.woocommerce form .form-row label{
    font-size: 14px;
}

.woocommerce-page form .form-row input.input-text{
    height: 45px;
    border: 1px solid var(--contrast-lg);
}

.woocommerce-page form .form-row input.input-text:focus-visible{
    border: 0px
}

.woocommerce-page form #account_display_name_description{
    display: none;
}

.woocommerce-page form fieldset{
    margin-top: 12px;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{
    color: var(--contrast-lg)
}

.woocommerce-page form .show-password-input.display-password::before,
.woocommerce-page form .show-password-input::before{
    display: none;
}

.woocommerce-page form .show-password-input.display-password svg:last-child,
.woocommerce-page form .show-password-input svg:first-child{
    display: none;
}
.woocommerce-page form .show-password-input svg:last-child,
.woocommerce-page form .show-password-input.display-password svg:first-child{
    display: block;
}

.woocommerce-page form .form-row input.input-text:has(+ button:focus),
.woocommerce-page form .form-row input.input-text:has(+ button:focus-visible){
    outline: 1px solid currentColor;
/*     border: 1px solid currentColor;*/
}
.woocommerce-page form.edit-account fieldset{
    border: 1px solid var(--contrast-lg);
}

.woocommerce-page form .woocommerce-address-fields button,
.woocommerce-page form.edit-account .woocommerce-Button{
    font-size: 14px;
    color: var(--contrast-none);
    background-color: var(--contrast-max);
    border-radius: 4px;
    padding: 14px 20px;
    margin-top: 23px;
    margin-left: 3px;
}

.woocommerce-page form .woocommerce-address-fields button:hover,
.woocommerce-page form.edit-account .woocommerce-Button:hover{
    background-color: var(--hover-conmax);
}