/**
 *  Style definitions for the webshop page.
 *
 *  @copyright  2025 Vinacles BV
 *  @author     Anouar Jaama
 *  @author     Clyde Semeleer
 */
@layer components {
    article.shop-page {
        @apply min-h-[375px];
    }

    article.shop-page.centralize > div {
        @apply w-[600px] mx-auto my-4;
    }

    @media (max-width: 480px) {
        article.shop-page.centralize > div {
            @apply w-auto m-0;
        }
    }

    @media (min-width: 480px) and (max-width: 800px) {
        article.shop-page.centralize > div {
            @apply w-auto m-0;
        }
    }
}

.hidden {
    @apply hidden;
}

aside,
nav,
section,
h1 {
    @apply text-[1.5em] mb-[0.83em];
}

h2 {
    @apply text-[1.5em];
}
h3 {
    @apply text-[1.17em];
}

@media (max-width: 768px) {
    h2 {
        @apply text-[100%];
    }

    h3 {
        @apply text-[85%];
    }

    article.shop-page.order-page.please-wait-parent {
        @apply ml-0;
    }
}

.cart-item-title {
    font-size: unset;
}