/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    /* MON COMPTE > CONTENT */
    .page-id-16 .woocommerce-MyAccount-content {
        width: 100% !important;
        padding: 0 !important;
        background-color: transparent !important;
    }
    .woocommerce-MyAccount-content h3.greeting {
        text-align: center !important;
        padding-bottom: 10px;
    }
    /* MON COMPTE > APERÇU DU COMPTE */
    .dashboard-content {
        width: auto !important;
        padding: 6px !important;
    }
    /* MON COMPTE > MES COMMANDES  */
    .woocommerce-orders-table__cell-order-invoice .icon-facture img {
        margin: 0 !important;
    }
    .woocommerce-orders-table {
        margin: 0 !important;
    }
    .woocommerce-orders-table__cell-order-number{
        background-color: #eee;
        border-radius: 5px 5px 0 0;
    }
    .page-id-16 .woocommerce-orders-table__cell-order-status {
        max-width: none !important;
        text-align: right !important;
    }
    .woocommerce-orders-table__cell-order-actions {
        max-width: none !important;
    }
    .page-id-16 .woocommerce-MyAccount-orders .woocommerce table.shop_table td {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .page-id-16 .woocommerce-MyAccount-orders .woocommerce table.shop_table td:last-of-type {
        border-bottom: 1px solid #ccc;
        border-radius: 0 0 5px 5px;
        padding-bottom: 20px;
    }
    .page-id-16 .woocommerce-MyAccount-orders .woocommerce table.shop_table td:first-of-type {
        border-top: 1px solid #ccc;
    }
    .table.woocommerce-table--order-downloads tbody .button, table.my_account_orders tbody .button {
        margin-left: 0 !important;
    }
    /* MON COMPTE > MES COMMANDES > OPTIONS COMMANDE */
    .dropdown{
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100%;
        text-align: center;
        justify-content: center;
        background: none !important;
    }
    .dropbtn{
        display: none;
    }
    .dropdown-content{
        position: relative !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        width: 100% !important;
        box-shadow: none !important;
        background-color: transparent !important;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 !important;
    }
    .woocommerce-orders-table__cell-order-actions .dropdown-content .button {
        width: 100% !important;
        margin-top: 20px !important;
        padding: 0 !important;
        height: 50px;
        line-height: 50px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    }
    /* MON COMPTE > BOUTON DECONNEXION  */
    #my-account-menu .logout a {
        padding: 7px 12px 7px 30px !important;
    }
    #my-account-menu .logout a:before {
        content: '';
        position: absolute;
        margin-left: -24px;
        margin-top: 5px;
        width: 20px;
        height: 20px;
        background-position: center;
        background-size: 90%;
    }
    #my-account-menu .logout a:before {
        background-image: url(https://urban974.re/wp-content/themes/konte/images/icons-dashboard/streamline-icon-logout@25x25.png);
        background-repeat: no-repeat;
    }

    /* MON COMPTE > OPTIONS DE PAIEMENT  */
    .woocommerce-MyAccount-paymentMethods tr{
        width: 100% !important;
    }
    .add-payment-method-button{
        margin: 15px auto;
        width: 100% !important; 
    }
    /* MON COMPTE > MES INFORMATIONS */
    form.edit-account .form-row > span input {
        display: block;
    }


}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    .add-payment-method-button,
    .woocommerce-MyAccount-paymentMethods tr{
        width: auto !important;
        height: auto !important; 
    }
    .add-payment-method-button{
        margin: 15px auto;
        width: auto !important; 

    }
    .woocommerce-MyAccount-paymentMethods tr{
        display: block;
        height: 200px !important;
        float: left;
        margin: 5px;
        border-radius: 5px !important;
        border: 1px solid #ccc;
        width: 375px;
        height: auto !important;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    /* MON COMPTE > CONTENT */
    .page-id-16 .woocommerce-MyAccount-content {
        background-color: #fafafa;
        padding: 20px
    }
    /* MON COMPTE > APERÇU DU COMPTE */
    .dashboard-content .column {
        width: 180px;
        height: 150px;
    }
    /* MON COMPTE > OPTIONS DE PAIEMENT  */
    .woocommerce-MyAccount-paymentMethods tr{
        float: none !important;
        margin: 10px auto !important;
    }
    .woocommerce-MyAccount-paymentMethods tr{
        width: 100% !important;
    }
    .add-payment-method-button{
        margin: 15px auto !important;
        width: 100% !important;

    }

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    /* MON COMPTE > MENU  */
    #my-account-menu {
        width: 100%;
        float: none;
        padding: 0 !important;
    }
    #my-account-menu ~ #my-account-content {
        width: 100%;
        float: none;
    }
    #my-account-menu .myaccount-menu:after,
    #my-account-menu .myaccount-menu:before {
        display: none;
    }
    #my-account-menu .myaccount-menu li a {
        border: 1px solid #e0e0e0;
        border-bottom: 0;
    }
    #my-account-menu .myaccount-menu li:last-child a {
        border-bottom: 1px solid #e0e0e0;
    }
    #my-account-menu .myaccount-menu li.active a,
    #my-account-menu .myaccount-menu li.is-active a {
        border-right: 1px solid #e0e0e0 !important;
    }
    #my-account-menu.position-right .myaccount-menu li.active a,
    #my-account-menu.position-right .myaccount-menu li.is-active a {
        border-left: 1px solid #e0e0e0 !important;
    }
    #my-account-menu .myaccount-menu li i{
        display: inline-block;
    }
    #my-account-menu .myaccount-menu li a {
        text-align: center;
        padding: 12px 10px;
    }
    #my-account-menu .myaccount-menu li,
    #my-account-menu-tab .myaccount-menu li {
        margin: 0;
        display: block;
        float: none;
    }
    #my-account-menu-tab .myaccount-submenu {
        position: static;
        padding: 0;
        display: none;
    }
    .page-id-16 .woocommerce-MyAccount-content {
        margin: 0 !important;
        width: 100% !important;
    }

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}




