/* Auto-generated from live /contact-us inline <style> blocks (head). */

/* ===== block 1: WhatsApp form / select2 styling + responsive ===== */
body {
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

.whatsapp-chat-sticky .div-block-107 {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  scrollbar-width: thin;
}

.whatsapp-chat-sticky .wa-chat-header.cursor-pointer {
  cursor: pointer;
}

#wf-form-WhatsApp-Form .whatsapp-select-field {
  appearance: none;
}

#wf-form-WhatsApp-Form .whatsapp-select-field.budget option:disabled {
  color: #969bab;
}

#wf-form-WhatsApp-Form .select2-container {
  width: 100% !important;
  margin-bottom: 10px;
}

#wf-form-WhatsApp-Form .select2-container .select2-search textarea {
  font-family: 'Roboto';
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0 12px;
}

#wf-form-WhatsApp-Form .select2-selection {
  border-radius: 10px;
  border: 1px solid #ccc;
  background-image: url("/cdn/5d8a2887296e9177accb65bc/62bab3f0b589af3f467826c7_chevron-down.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 96% 50%;
}

#wf-form-WhatsApp-Form .select2-selection__choice {
  border-radius: 10px !important;
}

#wf-form-WhatsApp-Form .select2-container--focus .select2-selection {
  border-color: #3898ec;
}

#wf-form-WhatsApp-Form ul,
#select2-waFormServices-results,
#select2-waFormReferrer-results {
  font-size: 14px;
}

#wf-form-WhatsApp-Form .whatsapp-form-field.error,
#wf-form-WhatsApp-Form .whatsapp-select-field.error ~ .select2-container {
    margin-bottom: 2px;
}

#wf-form-WhatsApp-Form label.error {
  font-size: 11px;
  font-weight: normal;
  color: #f00;
}

#wf-form-WhatsApp-Form textarea.whatsapp-form-field-message {
  resize: none;
  height: 120px;
}

#wf-form-WhatsApp-Form .wa-form-prev-button,
#wf-form-WhatsApp-Form .wa-form-next-button {
  display: none;
}

#wf-form-WhatsApp-Form .wa-form-prev-button.disabled {
  color: #969bab;
  background-color: #e0e1e6;
  border-width: 0;
}

@media (max-height: 900px) {
  .left-menu-dark-side .nav-link .text-block-33 {
    font-size: 36px;
  }
  .left-menu-dark-side .nav-link.small .text-block-33 {
    font-size: 32px;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .container, .container-1641 {
    max-width: 910px;
  }
}

@media (min-width: 1920px) {
  #wf-form-WhatsApp-Form .select2-container .select2-search textarea {
    margin: 0 0 7px 0;
  }
}

/* ===== block 2: anti-flicker snippet ===== */
.async-hide { opacity: 0 !important }

/* ===== block 3: contact form layout + lead-form option states ===== */
body {
  position: relative;
  display: flex;
  flex-direction: column;
}
.rv-contact-form-section {
  flex-grow: 1;
}

#wf-form-Contact-Lead-Form label.error {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #f00;
}

#wf-form-Contact-Lead-Form .rv-contact-option-item {
  margin-top: 1px;
  margin-bottom: 1px;
}

#wf-form-Contact-Lead-Form .rv-contact-options.have .rv-contact-option-item:last-child {
  margin-bottom: 0;
}
#wf-form-Contact-Lead-Form .rv-contact-option-item .rv-contact-option-checked {
  display: none;
}
#wf-form-Contact-Lead-Form .rv-contact-option-item.active {
  border: 2px solid #00afaa;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 0;
}
#wf-form-Contact-Lead-Form .rv-contact-option-item.active .rv-contact-option-checked {
  display: block;
}
#wf-form-Contact-Lead-Form .rv-contact-option-item.active .rv-text {
  color: #00afaa;
  font-weight: 700;
}
#wf-form-Contact-Lead-Form select {
  appearance: none;
}

/*
.rv-contact-form-loading,
.rv-contact-form-failed {
  opacity: 0;
}
.rv-contact-form-loading.show,
.rv-contact-form-failed.show {
  opacity: 1;
}
*/

@media (max-width: 479px) {
#wf-form-Contact-Lead-Form .rv-contact-option-item {
  margin-bottom: 31px;
}
#wf-form-Contact-Lead-Form .rv-contact-option-item.active {
  margin-bottom: 30px;
}
}

/* ===== page chrome overrides (rebuild-only) =====
   Live /contact-us uses MINIMAL chrome: a logo-only header, a plain footer,
   and no WhatsApp widget. Our root layout renders the shared full navbar,
   the "Let's Talk!" partnership CTA, and the WhatsApp sticky on every route,
   so suppress them HERE only.
   Guarded by body:has(.rv-contact-us-header) — this stylesheet is hoisted
   into <head> with precedence and persists across client-side navigation, so
   the guard ensures these display:none rules never leak onto other routes
   (no other page renders .rv-contact-us-header). */
body:has(.rv-contact-us-header) .rv-main-navbar { display: none !important; }
body:has(.rv-contact-us-header) .whatsapp-chat-sticky { display: none !important; }
/* Footer: live shows ONLY the compact .rv-footer bar (logo + copyright +
   socials). Suppress the "Let's Talk!" CTA and the office/skyline address
   block; keep .rv-footer. */
body:has(.rv-contact-us-header) .rv-partnership { display: none !important; }
body:has(.rv-contact-us-header) .rv-footer-address { display: none !important; }

/* The old anti-flash rules (hide steps 2/3 + prev/submit until the late jQuery
   ran) are gone: the form is a React state machine now (ContactFormSection.tsx)
   that renders the correct step + buttons on first paint, controlling
   visibility inline. No flash, no late JS to guard against. */