/* East Rand Carpentry brand colours.
   Hex values come from the brand guidelines (east-rand-carpentry\02-design\East_Rand_Carpentry_Brand_Guidelines.docx),
   sampled from the logo. The Elementor button/icon rules point at the --gc-brand variables below. */
:root {
  --gc-brand: #8C4A1E;         /* Warm Brown: buttons, icons */
  --gc-brand-dark: #6F2E06;    /* Rich Brown: button hover */
  --gc-brand-darker: #331400;  /* Dark Mahogany: outline-button text */
  --gc-brand-light: #F6D9A0;   /* Cream: tab hover background */
  --gc-brand-lighter: #FDF4E3; /* Cream tint: dropdown highlight */
}

/* Theme (Elementor kit) colours (browns and golds from the original theme), remapped to the East Rand palette.
   Neutral greys and whites are unchanged. */
.elementor-kit-709 {
  --e-global-color-secondary: #8C4A1E;  /* section eyebrows */
  --e-global-color-06300f8: #8C4A1E;
  --e-global-color-acb5833: #E6890A;    /* Amber accent */
  --e-global-color-8ec627d: #FDF4E3;
  --e-global-color-48d4067: #F6D9A0;    /* Cream */
  --e-global-color-8af693f: #B06C2A;    /* Golden Tan */
  --e-global-color-7cdf770: #6F2E06;
  --e-global-color-3c69150: #6F2E06;
  --e-global-color-5e59317: #331400;
}

/* Nested tabs (gallery filter buttons): the active-tab colour comes from Elementor's plugin CSS default. */
.elementor-widget-n-tabs {
  --n-tabs-title-background-color-active: var(--gc-brand);
}

/* "More about ..." links from each service on /services/ to its own page */
.svc-more a { color: var(--gc-brand); font-weight: 600; }
.svc-more a::after { content: " \2192"; }