/* Local City Works - Light Green Color Override Only
   Use this after the live/base stylesheet. This file changes colors only.
   It does not change layout, spacing, sizing, typography, or structure. */

:root {
  --ink: #10251b;
  --muted: #4f6b5c;
  --dim: #769080;
  --navy: #f3fbf2;
  --navy-2: #e8f7e8;
  --panel: rgba(255, 255, 255, 0.72);
  --panel-strong: rgba(255, 255, 255, 0.9);
  --line: rgba(66, 145, 96, 0.2);
  --cyan: #18a979;
  --emerald: #34c77b;
  --violet: #7aaa4a;
  --pink: #d4a943;
  --warning: #e6b74c;
  --shadow: 0 24px 76px rgba(43, 100, 62, 0.16);
  --glow-cyan: 0 0 46px rgba(52, 199, 123, 0.28);
  --glow-violet: 0 0 64px rgba(212, 169, 67, 0.18);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 10% 4%, rgba(107, 221, 147, 0.36), transparent 34rem),
    radial-gradient(circle at 90% 12%, rgba(255, 214, 102, 0.24), transparent 30rem),
    radial-gradient(circle at 48% 92%, rgba(96, 196, 139, 0.26), transparent 36rem),
    linear-gradient(135deg, #f7fff6 0%, #eaf8e8 45%, #f6fff2 100%);
}

::selection {
  color: #ffffff;
  background: #20a866;
}

.site-header {
  border-color: rgba(66, 145, 96, 0.2);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 58px rgba(43, 100, 62, 0.12);
}

.site-nav a,
.site-footer__links a,
.site-footer__brand p,
.footer-contact,
.footer-copy,
.hero-console__top,
.meta-text,
.card-meta {
  color: #4f6b5c;
}

.site-nav a:hover,
.site-nav a.is-active,
.site-footer__links a:hover,
.social-card a:hover,
.social-icon,
.link-accent {
  color: #0c5b39;
}

.logo,
.site-logo,
.brand-text,
h1,
h2,
h3,
h4,
h5,
h6,
.hero--home h1,
.search-hero h1,
.categories-hero h1,
.services-hero h1,
.contact-hero h1,
.sitemap-hero h1,
.business-identity-card h1,
.single-blog__hero h1,.lcw-attributes-card-header h3,.listing-section h2, .lcw-gallery-section h2, .lcw-section-heading-content h2,.lcw-profile-label,.lcw-company-card-label,.pro-content p{
  color: #0b2f20;
  text-shadow: 0 18px 54px rgba(65, 142, 88, 0.16);
}

p,
li,
.hero__copy > p,
.search-hero p,
.categories-hero p,
.services-hero__note p,
.contact-hero p,
.sitemap-hero p,
.community-story p,
.listing-card p,
.category-card p,
.single-blog__content,
.entry-content {
  color: #4f6b5c;
}


.aurora-field__beam--cyan {
  background: rgba(59, 206, 127, 0.66);
}

.aurora-field__beam--violet {
  background: rgba(222, 185, 74, 0.42);
}

.aurora-field__beam--emerald {
  background: rgba(101, 222, 160, 0.56);
}

.hero--home,
.search-hero,
.categories-hero,
.services-hero,
.contact-hero,
.sitemap-hero,
.listing-hero,
.final-cta,
.contact-cta,
.claim-listing-cta,
.newsletter-card {
  border-color: rgba(58, 152, 91, 0.24);
  background:
    linear-gradient(112deg, rgba(255, 255, 255, 0.96) 0%, rgba(238, 251, 235, 0.92) 44%, rgba(218, 245, 217, 0.8) 100%),
    radial-gradient(circle at 18% 20%, rgba(52, 199, 123, 0.2), transparent 22rem),
    radial-gradient(circle at 90% 10%, rgba(221, 184, 75, 0.18), transparent 22rem);
  box-shadow: 0 28px 80px rgba(49, 120, 70, 0.18);border-radius: 50px !important;
}

.hero--home::before,
.search-hero::before,
.categories-hero::before,
.services-hero::before,
.contact-hero::before,
.sitemap-hero::before,
.listing-hero::before {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.66), transparent 38%),
    repeating-linear-gradient(135deg, rgba(35, 139, 78, 0.055) 0 1px, transparent 1px 18px);
}

.hero--home::after,
.search-hero::after,
.categories-hero::after,
.services-hero::after,
.contact-hero::after,
.sitemap-hero::after,
.listing-hero::after {
  background:
    radial-gradient(circle, rgba(52, 199, 123, 0.34), transparent 62%),
    radial-gradient(circle, rgba(255, 221, 126, 0.26), transparent 66%);
}

