/* ============================================================
   Celo ar Agentu — design refresh (preview layer)
   ============================================================ */
:root{
  --brand:#E57A01; --brand-d:#c46402; --brand-2:#F1B73B;
  --ink:#1f2937; --ink-soft:#475569; --muted:#6b7280;
  --bg:#ffffff; --bg-soft:#f6f8fb; --line:#e8ecf1;
  --radius:16px; --radius-sm:10px;
  --shadow:0 10px 30px rgba(17,24,39,.08);
  --shadow-sm:0 2px 12px rgba(17,24,39,.06);
  --maxw:1180px; --section-y:88px;
}

/* fixed header: stop anchored headings hiding behind the nav */
html{ scroll-padding-top:120px; }
body{ color:var(--ink); }

/* ---- consistent vertical rhythm + alternating bg ---- */
section.about, section.team, section.partners,
section.reviews, section.contact{
  padding-top:var(--section-y) !important;
  padding-bottom:var(--section-y) !important;
  scroll-margin-top:96px;
}
section.about{ background:var(--bg-soft) !important; }
section.team{ background:var(--bg) !important; }
section.partners{ background:var(--bg-soft) !important; }

/* ---- consistent section headings with an accent underline ---- */
section.team > .container > h2,
section.partners h2,
section.reviews h2,
section.contact h2,
section.search > h2{
  font-size:clamp(1.7rem,2.4vw,2.3rem) !important;
  font-weight:700 !important; color:var(--ink) !important;
  letter-spacing:-.02em !important; text-align:center !important;
  margin:0 auto 2.4rem !important;
}
section.team > .container > h2::after,
section.reviews h2::after,
section.contact h2::after,
section.search > h2::after{
  content:""; display:block; width:56px; height:4px; border-radius:4px;
  background:var(--brand); margin:16px auto 0;
}

/* ============ ABOUT — tame the text wall (keep the playful copy) ============ */
section.about .about-container{
  max-width:var(--maxw) !important; margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,400px) minmax(0,1fr) !important;
  gap:48px !important; align-items:center !important; padding:0 24px !important;
}
section.about .about-left{ margin:0 !important; }
section.about .about-left img{
  width:100% !important; height:100% !important; max-height:520px;
  object-fit:cover !important; border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
}
section.about .about-center{ text-align:left !important; max-width:none !important; padding:0 !important; }
section.about .about-center > h2{
  text-align:left !important; font-size:clamp(1.7rem,2.4vw,2.3rem) !important;
  font-weight:700 !important; letter-spacing:-.02em !important;
  color:var(--ink) !important; margin:0 0 1.4rem !important;
}
section.about .about-text{
  background:var(--bg) !important; border:1px solid var(--line) !important;
  border-radius:var(--radius) !important; padding:26px 30px !important;
  box-shadow:var(--shadow-sm) !important; max-height:none !important; overflow:visible !important;
}
section.about .about-text p{
  color:var(--ink-soft) !important; font-size:1.02rem !important;
  line-height:1.95 !important; margin:0 0 1.1rem !important;
}
section.about .about-text p:last-child{
  margin-bottom:0 !important; color:var(--brand) !important;
  font-weight:800 !important; font-size:1.1rem !important; letter-spacing:.01em;
}
/* the floating plane reads as clutter next to the text block */
section.about .about-right{ display:none !important; }
section.about .contact-button{
  display:inline-block !important; margin-top:1.5rem !important;
  background:var(--brand) !important; color:#fff !important;
  padding:.85rem 1.7rem !important; border-radius:999px !important;
  font-weight:700 !important; text-decoration:none !important; border:0 !important;
  box-shadow:var(--shadow-sm) !important; transition:transform .15s, background .15s;
}
section.about .contact-button:hover{ background:var(--brand-d) !important; transform:translateY(-1px); }

/* ============ BUTTONS ============ */
.hero .cta-button{
  background:var(--brand) !important; color:#fff !important; border:0 !important;
  padding:.9rem 1.9rem !important; border-radius:999px !important; font-weight:700 !important;
  box-shadow:0 10px 24px rgba(229,122,1,.32) !important;
}

/* ============ TEAM CARDS ============ */
section.team .team-grid{
  max-width:var(--maxw) !important; margin:0 auto !important;
  display:grid !important; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
  gap:28px !important; padding:0 24px !important;
}
section.team .team-member{
  background:var(--bg) !important; border:1px solid var(--line) !important;
  border-radius:var(--radius) !important; box-shadow:var(--shadow-sm) !important;
  overflow:hidden !important; transition:transform .18s, box-shadow .18s;
}
section.team .team-member:hover{ transform:translateY(-4px); box-shadow:var(--shadow) !important; }

/* ============ BOOKING + HOTEL DETAIL — harmonise with the brand ============ */
/* Booking: primary CTA in brand orange (was a flat yellow) */
#payButton{
  background:var(--brand) !important; color:#fff !important; border:0 !important;
  border-radius:12px !important; font-weight:700 !important;
  box-shadow:0 10px 22px rgba(229,122,1,.3) !important;
  transition:transform .15s, opacity .15s !important;
}
#payButton:disabled{ opacity:.5 !important; box-shadow:none !important; }
#payButton:not(:disabled):hover{ transform:translateY(-1px); }

/* Hotel detail: consistent card radius/shadow + brand book button */
.hd-card{
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-sm) !important;
  border:1px solid var(--line) !important;
}
.hd-book-btn{
  background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important;
  border-radius:999px !important; box-shadow:0 8px 20px rgba(229,122,1,.28) !important;
}
.hd-book-btn:hover{ background:var(--brand-d) !important; }