/* Make header stick */
.header-site {                 /* ← change to your header selector */
  position: sticky;            /* try sticky first */
  top: 0;
  z-index: 9999;               /* stay above page content */
  width: 100%;
}

/* Logged-in admin bar offset */
.admin-bar .header-site {
  top: 32px;                   /* 46px on smaller screens */
}
@media (max-width: 782px) {
  .admin-bar .header-site { top: 46px; }
}

/* Fixed fallback */
.header-site {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
}

/* Prevent content hiding behind the header (adjust height as needed) */
body { padding-top: 90px; }  /* set to your header’s actual height */
.admin-bar body { padding-top: 122px; } /* header height + admin bar */
@media (max-width:782px){ .admin-bar body { padding-top: 136px; } }

/* Hide footer copyright bar */
.site-footer {
  display: none !important;
}


/* Global offset so anchors don't sit under the header */
html {
  scroll-padding-top: 96px; /* ← set to your header height */
  scroll-behavior: smooth;  /* optional smooth scroll */
}

/* If logged in (WP admin bar), add extra */
.header-site html { scroll-padding-top: 128px; } /* 96 + 32 */
@media (max-width: 782px){
  .header-site html { scroll-padding-top: 142px; } /* 96 + 46 */
}


/* ===== MOBILE: turn OFF stickiness/fixed and remove offset ===== */
@media (max-width: 767px){
  #masthead, .header-site {
    position: static !important;         /* or `relative` */
    top: auto !important;
  }
  body { padding-top: 0 !important; }
  html { scroll-padding-top: 0 !important; }
}

/* MOBILE ONLY: remove extra space under the header */
@media (max-width: 767px){
  /* keep header non-sticky as you wanted */
  #masthead { position: static !important; top:auto !important; }

  /* kill header bottom padding/min-height */
  #masthead,
  #masthead .elementor,
  #masthead .e-con,
  #masthead .elementor-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
  }

  /* hide any spacer widgets inside header */
  #masthead .elementor-widget-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  /* remove gap above the first section after the header */
  #masthead + * {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }
}
/* Paragraph spacing inside blog posts rendered by Elementor or the theme */
.entry-content p,
.elementor-widget-theme-post-content p {
  margin: 1.15em 0 !important;   /* adjust to taste */
  line-height: 1.7;
}

/* Headings + lists spacing (optional but recommended) */
.entry-content h2,
.elementor-widget-theme-post-content h2 { margin: 1.6em 0 0.6em !important; }
.entry-content h3,
.elementor-widget-theme-post-content h3 { margin: 1.4em 0 0.5em !important; }

.entry-content ul,
.entry-content ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
  margin: 1.2em 0 1.2em 1.5em !important;
  padding-left: 1.2em;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

/* Remove underlines globally, keep accessibility focus */
:where(body) a { text-decoration: none !important; }
:where(body) a:hover { text-decoration: none !important; }
:where(body) a:focus-visible { outline: 2px solid #c89b5d; text-decoration: none; } /* brand focus style */