.site-header,
.hero-search,
.search-panel,
.category-search,
.sitemap-search,
.listing-card,
.category-card,
.signal-card,
.hero-console,
.filter-drawer,
.directory-preview,
.community-story,
.empty-state,
.contact-form-panel,
.contact-info-grid article,
.support-orbit,
.support-orbit article,
.faq-mini,
.faq-item,
.service-map, 
.services-hero__note,
.what-we-do__story,
.what-we-do__list,
.audience-panel,
.service-tile,
.services-stats article,
.why-choose__points article,
.testimonial-card,
.sitemap-panel,
.business-identity-card,
.listing-gallery-hero,
.listing-section,
.sidebar-card,
.recent-categories article,
.trending-categories__track a,
.blog-card,
.blog-feature,
.blog-tags,
.blog-post-nav .nav-links a,
.blog-comments,
.review-card,
.hours-grid,
.filter-drawer label,
.contact-form-grid label,.results-toolbar,.services-cta,.contact-hero__copy,.quick-action-bar {
  border-color: var(--line);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(239, 252, 238, 0.58)),
    rgba(255, 255, 255, 0.58);
  box-shadow: var(--shadow);
}

.hero-search,
.search-panel,
.category-search,
.sitemap-search,
input,
select,
textarea,
.contact-form-grid input,
.contact-form-grid select,
.contact-form-grid textarea {
  color: #10251b;
  border-color: rgba(58, 152, 91, 0.22);
  background: rgba(255, 255, 255, 0.82);
}

input::placeholder,
textarea::placeholder {
  color: #769080;
}

input:focus,
select:focus,
textarea:focus,
.contact-form-grid input:focus,
.contact-form-grid select:focus,
.contact-form-grid textarea:focus,
.contact-form-panel.is-active {
  border-color: rgba(52, 199, 123, 0.58);
  box-shadow: 0 0 0 4px rgba(52, 199, 123, 0.14), 0 18px 46px rgba(52, 199, 123, 0.14);
}