/* GÉNÉRAL */
/* MON COMPTE > OPTIONS DE PAIEMENT  */
.payment-method-actions a{
    margin-top: 10px;
}
.payment-method-actions:before {
    content: '' !important;
}
.woocommerce-MyAccount-paymentMethods thead {
    display: none;
}
.woocommerce-MyAccount-paymentMethods tr{
    display: block;
    height: 170px !important;
    float: right;
    margin: 5px;
    border-radius: 5px !important;
    border: 1px solid #ccc;
    width: 350px;
}
.woocommerce-MyAccount-paymentMethods  .default-payment-method{
    border: 2px solid #333 !important;
}
.payment-method{
    padding: 15px 5px;
}
.woocommerce-MyAccount-paymentMethods td {
    /*padding: 15px !important;*/
    display: block;
    text-align: right;
    border: none;

}
.woocommerce-MyAccount-paymentMethods td:before {
    content: attr(data-title);
    float: left;
    font-weight: bold;
}
.woocommerce-MyAccount-paymentMethods td a {
    padding: 5px 15px !important;
}
.default-payment-method td{

}
.add-payment-method-button:before{
    content: '+';
    width: 20px;
    height: 20px;
    text-align: center; 
    margin: 80px auto;
    font-weight: bold;
    font-size: 50px;
    opacity: 0.8;

}
.add-payment-method-button{
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: transparent;
    border: 1px dashed #333;
    color: #333;
    width: 350px;
    height: 170px !important;
    justify-content: end;
    padding: 10px !important;
    /*! margin: 5px; */
}
.add-payment-method-button:hover{
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #333;
    border: 1px dashed #fafafa;
    color: #fafafa;
    width: 350px;
    height: 170px !important;
    justify-content: end;
    padding-bottom: 20px !important;
}
/*NOTIFICATION  */
.woocommerce-message{
    border-radius: 5px;
}

@media only screen 
and (max-width : 1199px) {
    .woocommerce-MyAccount-paymentMethods tr{
        display: block;
        float: none !important;
        margin: 15px auto;
        width: 80%;
        height: auto !important;
    }
    .add-payment-method-button{
        margin: 15px auto;
        width: 100%;
    }
}

/* MON COMPTE > MES INFORMATIONS */


form.edit-account .form-row  > .password-input {
    position: relative !important;
    margin-left: 0 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;

}
form.edit-account .form-row .password-input input {
    width: 100% !important;
}
form.edit-account .form-row-submit .button {
    padding: 0px !important; 
}

/* MON COMPTE > MES ADRESSE */
.woocommerce-Address{
    border: 1px solid #333 !important;
    border-radius: 5px;
    padding: 20px;
    width: 320px;
    height: auto;
    line-height: 1 !important;
    margin: 6px !important;
    overflow: hidden;
}

.woocommerce-Address h3{
    font-size: 15px !important;
    font-weight: bold;
}
.woocommerce-Address address{
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.woocommerce-address-footer{
    text-align: right;
}
.woocommerce-address-footer a{
    padding: 0  !important;
    line-height: 40px !important;
}


.woocommerce-Address h3{
    font-size: 15px !important;
    font-weight: bold;
}
.woocommerce-Address address{
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.woocommerce-address-footer{
    text-align: right;
}
.woocommerce-address-footer a{
    padding: 0  !important;
    line-height: 40px !important;
}

.woocommerce-Addresses{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.add-new-adress:before{
    content: '+';
    width: 20px;
    height: 20px;
    text-align: center; 
    margin: 50px auto;
    font-weight: bold;
    font-size: 50px;
    opacity: 0.8;
}
.add-new-adress{
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border: 1px dashed #333;
    color: #333;
    width: 320px;
    height: 266px;
    margin: 5px;
}