/* Final light editorial palette for locations.html.
   Gold is intentionally limited to actions, icons and fine details. */
body.locations-page {
    background: #fff;
    color: #2c2b28;
}

body.locations-page .locations-hero {
    background: #f3f4f4;
}

body.locations-page .locations-hero__shade {
    background:
        linear-gradient(90deg, rgba(244, 245, 245, .98) 0%, rgba(244, 245, 245, .92) 37%, rgba(244, 245, 245, .30) 58%, rgba(244, 245, 245, .02) 76%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(34, 34, 31, .05));
}

body.locations-page .locations-hero__glow {
    opacity: .24;
    filter: blur(4px);
}

body.locations-page .locations-hero::after {
    border-color: rgba(170, 119, 27, .13);
    box-shadow: 0 0 0 74px rgba(255, 255, 255, .10), 0 0 0 148px rgba(255, 255, 255, .06);
}

body.locations-page .locations-hero__content {
    border-color: rgba(255, 255, 255, .96);
    background: rgba(255, 255, 255, .89);
    box-shadow: 0 28px 72px rgba(33, 35, 36, .13), inset 0 1px 0 #fff;
}

body.locations-page .locations-hero__content::before {
    height: 2px;
    background: linear-gradient(90deg, #b8790c, #f0bd55, transparent);
    box-shadow: none;
}

body.locations-page .locations-hero__lead,
body.locations-page .locations-hero__reassurance {
    color: #66645f;
}

body.locations-page .locations-hero__proof {
    border-color: #dadddf;
    background: rgba(248, 249, 249, .94);
}

body.locations-page .locations-hero__proof > div + div {
    border-color: #dcdee0;
}

body.locations-page .locations-directory,
body.locations-page .locations-cta {
    background: #fff;
}

body.locations-page .locations-directory__shell {
    border-color: #d9dcde;
    background: radial-gradient(circle at 94% 2%, rgba(201, 143, 29, .055), transparent 24%), #f5f6f6;
    box-shadow: 0 26px 68px rgba(35, 37, 38, .09), inset 0 0 0 7px rgba(255, 255, 255, .74);
}

body.locations-page .locations-directory__highlights > div,
body.locations-page .locations-directory__note {
    border-color: #dadddf;
    background: #fff;
    box-shadow: 0 9px 24px rgba(39, 40, 41, .045);
}

body.locations-page .locations-directory__highlights i,
body.locations-page .locations-directory__note-icon {
    border-color: rgba(174, 117, 14, .18);
    background: #fff6df;
}

body.locations-page .location-card--featured {
    border-color: #d5d8da;
    background: radial-gradient(circle at 2% 2%, rgba(221, 169, 63, .07), transparent 29%), linear-gradient(145deg, #fff, #f8f9f9);
    box-shadow: 0 18px 44px rgba(37, 38, 39, .085), inset 0 1px 0 #fff;
}

body.locations-page .location-card__services {
    border-color: #dfe1e2;
    background: #f5f6f6;
}

body.locations-page .location-card__services > span {
    border-color: #dfe1e2;
    color: #56544f;
    background: #fff;
}

body.locations-page .location-card--featured .location-card__action {
    border-color: rgba(171, 113, 10, .18);
    background: linear-gradient(100deg, #fff, #fff6df);
}

body.locations-page .locations-standard {
    background: #f3f4f4;
}

body.locations-page .locations-standard .container {
    border-color: #d8dbdd;
    background: radial-gradient(circle at 96% 4%, rgba(210, 153, 38, .055), transparent 23%), #fff;
    box-shadow: 0 25px 64px rgba(35, 37, 38, .08), inset 0 0 0 7px rgba(247, 248, 248, .88);
}

body.locations-page .locations-standard__grid article {
    border-color: #dfe1e2;
    background: #f7f8f8;
    box-shadow: 0 12px 31px rgba(36, 38, 39, .045), inset 0 1px 0 #fff;
}

body.locations-page .locations-standard__grid article::after {
    opacity: .46;
}

body.locations-page .locations-standard__grid li {
    color: #5f5d58;
}

body.locations-page .locations-standard__promise {
    border-color: #dadddf;
    background: radial-gradient(circle at 0 50%, rgba(225, 174, 67, .08), transparent 20%), #fff;
    box-shadow: 0 10px 26px rgba(38, 39, 40, .045);
}

body.locations-page .locations-standard__promise-points span {
    border-color: #dfe1e2;
    color: #5b5955;
    background: #f6f7f7;
}

body.locations-page .locations-cta__shell {
    border-color: #d8dbdd;
    background: radial-gradient(circle at 100% 0, rgba(221, 165, 50, .065), transparent 27%), #f4f5f5;
    box-shadow: 0 25px 68px rgba(36, 38, 39, .095), inset 0 0 0 5px rgba(255, 255, 255, .70);
}

body.locations-page .locations-cta__shell::after {
    border-color: rgba(164, 112, 19, .10);
}

body.locations-page .locations-cta__media {
    border-color: #d6d9db;
    background: #e4e6e6;
}

body.locations-page .locations-cta__media::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 68%, rgba(28, 28, 26, .14));
}

body.locations-page .locations-cta__media > span,
body.locations-page .locations-cta__assurances li,
body.locations-page .locations-cta__phone {
    border-color: #d9dcde;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 8px 21px rgba(36, 38, 39, .05);
}

@media (hover: hover) and (pointer: fine) {
    body.locations-page .location-card--featured:hover {
        border-color: rgba(183, 120, 10, .42);
        box-shadow: 0 24px 54px rgba(37, 38, 39, .12), 0 0 0 5px rgba(224, 171, 62, .07), inset 0 1px 0 #fff;
    }
}

@media (max-width: 767px) {
    body.locations-page .locations-hero {
        background: linear-gradient(180deg, #eceeee 0 360px, #fff 360px 100%);
    }

    body.locations-page .locations-hero__shade {
        background: linear-gradient(180deg, rgba(248, 249, 249, .16), transparent 57%, rgba(32, 33, 31, .13));
    }

    body.locations-page .locations-hero__content {
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 21px 52px rgba(34, 36, 37, .13), inset 0 1px 0 #fff;
    }

    body.locations-page .locations-hero__proof > div + div {
        border-top-color: #dcdee0;
    }

    body.locations-page .locations-directory__shell,
    body.locations-page .locations-standard .container {
        box-shadow: 0 20px 50px rgba(35, 37, 38, .075), inset 0 0 0 5px rgba(255, 255, 255, .72);
    }

    body.locations-page .locations-cta__shell {
        background: #f4f5f5;
    }
}

@media (max-width: 390px) {
    body.locations-page .locations-hero {
        background: linear-gradient(180deg, #eceeee 0 350px, #fff 350px 100%);
    }
}