/* Production polish for Framer-hosted Xpin site (xpin.ae).
   Prefer fixing in Framer when Site Settings Custom Code / Export are available. */

/* Hide Framer free-plan badge + floating "Edit Content" pencil bar */
a.__framer-badge,
.__framer-badge,
#__framer-editorbar-container,
#__framer-editorbar-button,
#__framer-editorbar-label,
[id^="__framer-editorbar"],
button[aria-labelledby="__framer-editorbar-label"],
[aria-label="Edit Framer Content"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  z-index: -1 !important;
}

/* Stuck Framer intro opacity:0 on eyebrows / section labels */
[data-framer-name] span[style*="opacity:0"],
[data-framer-name] span[style*="opacity: 0"],
p.framer-text span[style*="opacity:0"],
p.framer-text span[style*="opacity: 0"] {
  opacity: 1 !important;
}

.framer-0g834 .framer-pbg3ex-container p,
.framer-0g834 .framer-pbg3ex-container span,
.framer-s8ytxb .framer-pbg3ex-container p,
.framer-s8ytxb .framer-pbg3ex-container span,
.framer-0g834 .framer-1pzchcg,
.framer-s8ytxb .framer-1pzchcg {
  opacity: 1 !important;
}

/* Form labels: opacity only here — color is adaptive via JS classes */
p.framer-styles-preset-yne2n5,
.framer-form-text-input + p,
.framer-form-input-wrapper + p,
form p.framer-text {
  opacity: 1 !important;
}

/* Footer was clipped */
footer.framer-dr69pv,
footer.framer-dr69pv .framer-jzgkmd,
footer.framer-dr69pv .framer-ahryer,
footer.framer-dr69pv .framer-1wulid,
footer.framer-dr69pv .framer-jktjbn,
footer.framer-dr69pv .framer-1ahjai9,
footer.framer-dr69pv .framer-44qadz,
footer.framer-dr69pv .framer-wz6nl6 {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

footer.framer-dr69pv .framer-jzgkmd {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  column-gap: 48px !important;
  row-gap: 40px !important;
  padding-bottom: 12px !important;
}

footer.framer-dr69pv .framer-ahryer {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 720px !important;
  gap: 28px !important;
  min-width: 0 !important;
}

footer.framer-dr69pv .framer-1wulid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 32px 56px !important;
  width: 100% !important;
}

footer.framer-dr69pv .framer-jktjbn {
  flex: 0 1 200px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

footer.framer-dr69pv .framer-wz6nl6 {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

footer.framer-dr69pv .framer-1ahjai9 {
  flex: 1 1 280px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

footer.framer-dr69pv .framer-44qadz {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

footer.framer-dr69pv .framer-ink2or p,
footer.framer-dr69pv .framer-11g6orr p,
footer.framer-dr69pv .framer-1226crs > div:first-child p,
footer.framer-dr69pv .framer-1226crs p:first-of-type {
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  color: rgb(120, 120, 120) !important;
}

footer.framer-dr69pv .framer-1226crs {
  padding-top: 0 !important;
  overflow: visible !important;
}

footer.framer-dr69pv .framer-1226crs h3 {
  line-height: 1.2 !important;
  overflow: visible !important;
  padding-bottom: 2px !important;
}

footer.framer-dr69pv .framer-gibxqf {
  width: 100% !important;
  margin-top: 4px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

footer.framer-dr69pv .framer-gibxqf p {
  margin: 0 !important;
  color: rgb(120, 120, 120) !important;
}

/* ---- Adaptive eyebrow chip (JS toggles xpin-badge-on-light|dark on .framer-0g834) ----
   Specificity must beat Framer tokens; light/dark rules are equal weight. */

.framer-0g834.xpin-badge-on-light .framer-pbg3ex-container p,
.framer-0g834.xpin-badge-on-light .framer-pbg3ex-container span,
.framer-s8ytxb.xpin-badge-on-light .framer-pbg3ex-container p,
.framer-s8ytxb.xpin-badge-on-light .framer-pbg3ex-container span,
.xpin-badge-on-light.xpin-on-light,
.xpin-on-light {
  color: rgb(28, 28, 28) !important;
}

.framer-0g834.xpin-badge-on-light .framer-1dxeawk,
.framer-s8ytxb.xpin-badge-on-light .framer-1dxeawk {
  background-color: rgba(0, 0, 0, 0.06) !important;
}

.framer-0g834.xpin-badge-on-light .framer-1pzchcg,
.framer-s8ytxb.xpin-badge-on-light .framer-1pzchcg {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.framer-0g834.xpin-badge-on-dark .framer-pbg3ex-container p,
.framer-0g834.xpin-badge-on-dark .framer-pbg3ex-container span,
.framer-s8ytxb.xpin-badge-on-dark .framer-pbg3ex-container p,
.framer-s8ytxb.xpin-badge-on-dark .framer-pbg3ex-container span,
.xpin-badge-on-dark.xpin-on-dark,
.xpin-on-dark {
  color: rgba(255, 255, 255, 0.92) !important;
}

.framer-0g834.xpin-badge-on-dark .framer-1dxeawk,
.framer-s8ytxb.xpin-badge-on-dark .framer-1dxeawk {
  background-color: rgba(255, 255, 255, 0.14) !important;
}

.framer-0g834.xpin-badge-on-dark .framer-1pzchcg,
.framer-s8ytxb.xpin-badge-on-dark .framer-1pzchcg {
  background-color: rgba(255, 255, 255, 0.35) !important;
}

/* Form / muted presets when JS marks them */
p.framer-styles-preset-yne2n5.xpin-on-light,
.xpin-on-light.framer-styles-preset-yne2n5 {
  color: rgb(55, 55, 55) !important;
}
p.framer-styles-preset-yne2n5.xpin-on-dark,
.xpin-on-dark.framer-styles-preset-yne2n5 {
  color: rgba(255, 255, 255, 0.78) !important;
}