/* ===================================================
   ELKO Construction - Consolidated Stylesheet
   Faithful clone of buildelko.com (frozen March 2025)
   =================================================== */

/* --- Font Faces --- */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300 900;
  font-display: fallback;
  src: url('../fonts/Inter-VariableFont_slnt,wght.5bc7a3e7.woff2') format('woff2');
  font-stretch: normal;
}

@font-face {
  font-family: Cardo;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('../fonts/cardo_normal_400.4f80aa39.woff2') format('woff2');
}

@font-face {
  font-family: Cardo;
  font-style: italic;
  font-weight: 400;
  font-display: fallback;
  src: url('../fonts/cardo_italic_400.e6f97c3d.woff2') format('woff2');
}

@font-face {
  font-family: Cardo;
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url('../fonts/cardo_normal_700.woff2') format('woff2');
}

/* --- CSS Custom Properties (from WP global-styles) --- */
:root {
  --wp--preset--color--black: #000000;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--base: #f9f9f9;
  --wp--preset--color--base-2: #ffffff;
  --wp--preset--color--contrast: #111111;
  --wp--preset--color--contrast-2: #636363;
  --wp--preset--color--contrast-3: #A4A4A4;
  --wp--preset--color--accent: #cfcabe;
  --wp--preset--color--accent-2: #c2a990;
  --wp--preset--color--accent-3: #d8613c;
  --wp--preset--color--accent-4: #b1c5a4;
  --wp--preset--color--accent-5: #b5bdbc;

  --wp--preset--font-size--small: 0.9rem;
  --wp--preset--font-size--medium: 1.05rem;
  --wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.767), 1.85rem);
  --wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 1.083), 2.5rem);
  --wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.283), 3.27rem);

  --wp--preset--font-family--body: "Inter", sans-serif;
  --wp--preset--font-family--heading: Cardo;

  --wp--preset--spacing--10: 1rem;
  --wp--preset--spacing--20: min(1.5rem, 2vw);
  --wp--preset--spacing--30: min(2.5rem, 3vw);
  --wp--preset--spacing--40: min(4rem, 5vw);
  --wp--preset--spacing--50: min(6.5rem, 8vw);
  --wp--preset--spacing--60: min(10.5rem, 13vw);
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;

  --wp--style--global--content-size: 620px;
  --wp--style--global--wide-size: 1280px;

  --wp--style--root--padding-top: 0px;
  --wp--style--root--padding-right: var(--wp--preset--spacing--50);
  --wp--style--root--padding-bottom: 0px;
  --wp--style--root--padding-left: var(--wp--preset--spacing--50);

  --wp--style--block-gap: 1.2rem;
}

/* --- Reset & Base --- */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
}

a:where(:not(.wp-element-button)) {
  color: var(--wp--preset--color--contrast);
  text-decoration: underline;
}

:root :where(a:where(:not(.wp-element-button)):hover) {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--heading);
  font-weight: 400;
  line-height: 1.2;
}

h1 {
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 1.15;
}

h2 {
  font-size: var(--wp--preset--font-size--x-large);
}

h3 {
  font-size: var(--wp--preset--font-size--large);
}

h4 {
  font-size: clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem);
}

h5 {
  font-size: var(--wp--preset--font-size--medium);
}

h6 {
  font-size: var(--wp--preset--font-size--small);
}

:where(figure) {
  margin: 0 0 1em;
}

html :where(img[class*=wp-image-]) {
  height: auto;
  max-width: 100%;
}

