/* ============================================================
   Unity Gresham — Companion CSS
   Paste this into: Elementor > Site Settings > Custom CSS
   (Pro), OR Appearance > Customize > Additional CSS (works on
   any Elementor plan, free or Pro).
   This adds the hover states, shadows, sticky header, and nav
   underline that native Elementor widget settings can't fully
   express, matching the original HTML mockup.
   ============================================================ */

/* Google Fonts (Elementor loads these automatically once you
   set Fraunces/Inter in Site Settings > Global Fonts, but this
   line guarantees they load even if that step is skipped) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600;700&display=swap');

/* ---------- Header: sticky + soft blur ---------- */
.ug-header{
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(251,247,240,0.92) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(30,42,94,0.08);
}

/* Nav links: underline-on-hover, like the mockup */
.ug-navlink{
  position: relative;
  text-decoration: none;
  color: inherit;
  padding-bottom: 4px;
  display: inline-block;
}
.ug-navlink::after{
  content: '';
  position: absolute;
  left: 0; bottom: -2px;
  width: 0; height: 2px;
  background: #E7A33C;
  transition: width .25s ease;
}
.ug-navlink:hover::after{ width: 100%; }

/* ---------- Footer ---------- */
.ug-footer a{ text-decoration: none; }
.ug-footer a:hover{ color: #E7A33C !important; }

/* ---------- Cards: lift on hover ---------- */
.ug-card{
  transition: transform .2s ease, box-shadow .2s ease;
}
.ug-card:hover{
  transform: translateY(-6px);
}

/* ---------- Buttons: lift on hover + no underline ---------- */
.ug-btn a, .ug-btn .elementor-button{
  transition: transform .18s ease, box-shadow .18s ease;
  text-decoration: none !important;
}
.ug-btn:hover .elementor-button,
.ug-btn a:hover{
  transform: translateY(-2px);
}
.ug-btn-primary .elementor-button{
  box-shadow: 0 8px 20px -8px rgba(30,42,94,.55);
}
.ug-btn-gold .elementor-button{
  box-shadow: 0 8px 20px -8px rgba(231,163,60,.7);
}

/* ---------- Sections: consistent radius on colored bands ---------- */
.ug-section{
  overflow: hidden;
}

/* ---------- Smooth scroll for in-page anchors ---------- */
html{ scroll-behavior: smooth; }

/* ---------- Respect reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}