/*
----------------------------------
WOOCOMMERCE
----------------------------------
*/
:root {
    --wc-form-color-background: var(--color-layer-1);
    --wc-form-color-border: var(--color-layer-2);
    --wc-form-color-text: var(--color-text);
}

.woocommerce-page a:not(.wp-element-button, .woocommerce-button, .wp-block-navigation-item__content, :has(svg)) {
    color: var(--wp--preset--color--primary-900);
}

.woocommerce.product {
    margin-top: 0;
}

.woocommerce .product .quantity .qty {
    border-radius: 10rem !important;
}

.wp-block-button.wc-block-components-product-button.has-arrow {
    gap: 0;
}

.wc-block-product-template__responsive.columns-4 {
    grid-template-columns: 1fr;
}

[data-page="checkout"] {
    margin-top: 0 !important;
}

.wp-block-woocommerce-customer-account svg {
    width: 1.75rem;
    height: 1.75rem;
}

.wc-block-components-button__text,
.woocommerce-button {
    font-size: var(--wp--preset--font-size--fs-8);
}

h2.wc-block-mini-cart__title {
    font-size: var(--wp--preset--font-size--fs-5);
    font-weight: 500;
    letter-spacing: 0.8px;
}

@media (min-width: 600px) {
    .wc-block-product-template__responsive.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1025px) {
    .wc-block-product-template__responsive.columns-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Order Confirmation */
.wp-block-woocommerce-order-confirmation-status h1 {
    margin-top: 0;
    margin-bottom: var(--wp--preset--spacing--space-4);
}

.wp-block-woocommerce-order-confirmation-status p {
    font-size: var(--wp--preset--font-size--fs-5);
}

.wc-block-order-confirmation-billing-address,
.wc-block-order-confirmation-shipping-address {
    border-radius: 0;
}

.woocommerce-account main .woocommerce {
    max-width: none;
    width: 100%;
}

nav.woocommerce-MyAccount-navigation {
    background-color: var(--color-layer-1);
    padding: var(--wp--preset--spacing--space-6);
    border-radius: 20px;
    margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    padding: 0;
    border-radius: 10rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    color: var(--color-text);
    font-size: var(--wp--preset--font-size--fs-7);
    text-decoration: none;
    line-height: 3rem;
    padding-inline: 1.5rem;
    transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background-color: var(--color-layer-2);
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active {
    background-color: var(--wp--preset--color--primary-100);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: var(--wp--preset--color--primary-900);
    text-decoration: none;
}

.woocommerce-MyAccount-content {
    padding: var(--wp--preset--spacing--space-6);
    border-radius: 20px;
    background-color: var(--color-layer-1);
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
    background-color: var(--color-layer-2);
    padding: var(--wp--preset--spacing--space-6);
    border-radius: 16px;
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content a:not(.woocommerce-button),
.woocommerce-account .woocommerce-MyAccount-content address,
.woocommerce table.shop_table {
    font-size: var(--wp--preset--font-size--fs-7);
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
    font-size: var(--wp--preset--font-size--fs-4);
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.woocommerce-button) {
    color: var(--wp--preset--color--primary-900);
    text-decoration: none;
    transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.woocommerce-button):hover,
.woocommerce-account .woocommerce-MyAccount-content a:not(.woocommerce-button):focus {
    color: var(--wp--preset--color--primary-600);
    text-decoration: underline;
}

.taxonomy-product_cat a,
.woocommerce-form-login a {
    color: var(--color-text);
    text-decoration: none;
    transition: all 0.3s ease;
}

.taxonomy-product_cat a:hover,
.taxonomy-product_cat a:focus,
.woocommerce-form-login a:hover,
.woocommerce-form-login a:focus {
    color: var(--wp--preset--color--primary-600);
    text-decoration: underline;
}

.woocommerce-form-login {
    max-width: 30rem;
}

.woocommerce-form-login a {
    font-size: var(--wp--preset--font-size--fs-7);
}

.lost_reset_password {
    max-width: 50rem;
}

.woocommerce-form-login .woocommerce-button {
    width: 100%;
}

.woocommerce form .form-row label {
    font-size: var(--wp--preset--font-size--fs-7);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
}

.dark-mode .wc-block-components-product-sale-badge.has-primary-100-background-color {
    background-color: var(--wp--preset--color--primary-100) !important;
}

.dark-mode .woocommerce-page a:not(.wp-element-button, .woocommerce-button, .wp-block-navigation-item__content, :has(svg)) {
    color: var(--wp--preset--color--primary-600) !important;
}

.dark-mode .woocommerce-account .woocommerce-MyAccount-navigation li.is-active {
    background-color: var(--wp--preset--color--primary-900);
    color: var(--wp--preset--color--primary-100);
}

.dark-mode .woocommerce-account .woocommerce-MyAccount-navigation li a {
    color: var(--color-text) !important;
}