/* =========================================================================
   Postmark Travel — Home page typography & spacing standardization
   
   Applies to: index.html (elementor-10)
   
   Goal: align home-page heading sizes, body sizes, and section rhythm
   with the product-page / country-page scale.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Hero section
   ------------------------------------------------------------------------- */

/* Eyebrow — 20px / 300 / Outfit */
.elementor-10 .elementor-element-063d396.elementor-widget-heading .elementor-heading-title {
  font-family: "Outfit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* Hero title — 36px / 200 / Cormorant Garamond */
.elementor-10 .elementor-element-ebbd77e.elementor-widget-heading .elementor-heading-title {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 36px !important;
  font-weight: 200 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.8px !important;
}

/* Hero subtitle — 20px / 300 / Outfit */
.elementor-10 .elementor-element-f5f8c1e.elementor-widget-heading .elementor-heading-title {
  font-family: "Outfit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
}

/* -------------------------------------------------------------------------
   2. Section headings — 36px / 700 / Cormorant Garamond
   ------------------------------------------------------------------------- */
.elementor-10 .elementor-element-59f562e.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-d3cdca5.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-4323c7b.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-e6c44b2.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-867f437.elementor-widget-heading .elementor-heading-title {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* -------------------------------------------------------------------------
   3. Intro / subtext blocks — 24px / 200 / Cormorant Garamond
   ------------------------------------------------------------------------- */
.elementor-10 .elementor-element-61ee39a.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-911c50f.elementor-widget-heading .elementor-heading-title {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 24px !important;
  font-weight: 200 !important;
  line-height: 36px !important;
}

/* -------------------------------------------------------------------------
   4. Tailored Packages loop items
   ------------------------------------------------------------------------- */

/* Loop card titles — 32px / 700 / Cormorant Garamond */
.elementor-10 .elementor-element-a71b773.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-56622b4.elementor-widget-heading .elementor-heading-title {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Loop card excerpts — 20px / 400 / 28px / Outfit */
.elementor-10 .elementor-element-55dbd39.elementor-widget-theme-post-excerpt .elementor-widget-container,
.elementor-10 .elementor-element-a368c76.elementor-widget-theme-post-excerpt .elementor-widget-container,
.elementor-10 .elementor-element-55dbd39 p,
.elementor-10 .elementor-element-a368c76 p {
  font-family: "Outfit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}

/* -------------------------------------------------------------------------
   5. Experience cards (Celebrate / Indulge / Curate / Immerse grid)
   ------------------------------------------------------------------------- */

/* Card titles — 32px / 700 / Cormorant Garamond */
.elementor-10 .elementor-element-fbbbac5 .elementor-image-box-title {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Card descriptions — 20px / 400 / 28px / Outfit */
.elementor-10 .elementor-element-fbbbac5 .elementor-image-box-description {
  font-family: "Outfit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}

/* "Read more" / "MORE INFO" links — 14px / 600 / Outfit */
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-image-box .pm-read-more,
.elementor-10 .elementor-element-fbbbac5 .elementor-image-box-content .pm-read-more,
.elementor-10 .elementor-element-fbbbac5 .elementor-button-link,
.elementor-10 .elementor-element-6b01085 .elementor-button-link,
.elementor-10 .elementor-element-6b01085 .elementor-button-text,
.elementor-10 .elementor-element-6b01085 .elementor-button {
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}

/* -------------------------------------------------------------------------
   6. "What sets us apart" value-prop cards
   ------------------------------------------------------------------------- */

/* Value-prop titles — 32px / 700 / Cormorant Garamond */
.elementor-10 .elementor-element-7c0f709.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-3045c5b.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-67a82ba.elementor-widget-heading .elementor-heading-title {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Value-prop body — 20px / 400 / 28px / Outfit */
.elementor-10 .elementor-element-2959859.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-20bb0ff.elementor-widget-heading .elementor-heading-title,
.elementor-10 .elementor-element-d22d405.elementor-widget-heading .elementor-heading-title {
  font-family: "Outfit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}

/* -------------------------------------------------------------------------
   7. Buttons / CTAs — 14px / 600 / Outfit
   ------------------------------------------------------------------------- */
.elementor-10 .elementor-button-link .elementor-button-text,
.elementor-10 .elementor-button {
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}

/* -------------------------------------------------------------------------
   8. Section rhythm — match product-page max-width and vertical padding
   ------------------------------------------------------------------------- */
.elementor-10 > .e-con {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.elementor-10 > .e-con:not(:first-child) {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* -------------------------------------------------------------------------
   9. Mobile adjustments (never collapse below readable sizes)
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .elementor-10 .elementor-element-ebbd77e.elementor-widget-heading .elementor-heading-title {
    font-size: 32px !important;
  }

  .elementor-10 .elementor-element-063d396.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-f5f8c1e.elementor-widget-heading .elementor-heading-title {
    font-size: 18px !important;
  }

  .elementor-10 .elementor-element-59f562e.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-d3cdca5.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-4323c7b.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-e6c44b2.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-867f437.elementor-widget-heading .elementor-heading-title {
    font-size: 32px !important;
  }

  .elementor-10 .elementor-element-61ee39a.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-911c50f.elementor-widget-heading .elementor-heading-title {
    font-size: 22px !important;
    line-height: 32px !important;
  }

  .elementor-10 .elementor-element-a71b773.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-56622b4.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-fbbbac5 .elementor-image-box-title,
  .elementor-10 .elementor-element-7c0f709.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-3045c5b.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-67a82ba.elementor-widget-heading .elementor-heading-title {
    font-size: 28px !important;
  }

  .elementor-10 .elementor-element-55dbd39 p,
  .elementor-10 .elementor-element-a368c76 p,
  .elementor-10 .elementor-element-fbbbac5 .elementor-image-box-description,
  .elementor-10 .elementor-element-2959859.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-20bb0ff.elementor-widget-heading .elementor-heading-title,
  .elementor-10 .elementor-element-d22d405.elementor-widget-heading .elementor-heading-title {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}