/* --- Skip Link --- */
.skip-link.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.skip-link.screen-reader-text:focus {
  background-color: #eee;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* --- WP Site Blocks / Layout --- */
.wp-site-blocks {
  padding-top: var(--wp--style--root--padding-top);
  padding-bottom: var(--wp--style--root--padding-bottom);
}

.has-global-padding {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

.has-global-padding > .alignfull {
  margin-right: calc(var(--wp--style--root--padding-right) * -1);
  margin-left: calc(var(--wp--style--root--padding-left) * -1);
}

:where(.wp-site-blocks) > * {
  margin-block-start: 1.2rem;
  margin-block-end: 0;
}

:where(.wp-site-blocks) > :first-child {
  margin-block-start: 0;
}

:where(.wp-site-blocks) > :last-child {
  margin-block-end: 0;
}

:root :where(.is-layout-flow) > :first-child { margin-block-start: 0; }
:root :where(.is-layout-flow) > :last-child { margin-block-end: 0; }
:root :where(.is-layout-flow) > * { margin-block-start: 1.2rem; margin-block-end: 0; }
:root :where(.is-layout-constrained) > :first-child { margin-block-start: 0; }
:root :where(.is-layout-constrained) > :last-child { margin-block-end: 0; }
:root :where(.is-layout-constrained) > * { margin-block-start: 1.2rem; margin-block-end: 0; }
:root :where(.is-layout-flex) { gap: 1.2rem; }
:root :where(.is-layout-grid) { gap: 1.2rem; }

.is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
.is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
.is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; }

.is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
.is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
.is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}
.is-layout-constrained > .alignwide {
  max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex { display: flex; }
.is-layout-flex { flex-wrap: wrap; align-items: center; }
.is-layout-flex > :is(*, div) { margin: 0; }

body .is-layout-grid { display: grid; }
.is-layout-grid > :is(*, div) { margin: 0; }

.alignwide { max-width: var(--wp--style--global--wide-size); margin-left: auto !important; margin-right: auto !important; }
.alignfull { max-width: none; width: 100%; }

.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }
.wp-site-blocks > .alignright { float: right; margin-left: 2em; }
.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }

/* --- WP Block Group --- */
.wp-block-group { box-sizing: border-box; }
:where(.wp-block-group.wp-block-group-is-layout-constrained) { position: relative; }

/* --- WP Columns --- */
.wp-block-columns {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap !important;
  align-items: normal !important;
}

@media (min-width: 782px) {
  .wp-block-columns { flex-wrap: nowrap !important; }
}

@media (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
}

@media (min-width: 782px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
    flex-grow: 0;
  }
}

.wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap !important; }
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex-basis: 0; flex-grow: 1; }
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { flex-grow: 0; }

:where(.wp-block-columns) { margin-bottom: 1.75em; }
:where(.wp-block-columns.has-background) { padding: 1.25em 2.375em; }

.wp-block-column {
  flex-grow: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.wp-container-core-columns-is-layout-28f84493 { flex-wrap: nowrap; }

/* --- WP Block Spacer --- */
.wp-block-spacer { clear: both; }

/* --- WP Block Image --- */
.wp-block-image { box-sizing: border-box; }
.wp-block-image img { height: auto; max-width: 100%; }
.wp-block-image.size-full img { width: 100%; }
.wp-element-caption,
.wp-block-image figcaption {
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.8rem;
}

/* --- WP Block Post Title --- */
.wp-block-post-title {
  box-sizing: border-box;
  word-break: break-word;
}

.wp-block-post-title :where(a) {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-decoration: inherit;
}

:root :where(.wp-block-post-title a:where(:not(.wp-element-button))) { text-decoration: none; }
:root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover) { text-decoration: underline; }

/* --- WP Block Post Content --- */
.wp-block-post-content { display: flow-root; }

/* --- WP Block Heading --- */
h1:where(.wp-block-heading).has-background,
h2:where(.wp-block-heading).has-background,
h3:where(.wp-block-heading).has-background,
h4:where(.wp-block-heading).has-background,
h5:where(.wp-block-heading).has-background,
h6:where(.wp-block-heading).has-background {
  padding: 1.25em 2.375em;
}

/* --- WP Block Paragraph --- */
.is-small-text { font-size: .875em; }
.is-regular-text { font-size: 1em; }
.is-large-text { font-size: 2.25em; }
.is-larger-text { font-size: 3em; }
:root :where(p.has-background) { padding: 1.25em 2.375em; }
:where(p.has-text-color:not(.has-link-color)) a { color: inherit; }

