/* ================================================================================
DA GOODIES v6.2 — FULL CSS RULE CONTROL CENTER
================================================================================

This file is built for Pinegrow editing.

Every main visible asset has:
1. A real class rule in layout.css/components.css
2. A matching control variable here
3. No inline style attributes in index.html

When Pinegrow says “CSS Rule is not selected,” click the element, then select
one of its CSS classes/rules from the Styles panel, such as:
.asset-hero-text
.asset-hero-snacks
.asset-delivery-panel
.asset-pack-quick
.asset-checkout-panel
.asset-suggest-panel

Then edit the rule or adjust these variables.
================================================================================ */
:root {
    /* Brand */
    --dg-lime: #9fe61a;
    --dg-lime-2: #78d313;
    --dg-orange: #ff8d1b;
    --dg-ink: #101010;
    --dg-white: #ffffff;

    /* Global */
    --dg-font: Inter, Arial, Helvetica, sans-serif;
    --dg-content-max: 1460px;
    --dg-topbar-height: 72px;
    --dg-page-bg-size: cover;
    --dg-page-bg-position: center top;
    --dg-page-bg-attachment: fixed;

    /* Navigation asset controls */
    --nav-logo-width: 82px;
    --nav-gap-min: 14px;
    --nav-gap-fluid: 2.3vw;
    --nav-gap-max: 42px;
    --nav-link-font-min: 13px;
    --nav-link-font-fluid: 1.05vw;
    --nav-link-font-max: 17px;
    --cart-pill-padding-y: 10px;
    --cart-pill-padding-x: 16px;

    /* Snacks strip asset controls */
    --snack-strip-width: 100%;
    --snack-strip-margin-top: 0px;
    --snack-strip-margin-bottom: 0px;
    --snack-strip-border-opacity: 5.5;

    /* Hero section controls */
    --hero-min-height-min: 330px;
    --hero-min-height-fluid: 38vw;
    --hero-min-height-max: 520px;
    --hero-padding-top-min: 16px;
    --hero-padding-top-fluid: 2vw;
    --hero-padding-top-max: 30px;
    --hero-padding-x-min: 18px;
    --hero-padding-x-fluid: 4vw;
    --hero-padding-x-max: 64px;

    /* Individual hero asset controls */
    --hero-text-width: 817px;
    --hero-text-margin-left: 0px;
    --hero-text-margin-top: 0px;
    --hero-snacks-width: 907px;
    --hero-snacks-margin-left: 122%;
    --hero-snacks-margin-top: 1px;

    /* Delivery panel asset controls */
    --delivery-panel-width: 720px;
    --delivery-panel-max-mobile-width: 92vw;
    --delivery-panel-margin-top: -8px;
    --delivery-panel-margin-bottom-min: 34px;
    --delivery-panel-margin-bottom-fluid: 5vw;
    --delivery-panel-margin-bottom-max: 64px;

    /* Packs section controls */
    --packs-section-width: 1280px;
    --packs-section-side-margin: 44px;
    --packs-row-gap-min: 34px;
    --packs-row-gap-fluid: 5vw;
    --packs-row-gap-max: 78px;
    --packs-column-gap-min: 54px;
    --packs-column-gap-fluid: 9vw;
    --packs-column-gap-max: 190px;
    --packs-margin-bottom-min: 52px;
    --packs-margin-bottom-fluid: 7vw;
    --packs-margin-bottom-max: 92px;

    /* Individual pack asset controls */
    --quick-pack-width: 100%;
    --quick-pack-margin-left: 0px;
    --quick-pack-margin-top: 0px;
    --work-pack-width: 100%;
    --work-pack-margin-left: 0px;
    --work-pack-margin-top: 0px;
    --movie-pack-width: 520px;
    --movie-pack-percent-width: 50%;
    --movie-pack-margin-left: 0px;
    --movie-pack-margin-top: 0px;
    --crew-pack-width: 100%;
    --crew-pack-margin-left: 0px;
    --crew-pack-margin-top: 0px;
    --shop-pack-width: 100%;
    --shop-pack-margin-left: 0px;
    --shop-pack-margin-top: 0px;
    --pack-hover-lift: -3px;
    --pack-hover-scale: 1.01;

    /* Checkout panel asset controls */
    --checkout-panel-width: 1200px;
    --checkout-panel-side-margin: 30px;
    --checkout-panel-margin-left: auto;
    --checkout-panel-margin-right: auto;
    --checkout-panel-margin-top: 0px;
    --checkout-panel-margin-bottom-min: 54px;
    --checkout-panel-margin-bottom-fluid: 7vw;
    --checkout-panel-margin-bottom-max: 92px;

    /* Checkout overlay controls */
    --checkout-clear-top: 22.9%;
    --checkout-clear-left: 33.6%;
    --checkout-clear-width: 7.0%;
    --checkout-clear-height: 3.9%;
    --checkout-cart-count-top: 24.1%;
    --checkout-cart-count-left: 24.4%;
    --checkout-cart-left: 8.5%;
    --checkout-cart-top: 36.0%;
    --checkout-cart-width: 36.6%;
    --checkout-cart-height: 23.0%;
    --checkout-totals-left: 8.6%;
    --checkout-totals-bottom: 17.8%;
    --checkout-totals-width: 36.3%;
    --checkout-field-left: 50.2%;
    --checkout-field-width: 41.1%;
    --checkout-name-top: 28.2%;
    --checkout-dropoff-top: 36.3%;
    --checkout-phone-top: 44.2%;
    --checkout-notes-top: 52.4%;
    --checkout-field-height: 5.8%;
    --checkout-notes-height: 12.3%;
    --checkout-submit-top: 71.2%;
    --checkout-submit-height: 8.5%;
    --checkout-form-gap-min: 0px;
    --checkout-form-gap-fluid: 0px;
    --checkout-form-gap-max: 0px;
    --checkout-input-height-min: 34px;
    --checkout-input-height-fluid: 4vw;
    --checkout-input-height-max: 58px;
    --checkout-textarea-height-min: 72px;
    --checkout-textarea-height-fluid: 8.1vw;
    --checkout-textarea-height-max: 132px;
    --checkout-pay-height-min: 48px;
    --checkout-pay-height-fluid: 5.4vw;
    --checkout-pay-height-max: 82px;

    /* Suggest panel asset controls */
    --suggest-panel-width: 1100px;
    --suggest-panel-side-margin: 30px;
    --suggest-panel-margin-left: auto;
    --suggest-panel-margin-right: auto;
    --suggest-panel-margin-top: 0px;
    --suggest-panel-margin-bottom: 86px;

    /* Suggest overlay controls */
    --suggest-fields-left: 15.2%;
    --suggest-fields-width: 46.5%;
    --suggest-snack-top: 48.3%;
    --suggest-reason-top: 60.2%;
    --suggest-name-top: 75.2%;
    --suggest-contact-top: 88.1%;
    --suggest-input-height-min: 34px;
    --suggest-input-height-fluid: 3.7vw;
    --suggest-input-height-max: 52px;
    --suggest-textarea-height-min: 76px;
    --suggest-textarea-height-fluid: 8vw;
    --suggest-textarea-height-max: 112px;
    --suggest-submit-left: 66.3%;
    --suggest-submit-top: 81.3%;
    --suggest-submit-width: 27.8%;
    --suggest-submit-height-min: 44px;
    --suggest-submit-height-fluid: 5vw;
    --suggest-submit-height-max: 78px;

    /* Reusable effects */
    --dg-shadow: 0 14px 40px rgba(0,0,0,.16);
    --dg-soft-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* ================================================================================
v7 ANIMATION / GLOW / FLOW CONTROLS
================================================================================
These controls power the animated background, glowing elements, and flowing
section transitions. Adjust here first.
================================================================================ */
:root {
    --bg-motion-speed: 22s;
    --bg-motion-distance: 34px;
    --bg-glow-opacity: .52;
    --bg-flow-opacity: .34;
    --bg-flow-blur: 34px;
    --section-flow-opacity: .50;
    --section-flow-height: 160px;
    --section-flow-blur: 18px;
    --section-flow-margin: -218px;
    --button-glow-strength: .48;
    --panel-glow-strength: .34;
    --pack-glow-strength: .38;
    --lime-glow-size: 28px;
    --orange-glow-size: 20px;
    --hover-scale: 1.018;
    --hover-lift: -5px;
    --float-distance: 8px;
    --float-speed: 5.4s;
    --reveal-distance: 24px;
    --reveal-speed: .72s;
    --scroll-flow-opacity: .42;
    --scroll-flow-speed: 16s;

    /* v7.1 Snacks In Rotation auto-scroll */
    --snack-scroll-speed: 34s;
    --snack-scroll-gap: 0px;
    --snack-strip-height: auto;
    --snack-strip-image-width: max(100vw, 1440px);
    --snack-strip-pause-on-hover: 225px;

    /* v7.2 Centralized glow color controls */
    --primary-glow-rgb: 20 980, -673;

    /* DA Goodies lime green */
    --secondary-glow-rgb: -681, 469, -308;

    /* DA Goodies orange */
    --accent-glow-rgb: -5, -237, -23;

    /* electric blue */
    --background-glow-primary-rgb: var(--primary-glow-rgb);
    --background-glow-secondary-rgb: var(--secondary-glow-rgb);
    --background-glow-accent-rgb: var(--accent-glow-rgb);
    --button-glow-rgb: var(--primary-glow-rgb);
    --button-hover-glow-rgb: var(--primary-glow-rgb);
    --orange-button-glow-rgb: var(--secondary-glow-rgb);
    --panel-glow-rgb: var(--primary-glow-rgb);
    --pack-glow-rgb: var(--primary-glow-rgb);
    --pack-secondary-glow-rgb: var(--secondary-glow-rgb);
    --section-flow-primary-rgb: var(--primary-glow-rgb);
    --section-flow-secondary-rgb: var(--secondary-glow-rgb);
    --scroll-sweep-primary-rgb: var(--primary-glow-rgb);
    --scroll-sweep-secondary-rgb: var(--secondary-glow-rgb);
    --snack-strip-glow-rgb: var(--primary-glow-rgb);

    /* v7.2 Glow opacity controls */
    --background-primary-glow-alpha: .34;
    --background-secondary-glow-alpha: .20;
    --background-accent-glow-alpha: .20;
    --button-glow-alpha: var(--button-glow-strength);
    --panel-glow-alpha: var(--panel-glow-strength);
    --pack-glow-alpha: var(--pack-glow-strength);
}