/*
Theme Name: Vital Proteins Clone
Theme URI: https://www.vitalproteins.com/
Description: A WooCommerce mirror of the Vital Proteins storefront.
Author: Vital Proteins Clone
Version: 1.4.1
Text Domain: vital-clone
Requires at least: 6.5
Requires PHP: 8.1
WC requires at least: 9.0
WC tested up to: 11.2
*/

:root {
    --vp-navy: #14317b;
    --vp-blue: #2a5bd7;
    --vp-cream: #fff9f0;
    --vp-yellow: #ffd955;
    --vp-green: #7b9e72;
    --vp-ink: #171717;
    --vp-border: #d9d9d9;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--vp-ink);
    font-family: "Avenir-Next", Arial, sans-serif;
}

.vp-commerce-page {
    padding-top: 112px;
}

@media (max-width: 1023px) {
    .vp-commerce-page {
        padding-top: 86px;
    }
}

.vp-minimal-footer {
    margin: 0;
    padding: 34px 48px;
    border-top: 1px solid #dfe3eb;
    background: #fff;
    color: var(--vp-navy);
}

.vp-header-logo-link {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    line-height: 0;
    text-decoration: none;
}

.vp-minimal-footer__inner {
    display: flex;
    width: min(1440px, 100%);
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.vp-minimal-footer__logo {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

.vp-minimal-footer__logo img {
    display: block;
    width: 190px;
    max-width: 100%;
    height: auto;
}

.vp-minimal-footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 34px;
    align-items: center;
    justify-content: flex-end;
}

.vp-minimal-footer__nav a {
    color: var(--vp-navy);
    font-family: "Avenir-Next", Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
}

.vp-minimal-footer__nav a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.klaviyo-form,
[class*="kl-teaser"],
[class*="kl-private-reset-css"],
[id^="kl_"] {
    display: none !important;
}

@media (max-width: 767px) {
    .vp-minimal-footer {
        padding: 28px 20px;
    }

    .vp-minimal-footer__inner {
        flex-direction: column;
        gap: 22px;
        text-align: center;
    }

    .vp-minimal-footer__logo img {
        width: 170px;
    }

    .vp-minimal-footer__nav {
        justify-content: center;
        gap: 12px 22px;
    }
}