/* --- WP Block Site Logo --- */
.wp-block-site-logo {
  box-sizing: border-box;
  line-height: 0;
}

.wp-block-site-logo a { display: inline-block; line-height: 0; }
.wp-block-site-logo.is-default-size img { height: auto; width: 120px; }
.wp-block-site-logo img { height: auto; max-width: 100%; }
.wp-block-site-logo a, .wp-block-site-logo img { border-radius: inherit; }
.wp-block-site-logo.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }

/* --- WP Block Site Title --- */
.wp-block-site-title {
  box-sizing: border-box;
  font-family: var(--wp--preset--font-family--body);
  font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.542), 1.2rem);
  font-style: normal;
  font-weight: 600;
}

.wp-block-site-title :where(a) {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-decoration: inherit;
}

:root :where(.wp-block-site-title a:where(:not(.wp-element-button))) { text-decoration: none; }
:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover) { text-decoration: none; }

/* --- WP Block Site Tagline --- */
.wp-block-site-tagline {
  box-sizing: border-box;
  color: var(--wp--preset--color--contrast-2);
  font-size: var(--wp--preset--font-size--small);
}

/* --- WP Block Navigation --- */
.wp-block-navigation { position: relative; }
.wp-block-navigation ul { margin-bottom: 0; margin-left: 0; margin-top: 0; padding-left: 0; }
.wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0; }
.wp-block-navigation .wp-block-navigation-item { align-items: center; background-color: inherit; display: flex; position: relative; }
.wp-block-navigation .wp-block-navigation-item__content { display: block; z-index: 1; }
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: inherit; }
.wp-block-navigation :where(a), .wp-block-navigation :where(a:active), .wp-block-navigation :where(a:focus) { text-decoration: none; }
.wp-block-navigation { --navigation-layout-justification-setting: flex-start; --navigation-layout-direction: row; --navigation-layout-wrap: wrap; --navigation-layout-justify: flex-start; --navigation-layout-align: center; }
.wp-block-navigation.is-vertical { --navigation-layout-direction: column; --navigation-layout-justify: initial; --navigation-layout-align: flex-start; }
.wp-block-navigation.no-wrap { --navigation-layout-wrap: nowrap; }
.wp-block-navigation.items-justified-center { --navigation-layout-justification-setting: center; --navigation-layout-justify: center; }
.wp-block-navigation.items-justified-right { --navigation-layout-justification-setting: flex-end; --navigation-layout-justify: flex-end; }
.wp-block-navigation.items-justified-space-between { --navigation-layout-justification-setting: space-between; --navigation-layout-justify: space-between; }
.wp-block-navigation__container { align-items: var(--navigation-layout-align, initial); display: flex; flex-direction: var(--navigation-layout-direction, initial); flex-wrap: var(--navigation-layout-wrap, wrap); justify-content: var(--navigation-layout-justify, initial); list-style: none; margin: 0; padding-left: 0; }
.wp-block-navigation__container:only-child, .wp-block-page-list:only-child { flex-grow: 1; }

:root :where(.wp-block-navigation) { font-weight: 500; }
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))) { text-decoration: none; }
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) { text-decoration: underline; }

/* Navigation responsive container - hide mobile menu logic */
.wp-block-navigation__responsive-container-open { display: flex; }
.wp-block-navigation__responsive-container { display: none; }

@media (min-width: 600px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    background-color: inherit;
    display: block;
    position: relative;
    width: 100%;
    z-index: auto;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
  .wp-block-navigation__responsive-container-close:not(.always-shown) {
    display: none;
  }
}

/* Mobile open menu styles */
.wp-block-navigation__responsive-container.is-menu-open {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: auto;
  padding: clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20rem);
  z-index: 100000;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  align-items: var(--navigation-layout-justification-setting, inherit);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: visible;
  padding-top: calc(2rem + 24px);
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  background: transparent;
  border: none;
  color: currentColor;
  cursor: pointer;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  fill: currentColor;
  display: block;
  height: 24px;
  pointer-events: none;
  width: 24px;
}

