/* =========================
   HERO: Grass background
   ========================= */
.hero-wrap{
  position: relative;
  overflow: hidden;
  background-image: url("../img/hero/bermuda_grass_1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-wrap::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.70) 0%,
    rgba(0, 0, 0, 0.62) 45%,
    rgba(0, 0, 0, 0.55) 100%
  );
}

.hero-wrap h1,
.hero-wrap h2,
.hero-wrap h3,
.hero-wrap p:not(.service-areas){
  color: #ffffff !important;
}

.hero-wrap > .container,
.hero-wrap .container{
  position: relative;
  z-index: 2;
}

/* =========================================
   Bermuda Lawn Pro Premium Styling
   ========================================= */

:root {
  --navy: #0a2640;
  --navy-soft: #143a5c;
  --sage-dark: #a8b79f;
  --sage: #b9c7b0;
  --lime: #8cc63f;
  --mint: #5fd08d;
  --text-dark: #102a43;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--text-dark);
}

.navbar {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}

.navbar-nav .nav-link {
  color: var(--navy) !important;
  font-weight: 500;
}

.navbar-nav .nav-link:hover {
  color: var(--lime) !important;
}

.nav-phone {
  color: var(--navy) !important;
  font-weight: 600;
}

.btn.btn-success {
  background-color: #1d6b38 !important;
  border-color: #1d6b38 !important;
  color: #ffffff !important;
}

.btn.btn-success:hover,
.btn.btn-success:focus {
  background-color: #1d6b38 !important;
  border-color: #1d6b38 !important;
}

header .navbar,
header .navbar .navbar-nav,
header .navbar .navbar-collapse {
  flex-wrap: nowrap !important;
}

header .navbar .nav-link,
header .navbar .navbar-brand,
header .navbar .btn,
header .navbar a,
header .navbar span {
  white-space: nowrap !important;
}

header .navbar .nav-phone,
header .navbar .btn-cta {
  flex-shrink: 0 !important;
}

.service-areas {
  color: #ffff33;
  font-weight: bold;
}

.hero-wrap .service-areas{
  color: #8cc63f !important;
}

/* =========================================
   OFFER SECTION IMAGE FIX (NO CLIPPING)
   ========================================= */

section.pt-8.pt-lg-0,
section.pt-8.pt-lg-0 .container,
section.pt-8.pt-lg-0 .d-flex,
section.pt-8.pt-lg-0 .col-lg-6 {
  overflow: visible !important;
}

.image-wrapper{
  width: 100%;
  border-radius: 28px;
  overflow: visible !important;
  position: relative;
}

.image-wrapper img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 28px;
  max-height: none !important;
}

section.pt-8.pt-lg-0 .col-lg-6 {
  height: auto !important;
}
/* Reviews section background match hero */
section.bg-dark {
  background: url("../images/hero-turf.jpg") center center / cover no-repeat !important;
  position: relative;
}

/* Subtle overlay for readability */
section.bg-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(10, 30, 40, 0.75);
}

section.bg-dark .container {
  position: relative;
  z-index: 2;
}


/* Jobber embedded form layout */
#df093b29-9d3b-43db-944a-c09f901dee50-494305 {
  width: 100%;
}




/* Jobber embedded form sizing / no-overlap */
.jobber-embed-shell{
  width: 100%;
  position: relative;
  overflow: visible;
}

/* Jobber's embed sometimes uses absolute positioning while loading.
   Give the container real height so following content never overlaps. */
#df093b29-9d3b-43db-944a-c09f901dee50-494305{
  width: 100%;
  min-height: 1150px;
}

@media (min-width: 992px){
  #df093b29-9d3b-43db-944a-c09f901dee50-494305{
    min-height: 950px;
  }
}

/* If Jobber renders an iframe, force it to be block-level and full width */
#df093b29-9d3b-43db-944a-c09f901dee50-494305 iframe{
  width: 100% !important;
  min-height: 1150px !important;
  display: block !important;
  border: 0 !important;
}

@media (min-width: 992px){
  #df093b29-9d3b-43db-944a-c09f901dee50-494305 iframe{
    min-height: 950px !important;
  }
}



/* ---- Header polish improvements ---- */

/* match page tan background */
header,
.navbar,
.navbar-light,
.navbar-expand-lg{
background:#f4f1ea !important;
border-bottom:1px solid rgba(0,0,0,0.06);
}

/* stronger navigation text */
.navbar-nav .nav-link{
font-weight:600;
}

/* subtle header depth */
header{
box-shadow:0 2px 8px rgba(0,0,0,0.04);
}