/*
Theme Name: EasyBuy Child
Description: Custom EasyBuy-style WooCommerce child theme based on Storefront.
Author: Store Owner
Template: storefront
Version: 1.1.0
Text Domain: easybuy-child
*/

:root {
    --store-primary: #168b24;
    --store-primary-dark: #0f701c;
    --store-primary-light: #eaf6ec;
    --store-text: #18243a;
    --store-text-light: #687386;
    --store-border: #e4e7eb;
    --store-background: #f7f8fa;
    --store-white: #ffffff;
    --store-sale: #ffb800;
    --store-danger: #e53935;

    --store-radius-sm: 8px;
    --store-radius-md: 12px;
    --store-radius-lg: 16px;

    --store-container: 1280px;
    --store-notice-height: 38px;
    --store-mobile-nav-height: 76px;
    --store-transition: 0.25s ease;
}

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

.store-container {
    width: min(calc(100% - 40px), var(--store-container));
    margin-inline: auto;
}

@media (max-width: 768px) {
    .store-container {
        width: min(calc(100% - 24px), var(--store-container));
    }
}