.wp-block-navigation__responsive-container-close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

/* Navigation layout containers */
.wp-container-core-navigation-is-layout-cca85a86 {
  gap: var(--wp--preset--spacing--20);
  justify-content: flex-end;
}

.wp-container-core-navigation-is-layout-ea0cb840 {
  gap: var(--wp--preset--spacing--10);
  flex-direction: column;
  align-items: flex-start;
}

/* Header nav: restore horizontal spacing between menu items (HOME / ABOUT US / BLOG) */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: var(--wp--preset--spacing--20);
  }
}
.wp-block-navigation__responsive-container-content .wp-block-navigation__container {
  gap: var(--wp--preset--spacing--20);
}

/* --- WP Block Separator --- */
:root :where(.wp-block-separator) {
  border-color: currentColor;
  border-width: 0 0 1px 0;
  border-style: solid;
  color: var(--wp--preset--color--contrast);
}

:root :where(.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.alignwide):not(.alignfull)) {
  width: var(--wp--preset--spacing--60);
}

/* --- WP Block List --- */
.wp-block-list { padding-left: 1.5em; }

/* --- WP Block Button --- */
:root :where(.wp-element-button, .wp-block-button__link) {
  background-color: var(--wp--preset--color--contrast);
  border-radius: .33rem;
  border-color: var(--wp--preset--color--contrast);
  border-width: 0;
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--small);
  font-style: normal;
  font-weight: 500;
  line-height: inherit;
  padding: 0.6rem 1rem;
  text-decoration: none;
  cursor: pointer;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
  background-color: var(--wp--preset--color--contrast-2);
  border-color: var(--wp--preset--color--contrast-2);
  color: var(--wp--preset--color--base);
}

/* --- WP Block Post Date --- */
:root :where(.wp-block-post-date) {
  color: var(--wp--preset--color--contrast-2);
  font-size: var(--wp--preset--font-size--small);
}

:root :where(.wp-block-post-date a:where(:not(.wp-element-button))) {
  color: var(--wp--preset--color--contrast-2);
  text-decoration: none;
}

:root :where(.wp-block-post-date a:where(:not(.wp-element-button)):hover) {
  text-decoration: underline;
}

/* --- WP Block Post Author Name --- */
:root :where(.wp-block-post-author-name) {
  font-size: var(--wp--preset--font-size--small);
}

:root :where(.wp-block-post-author-name a:where(:not(.wp-element-button))) { text-decoration: none; }
:root :where(.wp-block-post-author-name a:where(:not(.wp-element-button)):hover) { text-decoration: underline; }

/* --- WP Block Post Terms --- */
:root :where(.wp-block-post-terms) { font-size: var(--wp--preset--font-size--small); }
:root :where(.wp-block-post-terms .wp-block-post-terms__prefix) { color: var(--wp--preset--color--contrast-2); }
:root :where(.wp-block-post-terms a:where(:not(.wp-element-button))) { text-decoration: none; }
:root :where(.wp-block-post-terms a:where(:not(.wp-element-button)):hover) { text-decoration: underline; }

/* --- WP Post Navigation --- */
.wp-block-post-navigation-link .post-navigation-link__label { display: block; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--contrast-2); }

/* --- Utility Color Classes --- */
.has-contrast-2-color { color: var(--wp--preset--color--contrast-2) !important; }
.has-contrast-3-color { color: var(--wp--preset--color--contrast-3) !important; }
.has-contrast-background-color { background-color: var(--wp--preset--color--contrast) !important; }
.has-contrast-3-background-color { background-color: var(--wp--preset--color--contrast-3) !important; }
.has-base-background-color { background-color: var(--wp--preset--color--base) !important; }
.has-base-2-background-color { background-color: var(--wp--preset--color--base-2) !important; }
.has-text-color { }
.has-link-color a { color: inherit; }
.has-alpha-channel-opacity { opacity: 0.3; }

