/* ============================================================
   Elementor Brand Bridge
   Ensures Elementor's native widgets default to the Raza Aircon
   look (fonts, colors, button shape, icon styling) even for
   widgets the client adds later without configuring every field.
   Explicit per-widget settings in the imported templates always
   win over these (they render with higher CSS specificity), so
   this only fills the gaps — it never fights your edits.
   ============================================================ */

.elementor-widget-heading .elementor-heading-title{
  font-family: 'Space Grotesk', sans-serif;
  color: #0F222E;
}
.elementor-widget-text-editor,
.elementor-widget-text-editor p{
  font-family: 'Inter', sans-serif;
  color: #3E5666;
}

/* Buttons: pill shape + brand cyan by default */
.elementor-button{
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  border-radius: 999px !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
.elementor-button:hover{
  transform: translateY(-2px);
}

/* Icon box / icon list default accent color */
.elementor-widget-icon-box .elementor-icon{
  transition: transform .2s ease, background .2s ease;
}
.elementor-widget-icon-box:hover .elementor-icon{
  transform: translateY(-3px);
}
.elementor-icon-list-icon i{
  color: #3FC1E0;
}

/* Star rating gold */
.elementor-star-rating i{
  color: #F2A93B;
}

/* Section rhythm fallback (only applies where a section doesn't
   already set its own padding in the template) */
.elementor-section:not([data-settings*="padding"]){
  padding-top: 60px;
  padding-bottom: 60px;
}

/* Keep our custom header/footer visually separate from Elementor's
   full-width content sections */
.site-header + .elementor,
.elementor + .site-footer{
  position: relative;
}