/* ============================================================
 * v2.5 — Kill ovals, gold icons, white hover, contact UI,
 * dark theme for Contact section, form styling
 * ============================================================ */

/* ---- Kill all teal/blue radial decorations (ovals) ---- */
body{background:var(--hsn-bg) !important}
body::before,body::after{display:none !important}
.hsn-hero::before{background:none !important}
.hsn-hero--fullbg::before{
  background:rgba(7,13,31,.74) !important;
  border-radius:0 !important;
}
.hsn-hero{border-radius:0 !important;background:transparent !important}
.hsn-hero--fullbg{border-radius:0 !important}
.hsn-section{background:transparent}
.hsn-section::before,.hsn-section::after{display:none !important}
[class^="hsn-"]::before,[class^="hsn-"]::after{background-image:none}
.hsn-hero--fullbg::before{
  background:rgba(7,13,31,.74) !important;
  background-image:none !important;
}
.hsn-hero--fullbg::after{
  background:linear-gradient(180deg,transparent 0%,rgba(7,13,31,.55) 60%,var(--hsn-bg) 100%) !important;
  background-image:linear-gradient(180deg,transparent 0%,rgba(7,13,31,.55) 60%,var(--hsn-bg) 100%) !important;
}
/* Restore page-hero / locations / timeline / principles intentional overlays */
.hsn-page-hero::before{
  background:url('/uploads/sites/141/clouds.png') center/cover no-repeat !important;
  opacity:.13;mix-blend-mode:screen;
}
.hsn-locations--map::before{
  background:var(--hsn-loc-map) center/contain no-repeat !important;
  opacity:.13;filter:brightness(2.2) contrast(1.1) sepia(.3) hue-rotate(180deg);
}
.hsn-timeline-sec::before{
  background:url('/uploads/sites/141/world.png') center/contain no-repeat !important;
  opacity:.08;filter:brightness(2.5) hue-rotate(180deg);
}

/* ---- Card icons: gold instead of blue ---- */
.hsn-card__icon{
  background:linear-gradient(135deg,rgba(201,169,97,.18),rgba(201,169,97,.08)) !important;
  color:var(--hsn-gold) !important;
  border:1px solid rgba(201,169,97,.25);
}
.hsn-card__icon i{color:var(--hsn-gold) !important}

/* ---- Menu hover line: white (not blue/gold) ---- */
.hsn-nav a::after,
.hsn-navbar .hsn-nav a::after{
  background:#fff !important;
}
.hsn-navbar .hsn-nav a.active::after{
  background:var(--hsn-gold) !important;
}

/* ---- Contact section (light + dark) ---- */
.hsn-contact{
  display:grid !important;
  grid-template-columns:1.1fr 1fr !important;
  gap:2.5rem;
  margin-top:2rem;
}
.hsn-contact__panel{
  background:var(--hsn-surface) !important;
  border:1px solid var(--hsn-border);
  border-radius:20px;
  padding:2.5rem !important;
  color:var(--hsn-text) !important;
  box-shadow:0 20px 50px -20px rgba(11,27,58,.12);
}
.hsn-contact__panel h2,.hsn-contact__panel .hsn-section-title{color:var(--hsn-text) !important}
.hsn-contact__panel p,.hsn-contact__panel .hsn-section-copy{color:var(--hsn-text-soft) !important}
.hsn-contact__info{
  background:var(--hsn-surface) !important;
  border:1px solid var(--hsn-border);
  border-radius:20px;
  padding:2.5rem !important;
  color:var(--hsn-text) !important;
  box-shadow:0 20px 50px -20px rgba(11,27,58,.12);
}
.hsn-contact__info .hsn-section-label{color:var(--hsn-gold) !important;letter-spacing:2.5px;margin-bottom:1.5rem;font-size:.72rem}
.hsn-contact__meta div{padding:1rem 0;border-bottom:1px solid var(--hsn-border)}
.hsn-contact__meta div:last-child{border-bottom:none}
.hsn-contact__meta strong{color:var(--hsn-text) !important;font-size:1rem;font-weight:600;display:block;margin-bottom:.4rem}
.hsn-contact__meta span{color:var(--hsn-text-soft) !important;font-size:.9rem;line-height:1.55}

