/* base */
@import url("base/shopify-inline.css");
@import url("base/base.css");

/* vendor */
@import url("vendor/swiper-bundle.min.css");

/* components */
@import url("components/component-drawer.css");
@import url("components/component-predictive-search.css");
@import url("components/component-card-product-slider.css");
@import url("components/component-card-product.css");

/* layout */
@import url("layout/section-announcement-bar.css");
@import url("layout/section-header.css");
@import url("layout/section-footer.css");

/* pages */
@import url("pages/home/section-hero-banner.css");
@import url("pages/home/section-home-categories.css");
@import url("pages/home/section-home-video.css");
@import url("pages/home/section-full-width-banner.css");
@import url("pages/home/section-featured-products.css");
@import url("pages/product/product.css");
@import url("pages/product/section-single-product.css");
@import url("pages/myaccount.css");
@import url("pages/gallery.css");
@import url("pages/about.css");

/* Brand palette overrides for copied utility classes. */
:root {
    --gbn-cream-background: #f3f2ec;
}

body {
    background-color: var(--gbn-cream-background);
}

.text-amber,
.hover\:text-amber:hover,
.text-gordons-green,
.hover\:text-gordons-green:hover {
    color: #111 !important;
}

.text-chicago,
.text-zorba,
.text-gordons-green-20 {
    color: #565656 !important;
}

.text-white-c,
.text-white-m {
    color: #fff !important;
}

.bg-amber,
.hover\:bg-amber:hover,
.bg-gordons-green,
.hover\:bg-gordons-green:hover {
    background-color: #111 !important;
}

.bg-corn,
.hover\:bg-corn:hover,
.bg-gordons-green-20,
.hover\:bg-gordons-green-20:hover {
    background-color: #565656 !important;
}

.bg-white-c {
    background-color: var(--gbn-cream-background) !important;
}

.border-amber,
.hover\:border-amber:hover,
.border-gordons-green,
.hover\:border-gordons-green:hover {
    border-color: #111 !important;
}

.border-iron,
.border-zorba,
.border-gordons-green-20 {
    border-color: rgba(0, 0, 0, .14) !important;
}

.from-gordons-green\/85 {
    --tw-gradient-from: rgb(17 17 17 / .85) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(17 17 17 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-gordons-green\/65 {
    --tw-gradient-to: rgb(17 17 17 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgb(17 17 17 / .65) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Global button shape: black outline, cream fill, black text. */
.button,
.woocommerce-button,
.wp-element-button,
button[type="submit"],
input[type="submit"],
a[class*="bg-amber"],
button[class*="bg-amber"],
a[class*="bg-gordons-green"],
button[class*="bg-gordons-green"],
.trial-contact__button,
.beauty-services__cta,
.beauty-service__book,
.gbn-button,
.gbn-auth-button,
.private-visit-form__submit {
    border: 1px solid #111 !important;
    border-radius: 0 !important;
    background: var(--gbn-cream-background) !important;
    background-color: var(--gbn-cream-background) !important;
    color: #111 !important;
}

.button:hover,
.button:focus-visible,
.woocommerce-button:hover,
.woocommerce-button:focus-visible,
.wp-element-button:hover,
.wp-element-button:focus-visible,
button[type="submit"]:hover,
button[type="submit"]:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
a[class*="bg-amber"]:hover,
a[class*="bg-amber"]:focus-visible,
button[class*="bg-amber"]:hover,
button[class*="bg-amber"]:focus-visible,
a[class*="bg-gordons-green"]:hover,
a[class*="bg-gordons-green"]:focus-visible,
button[class*="bg-gordons-green"]:hover,
button[class*="bg-gordons-green"]:focus-visible,
.trial-contact__button:hover,
.trial-contact__button:focus-visible,
.beauty-services__cta:hover,
.beauty-services__cta:focus-visible,
.beauty-service__book:hover,
.beauty-service__book:focus-visible,
.gbn-button:hover,
.gbn-button:focus-visible,
.gbn-auth-button:hover,
.gbn-auth-button:focus-visible,
.private-visit-form__submit:hover,
.private-visit-form__submit:focus-visible {
    background: #111 !important;
    background-color: #111 !important;
    color: #fff !important;
}