/*
* FortyDegrees for Agriangus
* fortydegrees.pt
* 2021
* author: frussane
*/

/* navbar */
.dashboard-blocks_wrapper{
    width:100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    max-width:780px;
    margin: 0 auto;
}

.dashboard-block{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    box-shadow: rgb(50 50 93 / 10%) 0px 2px 5px -1px, rgb(0 0 0 / 15%) 0px 1px 3px -1px;
    padding: 20px;
    background:var(--e-global-color-a7f6377);
    background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    var(--e-global-color-primary) 50%,
    var(--e-global-color-primary));
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all 250ms ease-in;
}

.dashboard-block img{
    transition: all 150ms ease-in;
}


.dashboard-blocks_wrapper .dashboard-block .dashboard-block_title{
    line-height: 24px;
    transition: all 0.2s ease-in;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    color: black;
}


.dashboard-blocks_wrapper .dashboard-block.active .dashboard-block_title,
.dashboard-blocks_wrapper .dashboard-block:hover .dashboard-block_title{
    color:white;
}


.dashboard-block.active img,
.dashboard-block:hover img{
    filter: invert(1);
}

.dashboard-block.active,
.dashboard-block:hover{
    background-position: 0 0;
    color:white;
}


.woocommerce-account .woocommerce-MyAccount-content{
    width:100%;
    float: none;
    max-width:1100px;
    margin: 75px auto;
}

.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content,
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content{
    max-width:780px;
}

.woocommerce-account.woocommerce-edit-account p:nth-child(1) label,
.woocommerce-account.woocommerce-edit-account p:nth-child(2) label{
    margin-top:0;
}


.woocommerce .woocommerce-customer-details address{
    border:none;
}

mark{
    font-weight:600;
    color:black;
    background-color:transparent;
}


.woocommerce-order-details h2, .woocommerce-customer-details h2{
    font-size:15px;
    text-transform:uppercase;
    color:white;
    background-color:var(--e-global-color-primary);
    padding: 10px;
    width: fit-content;
}

/******
** Login / Registry
 */

#customer_login .woocommerce-form-login, #customer_login .woocommerce-form-register{
    border: none;
    background-color: var(--e-global-color-a7f6377);
}

#customer_login input{
    background-color: transparent!important;
}

#customer_login button{
    margin-top:25px;
    padding: 15px;
    font-size: 12px;
}

#customer_login h3 {
    color: black;
    font-size: 18px;
}


/****
* Recover password
 */
.woocommerce-ResetPassword{
    max-width: 500px;
    margin: 75px auto;
}

.woocommerce-ResetPassword .woocommerce-form-row--first{
    width:100%!important;
    margin-bottom:30px!important;
}



@media screen and (max-width: 768px) {
    .dashboard-blocks_wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 10px;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        margin: 25px auto;
    }

    .woocommerce-order-details h2, .woocommerce-customer-details h2 {
        width: 100%;
    }

    .dashboard-block {
        padding: 10px;
    }

}