/* Dark theme for Contact section */
[data-theme="dark"] .hsn-contact__panel,
[data-theme="dark"] .hsn-contact__info{
  background:var(--hsn-surface) !important;
  border-color:var(--hsn-border);
  color:var(--hsn-text) !important;
}
[data-theme="dark"] .hsn-contact__panel h2,
[data-theme="dark"] .hsn-contact__panel .hsn-section-title{color:var(--hsn-text) !important}
[data-theme="dark"] .hsn-contact__panel p{color:var(--hsn-text-soft) !important}
[data-theme="dark"] .hsn-contact__meta strong{color:var(--hsn-text) !important}
[data-theme="dark"] .hsn-contact__meta span{color:var(--hsn-text-soft) !important}
[data-theme="dark"] .hsn-contact__meta div{border-color:var(--hsn-border)}

/* ---- Contact form ---- */
.hsn-form{
  margin-top:2.5rem;
  background:var(--hsn-surface);
  border:1px solid var(--hsn-border);
  border-radius:20px;
  padding:2.5rem;
  box-shadow:0 20px 50px -20px rgba(11,27,58,.12);
}
[data-theme="dark"] .hsn-form{background:var(--hsn-surface);border-color:var(--hsn-border)}
.hsn-form__head{margin-bottom:1.75rem}
.hsn-form__head .hsn-section-label{color:var(--hsn-gold) !important;font-size:.72rem;letter-spacing:2.5px;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;display:block}
.hsn-form__head h3{font-family:var(--hsn-serif);font-size:1.75rem;color:var(--hsn-text);margin:0 0 .5rem;line-height:1.25;font-weight:700}
.hsn-form__head p{color:var(--hsn-text-soft);font-size:.92rem;margin:0;line-height:1.55}
.hsn-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hsn-form__field{display:flex;flex-direction:column;gap:.4rem}
.hsn-form__field.hsn-form__field--full{grid-column:1/-1}
.hsn-form__field label{font-size:.72rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--hsn-muted)}
.hsn-form__field input,.hsn-form__field textarea{
  background:var(--hsn-bg);
  border:1px solid var(--hsn-border);
  border-radius:10px;
  padding:.85rem 1rem;
  font-family:var(--hsn-body);
  font-size:.92rem;
  color:var(--hsn-text);
  transition:border-color .2s,background .2s;
  width:100%;
}
.hsn-form__field input:focus,.hsn-form__field textarea:focus{
  outline:none;border-color:var(--hsn-gold);background:var(--hsn-surface);
}
.hsn-form__field textarea{min-height:120px;resize:vertical}
.hsn-form__field input[name="website"]{position:absolute;left:-9999px}  /* honeypot */
.hsn-form__actions{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}
.hsn-form__submit{
  background:var(--hsn-gold) !important;
  color:#0B1B3A !important;
  border:none;
  padding:.95rem 2rem;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  border-radius:8px;
  cursor:pointer;
  transition:all .2s;
  box-shadow:0 10px 24px -8px rgba(201,169,97,.35);
}
.hsn-form__submit:hover{background:var(--hsn-gold-soft) !important;transform:translateY(-2px)}
.hsn-form__submit:disabled{opacity:.6;cursor:wait;transform:none}
.hsn-form__msg{font-size:.85rem;font-weight:500}
.hsn-form__msg--ok{color:#10b981}
.hsn-form__msg--err{color:#ef4444}
@media(max-width:780px){
  .hsn-contact{grid-template-columns:1fr !important}
  .hsn-form__grid{grid-template-columns:1fr}
}

/* ---- What we can assess: improved UI/UX ---- */
.hsn-contact__meta{display:flex;flex-direction:column;gap:0}
.hsn-contact__meta > div{
  padding:1.1rem 0 !important;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.hsn-contact__meta strong::before{
  content:"";
  display:inline-block;
  width:6px;height:6px;
  background:var(--hsn-gold);
  border-radius:50%;
  margin-right:.6rem;
  vertical-align:middle;
  transform:translateY(-2px);
}

/* ---- Hero btn outline (Who we are): white border ---- */
.hsn-hero__actions .hsn-btn-ghost,
.hsn-hero__actions .hsn-btn-outline{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.35) !important;
  color:#fff !important;
}
.hsn-hero__actions .hsn-btn-ghost:hover,
.hsn-hero__actions .hsn-btn-outline:hover{
  border-color:var(--hsn-gold) !important;
  color:var(--hsn-gold) !important;
  background:transparent !important;
}