/* Unity Exports enquiry widget — self-contained styles.
   Everything is scoped under #ue-enquiry and .ue-float so it will not clash with the host page.
   Change the colours here to match your site. */
#ue-enquiry, .ue-float {
  --ue-ink: #0f1a45; --ue-ink-2: #4a5375; --ue-ink-3: #4a5375; --ue-line: #d9deee; --ue-paper: #ffffff;
  --ue-sage: #1c2d7f; --ue-sage-2: #0f1a45; --ue-sage-soft: #eef1fa; --ue-err: #9a1020;
  --ue-serif: "Marcellus", Georgia, serif; --ue-sans: "Mukta", "Segoe UI", system-ui, sans-serif;
  font-family: var(--ue-sans); color: var(--ue-ink); line-height: 1.6; box-sizing: border-box;
}
#ue-enquiry *, .ue-float * { box-sizing: border-box; }

/* layout */
#ue-enquiry { padding: 96px 0; }
#ue-enquiry .ue-wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 72px; align-items: start; }
#ue-enquiry h2 { font: 400 clamp(2rem, 3.6vw, 3rem)/1.12 var(--ue-serif); margin: 0 0 16px; }
#ue-enquiry .ue-lede { font-size: 1.2rem; color: var(--ue-ink-2); margin: 0 0 28px; max-width: 48ch; }
#ue-enquiry .ue-direct { list-style: none; margin: 0; padding: 0; }
#ue-enquiry .ue-direct li { display: grid; grid-template-columns: 7.5rem 1fr; gap: 12px; padding: 12px 0; border-top: 1px solid var(--ue-line); }
#ue-enquiry .ue-direct span { color: var(--ue-ink-3); }
#ue-enquiry .ue-direct a { color: var(--ue-ink); }
@media (max-width: 960px) { #ue-enquiry .ue-wrap { grid-template-columns: 1fr; gap: 40px; } }
@media (max-width: 560px) { #ue-enquiry { padding: 72px 0; } #ue-enquiry .ue-wrap { padding: 0 22px; } }

/* form card */
#ue-enquiry form { background: #fff; border: 1px solid var(--ue-line); border-radius: 14px; padding: 40px; display: grid; gap: 18px; }
@media (max-width: 560px) { #ue-enquiry form { padding: 24px; } }

/* what you receive */
#ue-enquiry .ue-get { background: var(--ue-sage-soft); border-radius: 10px; padding: 18px 20px; margin-bottom: 8px; }
#ue-enquiry .ue-get > b { display: block; color: var(--ue-sage-2); margin-bottom: 12px; }
#ue-enquiry .ue-get ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#ue-enquiry .ue-get li { display: flex; gap: 10px; align-items: flex-start; }
#ue-enquiry .ue-get svg { width: 26px; height: 26px; flex: none; color: var(--ue-sage); }
#ue-enquiry .ue-get strong { display: block; font-weight: 600; line-height: 1.3; }
#ue-enquiry .ue-get span { display: block; font-size: .9rem; color: var(--ue-ink-2); line-height: 1.4; margin-top: 2px; }
@media (max-width: 760px) { #ue-enquiry .ue-get ul { grid-template-columns: 1fr; gap: 12px; } }

/* stepper */
#ue-enquiry .ue-stepper { list-style: none; margin: 0 0 10px; padding: 0; display: flex; border-bottom: 1px solid var(--ue-line); }
#ue-enquiry .ue-stepper li { flex: 1; display: flex; align-items: center; gap: 10px; padding-bottom: 14px; font-size: .95rem; color: var(--ue-ink-3); border-bottom: 2px solid transparent; margin-bottom: -1px; }
#ue-enquiry .ue-stepper li span { width: 26px; height: 26px; border-radius: 50%; border: 1px solid #cfc6b8; display: grid; place-items: center; font-size: .85rem; flex: none; }
#ue-enquiry .ue-stepper li.on { color: var(--ue-ink); border-bottom-color: var(--ue-sage); }
#ue-enquiry .ue-stepper li.on span { background: var(--ue-sage); border-color: var(--ue-sage); color: #fff; }
#ue-enquiry .ue-stepper li.done span { background: var(--ue-sage-soft); border-color: var(--ue-sage-soft); color: var(--ue-sage-2); }
@media (max-width: 560px) { #ue-enquiry .ue-stepper li { font-size: 0; justify-content: center; } #ue-enquiry .ue-stepper li span { font-size: .85rem; } }

/* steps and fields */
#ue-enquiry fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: 18px; min-width: 0; }
#ue-enquiry fieldset[hidden] { display: none; }
#ue-enquiry legend.ue-title { font: 400 1.5rem/1.25 var(--ue-serif); padding: 0; margin-bottom: 4px; }
#ue-enquiry .ue-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
@media (max-width: 560px) { #ue-enquiry .ue-row { grid-template-columns: 1fr; } }
#ue-enquiry label, #ue-enquiry .ue-lbl { display: block; font-size: .95rem; font-weight: 500; color: var(--ue-ink-2); margin-bottom: 7px; }
#ue-enquiry label em, #ue-enquiry .ue-lbl em { font-style: normal; font-weight: 400; color: var(--ue-ink-3); }
#ue-enquiry input[type=text], #ue-enquiry input[type=email], #ue-enquiry input[type=tel], #ue-enquiry select, #ue-enquiry textarea {
  width: 100%; font: 400 1rem/1.4 var(--ue-sans); color: var(--ue-ink); background: var(--ue-paper); border: 1px solid var(--ue-line); border-radius: 8px; padding: 13px 14px; outline: none; }
#ue-enquiry input:focus, #ue-enquiry select:focus, #ue-enquiry textarea:focus { border-color: var(--ue-sage); background: #fff; }
#ue-enquiry input.bad, #ue-enquiry select.bad { border-color: #b3473a; background: #fdf6f4; }
#ue-enquiry .ue-msg { display: block; font-size: .88rem; color: var(--ue-err); margin-top: 6px; }
#ue-enquiry .ue-msg:empty { display: none; }
#ue-enquiry .ue-checks { display: flex; flex-wrap: wrap; gap: 8px; }
#ue-enquiry .ue-checks label { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 9px 14px; border: 1px solid var(--ue-line); border-radius: 8px; font-size: .95rem; font-weight: 400; color: var(--ue-ink); cursor: pointer; white-space: nowrap; }
#ue-enquiry .ue-checks input { width: 15px; height: 15px; margin: 0; accent-color: var(--ue-sage); }
#ue-enquiry .ue-chip { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid var(--ue-line); border-radius: 8px; background: #fff; font: 500 .95rem/1 var(--ue-sans); color: var(--ue-ink); cursor: pointer; }
#ue-enquiry .ue-chip i { width: 10px; height: 10px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
#ue-enquiry .ue-chip[aria-pressed=true] { background: var(--ue-sage); border-color: var(--ue-sage); color: #fff; }
#ue-enquiry .ue-other { margin-top: 10px; }
#ue-enquiry .ue-other[hidden] { display: none; }
#ue-enquiry .ue-other input { max-width: 360px; }
#ue-enquiry .ue-nav { display: flex; gap: 12px; justify-content: flex-end; padding-top: 6px; }
#ue-enquiry .ue-btn { display: inline-flex; align-items: center; padding: 15px 26px; border-radius: 999px; font: 500 .98rem/1 var(--ue-sans); text-decoration: none; cursor: pointer; border: 1px solid transparent; }
#ue-enquiry .ue-btn-primary { background: var(--ue-sage); color: #fff; }
#ue-enquiry .ue-btn-primary:hover { background: var(--ue-sage-2); }
#ue-enquiry .ue-btn-ghost { background: transparent; border-color: #cdc5b8; color: var(--ue-ink); }
#ue-enquiry .ue-summary { background: var(--ue-paper); border-radius: 10px; padding: 18px 20px; font-size: .98rem; }
#ue-enquiry .ue-summary b { display: block; margin-bottom: 8px; }
#ue-enquiry .ue-summary div { display: grid; grid-template-columns: 7.5rem 1fr; gap: 12px; padding: 6px 0; border-top: 1px solid var(--ue-line); }
#ue-enquiry .ue-summary div span:first-child { color: var(--ue-ink-3); }
#ue-enquiry .ue-summary button { margin-top: 10px; background: none; border: 0; padding: 0 0 2px; font: 500 .95rem var(--ue-sans); color: var(--ue-sage); border-bottom: 1px solid currentColor; cursor: pointer; }
#ue-enquiry .ue-next { font-size: .98rem; color: var(--ue-ink-2); }
#ue-enquiry .ue-next b { display: block; color: var(--ue-ink); margin-bottom: 6px; }
#ue-enquiry .ue-next ol { margin: 0; padding-left: 20px; }
#ue-enquiry .ue-err { color: var(--ue-err); font-size: .95rem; margin: 0; }
#ue-enquiry .ue-fine { font-size: .9rem; color: var(--ue-ink-3); margin: 0; text-align: right; }
#ue-enquiry .ue-fine a { color: var(--ue-ink-3); }

/* thank you */
#ue-enquiry .ue-sent { background: #fff; border: 1px solid var(--ue-line); border-radius: 14px; padding: 40px; outline: none; }
#ue-enquiry .ue-sent h3 { font: 400 1.5rem/1.25 var(--ue-serif); margin: 0 0 12px; }
#ue-enquiry .ue-sent p { color: var(--ue-ink-2); margin: 0; }
#ue-enquiry .ue-sent a { color: var(--ue-sage); }
#ue-enquiry [hidden] { display: none !important; }

/* floating button: bottom-right, sits left of a WhatsApp button if you have one */
.ue-float { position: fixed; right: 90px; bottom: 22px; z-index: 60; display: inline-flex; align-items: center; gap: 10px; padding: 14px 20px; border-radius: 999px; background: var(--ue-sage); color: #fff; font: 500 .95rem/1 var(--ue-sans); text-decoration: none; box-shadow: 0 0 0 2px #fff, 0 12px 28px -10px rgba(0,0,0,.45); transition: opacity .3s, transform .3s; }
.ue-float svg { width: 20px; height: 20px; }
.ue-float:hover, .ue-float:focus-visible { background: var(--ue-sage-2); color: #fff; }  /* host page's a:hover would otherwise recolour the text */
.ue-float.ue-hide { opacity: 0; transform: translateY(12px); pointer-events: none; }
@media (max-width: 560px) { .ue-float { right: 84px; bottom: 16px; padding: 12px 16px; font-size: .88rem; } .ue-float span { display: none; } .ue-float { padding: 14px; } }
/* phones: the fixed quote bar (style.css) replaces the floating pill */
@media (max-width: 760px) { .ue-float { display: none; } }
#ue-enquiry .ue-sent .ue-dl, #ue-enquiry .ue-sent .ue-dl:hover { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; color: #fff; text-decoration: none; }
#ue-enquiry .ue-dl svg { flex: none; }
#ue-enquiry .ue-note { margin: 12px 0 0; font-size: .9rem; color: var(--ue-ink-2); }
#ue-enquiry .ue-direct small { display: block; font-size: .8rem; color: var(--ue-ink-3); }
#ue-enquiry .ue-nav .ue-fine { margin: 0 0 0 14px; font-size: .85rem; color: var(--ue-ink-3); }
#ue-enquiry .ue-more { margin-top: 22px; padding: 18px 20px; border-radius: 10px; background: var(--ue-sage-soft); }
#ue-enquiry .ue-more b { display: block; color: var(--ue-sage-2); margin-bottom: 4px; }
#ue-enquiry .ue-more p { margin: 0 0 12px; color: var(--ue-ink-2); }
#ue-enquiry .ue-direct-after { margin: 18px 0 0; font-size: .92rem; color: var(--ue-ink-2); }
#ue-enquiry select:invalid { color: var(--ue-ink-2); }