/* --- Font Size Utilities --- */
.has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; }
.has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; }
.has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; }
.has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; }
.has-xx-large-font-size { font-size: var(--wp--preset--font-size--xx-large) !important; }

/* --- Font Family Utilities --- */
.has-body-font-family { font-family: var(--wp--preset--font-family--body) !important; }
.has-heading-font-family { font-family: var(--wp--preset--font-family--heading) !important; }

/* --- Text Align --- */
.has-text-align-center { text-align: center; }
.has-text-align-left { text-align: left; }
.has-text-align-right { text-align: right; }

/* --- Core Block Supports (layout containers) --- */
.wp-container-core-group-is-layout-47e5a185 > * { margin-block-start: 0; margin-block-end: 0; }
.wp-container-core-group-is-layout-47e5a185 > * + * { margin-block-start: 0px; margin-block-end: 0; }

.wp-container-core-group-is-layout-766bf85b {
  gap: var(--wp--preset--spacing--20);
  justify-content: center;
}

.wp-container-core-group-is-layout-a89b3969 { justify-content: center; }
.wp-container-core-group-is-layout-c124d1c4 { justify-content: center; }

.wp-container-core-group-is-layout-6c531013 { flex-wrap: nowrap; }

.wp-container-core-group-is-layout-fe9cc265 { flex-direction: column; align-items: flex-start; }

.wp-container-core-group-is-layout-ea0cb840 {
  gap: var(--wp--preset--spacing--10);
  flex-direction: column;
  align-items: flex-start;
}

.wp-container-core-group-is-layout-353c4f5a { flex-direction: column; align-items: stretch; }
.wp-container-core-group-is-layout-e5edad21 { justify-content: space-between; align-items: flex-start; }

.wp-container-core-group-is-layout-6215b345 {
  gap: var(--wp--preset--spacing--10);
  flex-direction: column;
  align-items: stretch;
}

.wp-container-core-group-is-layout-dfe8e91f {
  gap: 0.3em;
  justify-content: flex-start;
}

.wp-container-core-group-is-layout-c08a3ef2 {
  flex-wrap: nowrap;
  justify-content: space-between;
}

.wp-container-core-group-is-layout-669513ed { }
.wp-container-core-group-is-layout-bb62f62d { }

.wp-elements-4922efc9ea655846fb486c203e65fd1e a:where(:not(.wp-element-button)) {
  color: var(--wp--preset--color--contrast);
}

/* --- Footer query layout (blog listing) --- */
.wp-container-core-columns-is-layout-7e464bea { }

/* --- Call Now Button (in-page component) --- */
.call-button-container {
  text-align: center;
  margin: 15px 0;
}

.call-now-button {
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: background-color 0.3s;
}

.call-now-button:hover {
  background-color: #45a049;
}