.button,
.listing-card__button,
.blog-card__button,
.pagination a,
.pagination span,
.page-numbers,
button {
  color: #0e3a25;
}
.lcw-highlight-icon img { 
	filter: brightness(500%);
}
.button--primary,
.listing-card__button,
.blog-card__button,
.search-submit,
.submit-button,
button[type="submit"],.yib-badge svg, .lcw-attribute-icon,.lcw-company-card-icon,.lcw-highlight-icon,.lcw-primary-category,.lcw-category-badge:hover{
  color: #ffffff;
  border-color: rgba(52, 199, 123, 0.34);
  background:
    linear-gradient(135deg, #139765, #35c878 52%, #9cc848),
    #22ad70;
  box-shadow: 0 16px 42px rgba(52, 199, 123, 0.28);
}
.lcw-attribute-icon svg,.lcw-company-card-icon svg { 
	color: #fff;
}

.button--primary:hover,
.listing-card__button:hover,
.blog-card__button:hover,
.search-submit:hover,
.submit-button:hover,
button[type="submit"]:hover {
  color: #ffffff;
  border-color: rgba(52, 199, 123, 0.58);
  box-shadow: 0 20px 54px rgba(52, 199, 123, 0.36);
}

.button--ghost,
.button--secondary,
.pagination a,
.page-numbers {
  color: #145c3d;
  border-color: rgba(46, 156, 91, 0.2);
  background: rgba(255, 255, 255, 0.64);
}

.button--ghost:hover,
.button--secondary:hover,
.pagination a:hover,
.page-numbers:hover,
.page-numbers.current {
  color: #083721;
  border-color: rgba(52, 199, 123, 0.55);
  background: rgba(188, 242, 204, 0.42);
  box-shadow: 0 14px 32px rgba(52, 199, 123, 0.16);
}

.hero__chips a,
.suggested-strip a,
.need-chips button,
.related-searches__links a,
.sitemap-links a,
.quick-chip,
.filter-chip,
.category-chip,
.tag-chip {
  color: #145c3d;
  border-color: rgba(46, 156, 91, 0.2);
  background: rgba(255, 255, 255, 0.64);
}

.hero__chips a:hover,
.suggested-strip a:hover,
.need-chips button:hover,
.need-chips button.is-active,
.related-searches__links a:hover,
.sitemap-links a:hover,
.quick-chip:hover,
.quick-chip.is-active,
.filter-chip:hover,
.filter-chip.is-active,
.category-chip:hover,
.tag-chip:hover {
  color: #083721;
  border-color: rgba(52, 199, 123, 0.55);
  background: rgba(188, 242, 204, 0.42);
  box-shadow: 0 14px 32px rgba(52, 199, 123, 0.16);
}

.listing-card:hover,
.category-card:hover,
.service-tile:hover,
.sitemap-links a:hover,
.blog-card:hover,
.review-card:hover,
.testimonial-card:hover {
  border-color: rgba(52, 199, 123, 0.48);
  box-shadow: 0 24px 70px rgba(52, 199, 123, 0.16);
}

.listing-card__rating,
.business-identity-card__rating,
.rating,
.stars,
.category-card span,
.trending-categories__track span,
.stat-value,
.stat-number {
  color: #15965f;
}

.badge,
.status-badge,
.verified-badge,
.featured-badge,
.business-badge {
  color: #0e3a25;
  border-color: rgba(52, 199, 123, 0.32);
  background: rgba(188, 242, 204, 0.42);
}

.badge--dark,
.badge--featured,
.status-open {
  color: #ffffff;
  border-color: rgba(52, 199, 123, 0.44);
  background: linear-gradient(135deg, #139765, #35c878);
}

.signal-card--accent,
.listing-card--quiet,
.listing-card--search-dark,
.testimonial-card--accent,
.audience-panel--businesses {
  background:
    linear-gradient(135deg, rgba(228, 250, 223, 0.9), rgba(255, 245, 193, 0.48)),
    rgba(255, 255, 255, 0.7);
}

.map-orbit,
.listing-map,
.service-map {
  background:
    linear-gradient(90deg, rgba(52, 199, 123, 0.12) 1px, transparent 1px),
    linear-gradient(rgba(52, 199, 123, 0.12) 1px, transparent 1px),
    radial-gradient(circle at 50% 45%, rgba(52, 199, 123, 0.28), transparent 36%),
    rgba(255, 255, 255, 0.58);
}

.map-orbit__ring {
  border-color: rgba(52, 199, 123, 0.26);
}

.map-pin,
.listing-map__pin,
.service-map__grid span {
  background: #1dbb70;
  box-shadow: 0 0 0 8px rgba(52, 199, 123, 0.18), 0 0 28px rgba(52, 199, 123, 0.5);
}

.service-map__label,
.map-label,
.contact-map-label {
  color: #4f6b5c;
  border-color: rgba(58, 152, 91, 0.2);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 18px 48px rgba(49, 120, 70, 0.12);
}

.category-card::after,
.category-card--spotlight::after {
  background:
    linear-gradient(180deg, transparent 20%, rgba(11, 47, 32, 0.72)),
    radial-gradient(circle at 25% 25%, rgba(80, 220, 139, 0.2), transparent 40%);
}

.category-card h3,
.category-card span:not(.category-card__meta),
.category-card--spotlight h3 {
  color: #ffffff;
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.38);
}

.listing-card__image,
.category-card img,
.blog-card__image img,
.blog-feature__image img,
.what-we-do__media img,
.detail-photo-grid img {
  filter: saturate(144%) contrast(100%) brightness(50%);
}

.support-orbit__icon,
.icon-bubble,
.card-icon,
.social-card a {
  color: #ffffff;
  background: linear-gradient(135deg, #168757, #34c77b);
  box-shadow: 0 14px 34px rgba(31, 158, 92, 0.24);
}

.faq-item.is-open,
.accordion-item.is-open {
  border-color: rgba(52, 199, 123, 0.42);
  background: rgba(233, 251, 230, 0.82);
}

.site-footer {
  border-color: rgba(46, 156, 91, 0.16); 
}

.contact-cta,
.final-cta,
.claim-listing-cta,.sitemap-mini-cta {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.28);
  background:
    radial-gradient(circle at 12% 24%, rgba(255, 255, 255, 0.24), transparent 20rem),
    radial-gradient(circle at 88% 18%, rgba(221, 184, 75, 0.22), transparent 18rem),
    linear-gradient(135deg, rgba(14, 110, 68, 0.96), rgba(36, 168, 101, 0.92));
  box-shadow: 0 30px 90px rgba(31, 158, 92, 0.24);
}

.contact-cta h2,
.contact-cta p,
.contact-cta .eyebrow,
.final-cta h2,
.final-cta p,
.final-cta .eyebrow,
.claim-listing-cta h2,
.claim-listing-cta p,
.claim-listing-cta .eyebrow,.sitemap-mini-cta h2,.sitemap-mini-cta p {
  color: #ffffff;
}

.contact-cta .button--ghost,
.final-cta .button--ghost,
.claim-listing-cta .button--ghost {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.14);
}