/*** ------- ARCHIVE ------- ***/


.products-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 40px 20px;
}

    .products-grid .product-card .bg img {
        left: 0;
        padding: 7%;
    }

.archive-toolbar {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.archive-header h1 {
    font-size: 22px;
}


/*** ------- CATEGORIES LIST ------- ***/


.categories-block .category-item {
    width: 100%;
}


/*** ------- SINGLE PRODUCT ------- ***/


h1.product-title {
    font-size: 18px;
}

.product-info-title {
    flex-direction: column-reverse;
    gap: 10px;
}

    .product-gallery-thumbs .product-thumb {
        width: 50px !important;
        min-width: 50px;
        max-width: 50px;
        height: 50px;
    }

.product-highlights {
    flex-direction: column;
    gap: 15px;
}

    .product-highlight {
        flex-direction: row;
        width: 100%;
        justify-content: flex-start;
    }

        .product-highlight span {
            text-align: left;
        }

    .product-highlight-divider {
        width: 100%;
        height: 1px;
    }

.attribute-option {
    height: 38px;
    font-size: 15px;
    padding: 0 12px;
}

.product-payment-methods {
    gap: 12px;
    flex-wrap: wrap;
}


/*** ------- CART PAGE ------- ***/


.cart-page {
    padding: 0 15px;
}

.cart-shipping-progress {
    padding: 15px;
}

.cart-items-header h2 {
    font-size: 20px;
}

.cart-item {
    padding: 20px 0;
    gap: 15px;
}

    .cart-item-image {
        width: 80px;
        height: 80px;
    }

    a.cart-item-name {
        font-size: 14px;
    }

    .cart-item-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

.cart-form-actions {
    flex-direction: column;
}

    .cart-coupon {
        max-width: 100%;
    }

.cart-summary {
    padding: 20px;
}

.cart-empty-state {
    padding: 50px 15px;
}

    .cart-empty-state h2 {
        font-size: 22px;
    }


/*** ------- CHECKOUT PAGE ------- ***/


.checkout-page {
    padding: 0 15px;
}

.checkout-section-title {
    font-size: 16px;
}

.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    width: 100%;
    display: block;
}

.woocommerce-checkout .form-row-first {
    margin-right: 0;
}

.checkout-shipping-toggle {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.checkout-summary {
    padding: 20px;
}

    .checkout-order-item-name {
        font-size: 12px;
    }


/*** ------- MY ACCOUNT ------- ***/


.account-page {
    padding: 0 15px;
}

.account-auth {
    max-width: 100%;
}

.account-auth-tab {
    padding: 10px 20px;
    font-size: 14px;
}

.account-nav-user {
    flex-direction: column;
    text-align: center;
}

.account-nav-list {
    gap: 4px;
}

    .account-nav-item a {
        padding: 8px 12px;
        font-size: 12px;
    }

    .account-nav-item a svg {
        width: 16px;
        height: 16px;
    }

.account-order-row {
    flex-wrap: wrap;
    gap: 10px;
}

    .account-order-meta {
        flex: 1;
        justify-content: flex-end;
    }

/* Orders table responsive */
.account-content .woocommerce-orders-table thead {
    display: none;
}

.account-content .woocommerce-orders-table,
.account-content .woocommerce-orders-table tbody,
.account-content .woocommerce-orders-table tr,
.account-content .woocommerce-orders-table td {
    display: block;
    width: 100%;
}

.account-content .woocommerce-orders-table tr {
    padding: 16px 0;
    border-bottom: 1px solid #E0E7F6;
}

.account-content .woocommerce-orders-table td {
    padding: 4px 0;
    border: 0;
}

    .account-content .woocommerce-orders-table td::before {
        content: attr(data-title) ": ";
        font-family: poppins, sans-serif;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        color: #90A4AE;
    }


/*** ------- FOOTER ------- ***/


footer .footer-links .footer-link-columns {
    gap: 30px;

    flex-wrap: wrap;
    /*flex-direction: column;*/
}

    footer .footer-links .footer-link-columns .footer-link-column {
        width: 40%;
    }

    footer .footer-links .footer-link-columns .footer-link-column.social-links {
        order: -1;
        width: 100%;
        justify-content: center;
        flex-direction: row;
    }

        footer .footer-links .footer-link-columns .footer-link-column.social-links ul {
            width: 100%;

            justify-content: space-evenly;
            flex-direction: row;
        }