.phone-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* --- Contact page + form (Sentry Forms backend) --- */
.elko-subhead {
  max-width: 640px;
  margin: 0.5rem auto 0;
  color: var(--wp--preset--color--contrast-2);
  font-size: 1.1rem;
  line-height: 1.6;
}
.elko-contact-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 2.5rem;
  align-items: start;
}
@media (max-width: 820px) {
  .elko-contact-wrap { grid-template-columns: 1fr; gap: 1.5rem; }
}
.elko-contact-info h2 {
  margin-top: 0;
}
.elko-contact-info > p {
  color: var(--wp--preset--color--contrast-2);
  line-height: 1.6;
}
.elko-contact-details {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
}
.elko-contact-details li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.elko-contact-details .elko-ic {
  color: var(--wp--preset--color--accent-3);
  font-size: 1.25rem;
  line-height: 1.3;
  flex: none;
  width: 1.5rem;
  text-align: center;
}
.elko-contact-details a { font-weight: 600; }
.elko-contact-card {
  background-color: var(--wp--preset--color--base-2);
  border: 1px solid var(--wp--preset--color--accent);
  border-radius: 10px;
  padding: 1.75rem;
  box-shadow: 0 6px 24px rgba(17, 17, 17, 0.06);
}
.elko-contact-form {
  max-width: 100%;
  margin: 0;
}
.elko-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 540px) {
  .elko-row { grid-template-columns: 1fr; gap: 0; }
}
.elko-field {
  margin-bottom: 1.1rem;
}
.elko-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.35rem;
  font-size: var(--wp--preset--font-size--small);
}
.elko-field .req { color: var(--wp--preset--color--accent-3); }
.elko-field input[type="text"],
.elko-field input[type="email"],
.elko-field input[type="tel"],
.elko-field select,
.elko-field textarea {
  width: 100%;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--wp--preset--color--contrast-3);
  border-radius: 4px;
  font-size: 16px;
  font-family: inherit;
  color: var(--wp--preset--color--contrast);
  background-color: var(--wp--preset--color--base-2);
  box-sizing: border-box;
}
.elko-field textarea { resize: vertical; }
.elko-field input:focus,
.elko-field select:focus,
.elko-field textarea:focus {
  outline: 2px solid var(--wp--preset--color--accent-2);
  border-color: var(--wp--preset--color--accent-2);
}
.elko-consent .elko-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-weight: 400;
}
.elko-consent .elko-checkbox input { margin-top: 0.2rem; }
.elko-consent-note {
  font-size: 0.8rem;
  color: var(--wp--preset--color--contrast-2);
  margin: 0.5rem 0 0;
  line-height: 1.5;
}
.elko-submit { margin-top: 0.5rem; }
.elko-ok, .elko-err { display: none; margin-top: 1rem; font-weight: 600; }
.elko-ok { color: #2e7d32; }
.elko-err { color: #c62828; }
/* Honeypot: visually hidden from humans, present for bots */
.elko-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* --- Slideshow --- */
.slideshow-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: auto;
  overflow: hidden;
}

.slideshow-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.fade {
  animation: fadeEffect 1.5s;
}

@keyframes fadeEffect {
  from { opacity: 0.4; }
  to { opacity: 1; }
}

/* --- About Us Family Photos --- */
.family-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 2em;
}

.family-photos .person {
  flex: 1 1 30%;
  text-align: center;
}

.family-photos .person img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border: 2px solid #ccc;
  border-radius: 4px;
}

.family-photos .person .name {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 0.5em;
}

/* --- Focus styles --- */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* --- Screen reader text --- */
.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #ddd;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* --- Misc WP utility classes --- */
.items-justified-left { justify-content: flex-start; }
.items-justified-center { justify-content: center; }
.items-justified-right { justify-content: flex-end; }
.items-justified-space-between { justify-content: space-between; }

.is-vertical { flex-direction: column !important; }
.is-nowrap { flex-wrap: nowrap !important; }
.is-content-justification-center { justify-content: center; }
.is-content-justification-left { justify-content: flex-start; }
.is-content-justification-right { justify-content: flex-end; }
.is-content-justification-space-between { justify-content: space-between; }
.is-content-justification-stretch { align-items: stretch; }
.is-horizontal { flex-direction: row !important; }

/* --- WP Block Post Excerpt --- */
.wp-block-post-excerpt__excerpt { color: var(--wp--preset--color--contrast-2); }

/* --- Comment form (stripped in static version - kept for compatibility) --- */
.wp-block-comments { display: none; }

/* --- Post Navigation --- */
.post-navigation-link-previous,
.post-navigation-link-next {
  font-size: var(--wp--preset--font-size--small);
}

.wp-block-post-navigation-link a {
  text-decoration: none;
  color: var(--wp--preset--color--contrast);
}

.wp-block-post-navigation-link a:hover {
  text-decoration: underline;
}

.wp-block-post-navigation-link__arrow-previous,
.wp-block-post-navigation-link__arrow-next {
  display: inline-block;
  margin: 0 0.25em;
}