/* Blog card */
.elementor-loop-container .elementor-1554 .elementor-element.elementor-element-b294acc {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Inner spacing */
.elementor-loop-container .elementor-1554 .elementor-element.elementor-element-b294acc > .e-con-inner {
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Hover */
.elementor-loop-container .elementor-1554 .elementor-element.elementor-element-b294acc:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
}

/* Round featured image corners slightly */
.elementor-loop-container .elementor-1554 .elementor-element.elementor-element-b294acc img {
    border-radius: 8px;
    display: block;
}

/* Optional: remove extra margins on title/meta/button widgets if needed */
.elementor-loop-container .elementor-1554 .elementor-element.elementor-element-b294acc .elementor-widget {
    margin-bottom: 0;
}

.main-header-menu .sub-menu .menu-link,
.ast-desktop .main-header-menu .sub-menu .menu-link,
.ast-desktop .main-header-menu .sub-menu a {
  color: #1d2433 !important;
}


/* =========================
   Lyle Group Quote Form
   TRUE FINAL (tight spacing fix)
   ========================= */

.lyle-quote-form {
  background: #ffffff;
  border-radius: 12px;
  padding: 14px 16px 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* =========================
   REMOVE ALL EXTRA SPACING
   ========================= */

/* Container reset */
.lyle-quote-form .wpforms-container,
.lyle-quote-form .wpforms-form,
.lyle-quote-form .wpforms-field-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* FIELD SPACING (THIS IS THE REAL FIX) */
.lyle-quote-form .wpforms-field {
  margin: 4px 0 !important;   /* 👈 tightened */
  padding: 0 !important;
}

/* LABEL SPACING */
.lyle-quote-form .wpforms-field-label {
  margin: 0 0 2px 0 !important;  /* 👈 removes space ABOVE fields */
  font-size: 13px;
  font-weight: 600;
}

/* Kill hidden spacing WPForms adds */
.lyle-quote-form .wpforms-field + .wpforms-field {
  margin-top: 4px !important;
}

/* =========================
   TITLE
   ========================= */

.lyle-quote-form .wpforms-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 6px;
}

/* =========================
   NAME ROW (FIX WIDTH ISSUE)
   ========================= */

.lyle-quote-form .wpforms-field-row {
  display: flex;
  gap: 8px;
}

.lyle-quote-form .wpforms-field-row-block {
  flex: 1;
  width: 50% !important;
  max-width: 50% !important;
}

/* =========================
   INPUTS
   ========================= */

.lyle-quote-form input[type="text"],
.lyle-quote-form input[type="email"],
.lyle-quote-form input[type="tel"],
.lyle-quote-form textarea {
  width: 100% !important;
  border: 1px solid #d9e1ea;
  border-radius: 10px;
  font-size: 14px;
}

/* Input height */
.lyle-quote-form input {
  height: 36px;
  padding: 6px 10px;
}

/* TEXTAREA (compact) */
.lyle-quote-form textarea {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 6px 10px;
  resize: none;
}

/* =========================
   PHONE FIELD
   ========================= */

.lyle-quote-form .iti {
  width: 100% !important;
}

.lyle-quote-form .iti__selected-country {
  height: 36px;
}

/* =========================
   BUTTON
   ========================= */

.lyle-quote-form .wpforms-submit-container {
  margin-top: 6px !important;
  padding-top: 0 !important;
}

.lyle-quote-form .wpforms-submit {
  background: #1666f5;
  color: #fff;
  border-radius: 10px;
  font-weight: 700;
  padding: 12px 30px; /* 👈 longer button */
  min-width: 170px;
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {
  .lyle-quote-form .wpforms-field-row {
    flex-direction: column;
  }

  .lyle-quote-form .wpforms-field-row-block {
    width: 100% !important;
  }
}


/* Override WPForms 60% max-width rule */
.wpforms-container.lyle-quote-form input.wpforms-field-medium,
.wpforms-container.lyle-quote-form select.wpforms-field-medium,
.wpforms-container.lyle-quote-form .wpforms-field-row.wpforms-field-medium {
  max-width: 100% !important;
}

/* =========================
   MOBILE FORM FIX
   ========================= */
@media (max-width: 767px) {

  /* Make the form card span full mobile width */
  .wpforms-container.lyle-quote-form {
    width: 100% !important;
    max-width: 100% !important;
  }

  .lyle-quote-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box;
  }

  /* Keep first + last on the same line */
  .lyle-quote-form .wpforms-field-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
  }

  .lyle-quote-form .wpforms-field-row-block {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    margin: 0 !important;
  }

  /* Make all standard fields full width */
  .wpforms-container.lyle-quote-form input.wpforms-field-medium,
  .wpforms-container.lyle-quote-form select.wpforms-field-medium,
  .wpforms-container.lyle-quote-form textarea.wpforms-field-medium,
  .wpforms-container.lyle-quote-form .wpforms-field-row.wpforms-field-medium,
  .wpforms-container.lyle-quote-form .wpforms-field-email input,
  .wpforms-container.lyle-quote-form .wpforms-field-phone input,
  .wpforms-container.lyle-quote-form .iti {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Keep the phone field aligned nicely */
  .lyle-quote-form .iti--allow-dropdown input[type="tel"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Button can stay full width on mobile for better UX */
  .lyle-quote-form .wpforms-submit {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================
   MOBILE NAME ROW ALIGNMENT FIX
   ========================= */
@media (max-width: 767px) {

  /* Add right-side breathing room for the row */
  .lyle-quote-form .wpforms-field-row {
    padding-right: 8px !important;
  }

  /* Keep fields aligned left and not stretching weirdly */
  .lyle-quote-form .wpforms-field-row-block {
    flex: 0 0 calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
  }

}



/* =========================
   REMOVE OVERLAY IMAGE IN HOME HH FOR MOBILE
   ========================= */
@media (max-width: 767px) {
  .hero-client-mobile-hide,
  .hero-client-mobile-hide > .elementor-background-overlay,
  .hero-client-mobile-hide::before {
    background-image: none !important;
  }
}