/**
 * Garden Service Theme — Colour Palette Overrides
 *
 * Greens and earthy tones inspired by fresh-cut grass and warm sunlight.
 * Scoped to body.service-garden so tokens only apply on /garden pages.
 *
 * @package MaxMcDermott
 * @since 1.1.0
 */

body.service-garden {
    /* Raw garden palette */
    --mm-raw-primary-deep:  #1B4332;
    --mm-raw-primary:       #2D6A4F;
    --mm-raw-primary-light: #52B788;
    --mm-raw-primary-pale:  #B7E4C7;
    --mm-raw-primary-mist:  #D8F3DC;
    --mm-raw-accent:        #F4D35E;
    --mm-raw-accent-light:  #FAE588;
    --mm-raw-bg:            #FEFAE0;
    --mm-raw-bg-alt:        #F5F0D0;
    --mm-raw-text:          #2B2D2B;
    --mm-raw-text-light:    #5A5E5A;
    --mm-raw-white:         #FAFFF7;

    /* Semantic remapping */
    --mm-primary:           var(--mm-raw-primary);
    --mm-primary-hover:     var(--mm-raw-primary-light);
    --mm-accent:            var(--mm-raw-accent);
    --mm-bg:                var(--mm-raw-bg);
    --mm-bg-alt:            var(--mm-raw-bg-alt);
    --mm-text:              var(--mm-raw-text);
    --mm-text-light:        var(--mm-raw-text-light);
    --mm-text-on-dark:      var(--mm-raw-white);
    --mm-shadow-sm:         0 2px 8px rgba(27, 67, 50, 0.08);
    --mm-shadow-md:         0 4px 20px rgba(27, 67, 50, 0.12);
    --mm-shadow-lg:         0 8px 40px rgba(27, 67, 50, 0.16);
}

/* =====================================================================
   Garden-Specific Component Overrides
   ===================================================================== */

body.service-garden .hero__bg {
    background:
        repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 40px,
            rgba(45, 106, 79, 0.15) 40px,
            rgba(45, 106, 79, 0.15) 80px
        ),
        linear-gradient(
            135deg,
            var(--mm-raw-primary-deep) 0%,
            var(--mm-raw-primary) 40%,
            var(--mm-raw-primary-light) 100%
        );
}

body.service-garden .hero__deco--1 {
    border-color: rgba(139, 198, 158, 0.15);
}

body.service-garden .hero__deco--2 {
    border-color: rgba(244, 211, 94, 0.1);
}

body.service-garden .hero__deco--3 {
    background: var(--mm-raw-primary-mist);
}

body.service-garden .site-brand__deco {
    display: inline-block;
    margin-left: 0.5rem;
    opacity: 0.7;
}

body.service-garden .site-brand__deco svg {
    width: 16px;
    height: 16px;
    fill: var(--mm-raw-primary-light);
}

body.service-garden .services::before {
    background: linear-gradient(
        180deg,
        var(--mm-raw-bg) 0%,
        var(--mm-raw-primary-mist) 50%,
        var(--mm-raw-bg) 100%
    );
    opacity: 0.3;
}

body.service-garden .trust-signals {
    background: var(--mm-raw-primary-mist);
}

/* =====================================================================
   Responsive — Garden-Specific
   ===================================================================== */

@media (max-width: 767px) {
    body.service-garden .hero {
        min-height: 85vh;
    }

    body.service-garden .hero__bg {
        background-attachment: scroll;
    }

    body.service-garden .trust-signals__grid {
        gap: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    body.service-garden .trust-signals__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}