/* =========================================================
   SKYLEAF BASE
========================================================= */
html, body,
.wp-site-blocks,
header, main, footer,
.wp-block-template-part,
.wp-block-group, .wp-block-cover{
  background-color: #10161f !important;
}

/* Base font everywhere (front + editor) */
body, body * ,
.editor-styles-wrapper, .editor-styles-wrapper *{
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =========================================================
   HEADER: site title "SKYLEAF PARTNERS" (stable, readable)
========================================================= */
header .wp-block-site-title,
header .wp-block-site-title a,
header .wp-site-title,
header .wp-site-title a{
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 170 !important;
  font-weight: 170 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  color: rgba(182,175,163,0.90) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}
@media (max-width: 768px){
  header .wp-block-site-title,
  header .wp-block-site-title a,
  header .wp-site-title,
  header .wp-site-title a{
    font-size: 13px !important;
  }
}

/* =========================================================
   HERO LOGO: "SKYLEAF" + "FAMILY OFFICE"
   Works for blocks having class hero-logo OR skyleaf-logo
========================================================= */
.hero-logo :is(h1,h2,h3,.wp-block-heading),
.skyleaf-logo :is(h1,h2,h3,.wp-block-heading),
.editor-styles-wrapper .hero-logo :is(h1,h2,h3,.wp-block-heading),
.editor-styles-wrapper .skyleaf-logo :is(h1,h2,h3,.wp-block-heading){
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 100 !important;
  font-weight: 100 !important;
  letter-spacing: 2px !important;
  color: #b6afa3 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

.hero-logo :is(h3,p,.wp-block-paragraph),
.skyleaf-logo :is(h3,p,.wp-block-paragraph),
.editor-styles-wrapper .hero-logo :is(h3,p,.wp-block-paragraph),
.editor-styles-wrapper .skyleaf-logo :is(h3,p,.wp-block-paragraph){
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 190 !important;
  font-weight: 190 !important;
  font-size: clamp(14px, 0.9rem + 0.35vw, 20px) !important;
  letter-spacing: 6px !important;
  color: rgba(244,241,235,0.82) !important;
  margin-top: 10px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* If logo is a link: remove underline everywhere */
.hero-logo a, .skyleaf-logo a,
.editor-styles-wrapper .hero-logo a,
.editor-styles-wrapper .skyleaf-logo a{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   HERO VIDEO
========================================================= */
.wp-block-video video{
  width: 100%;
  height: 520px;
  object-fit: cover;
  display: block;
}
@media (max-width: 1024px){
  .wp-block-video video{ height: 420px; }
}
@media (max-width: 768px){
  .wp-block-video video{ height: 320px; }
}

/* =========================================================
   TEXT UNDER VIDEO
========================================================= */
.hero-copy{
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 120px 70px;
}
.hero-copy .wp-block-paragraph{
  padding: 0 !important;
}
.hero-copy p{
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 100 !important;
  font-weight: 100 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
.hero-copy p:first-child{
  font-size: clamp(16px, 1rem + 0.6vw, 26px) !important;
}
.hero-copy p:last-of-type{
  font-size: clamp(13px, 0.85rem + 0.25vw, 17px) !important;
  opacity: 0.85 !important;
  margin-top: 14px !important;
  font-variation-settings: "wght" 180 !important;
  font-weight: 180 !important;
  letter-spacing: 0.02em !important;
}
@media (max-width: 1024px){
  .hero-copy{ padding-left: 64px; padding-right: 64px; }
}
@media (max-width: 768px){
  .hero-copy{ padding: 42px 22px 52px; }
  .hero-copy p:first-child{
    font-size: clamp(15px, 0.95rem + 0.35vw, 20px) !important;
  }
}

/* =========================================================
   NAV PILL (Private Inquiry)
========================================================= */
.nav-premium a{
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 160 !important;
  font-weight: 160 !important;
  letter-spacing: 0.02em !important;
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid rgba(244,241,235,0.28);
  border-radius: 999px;
  text-decoration: none !important;
}
.nav-premium a:hover{
  border-color: rgba(244,241,235,0.55);
}

/* =========================================================
   CONTACT HERO (title + separators) front + editor
   Uses your structure: .contact-hero-title-row + separators + H1
========================================================= */
.contact-hero-title-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin: 0 auto 14px;
  max-width: 1100px;
}

.contact-hero-title-row h1,
.contact-hero-title-row .contact-hero{
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 120 !important;
  font-weight: 120 !important;
  letter-spacing: 0.04em !important;
  color: #b6afa3 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  font-size: clamp(44px, 5.4vw, 86px) !important;
}

/* Force separators visible on front (themes sometimes hide separators) */
.contact-hero-title-row hr,
.contact-hero-title-row .wp-block-separator,
.contact-hero-title-row .contact-hero-line{
  display: block !important;
  flex: 0 0 auto;
  width: min(180px, 22vw);
  height: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(182,175,163,0.32) !important;
  margin: 0 !important;
  opacity: 1 !important;
  background: transparent !important;
}

.contact-hero-sub{
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 240 !important;
  font-weight: 240 !important;
  color: rgba(244,241,235,0.90) !important;
}

@media (max-width: 768px){
  .contact-hero-title-row{ gap: 16px; }
  .contact-hero-title-row hr,
  .contact-hero-title-row .wp-block-separator,
  .contact-hero-title-row .contact-hero-line{
    width: min(90px, 26vw);
  }
  .contact-hero-title-row h1,
  .contact-hero-title-row .contact-hero{
    white-space: normal !important;
    font-size: clamp(34px, 10vw, 52px) !important;
  }
}

/* =========================================================
   CONTACT FORM (Fluent Forms) premium look
   Targets form id 3 but also stays safe if wrapper exists
========================================================= */
#fluentform_3{
  max-width: 760px;
  margin: 26px auto 0;
  padding: 0 24px;
}

#fluentform_3 .ff-el-group{ margin-bottom: 14px; }

#fluentform_3 input,
#fluentform_3 textarea{
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 230 !important;
  font-weight: 230 !important;
  background: transparent !important;
  color: rgba(244,241,235,0.88) !important;
  border: 1px solid rgba(182,175,163,0.38) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
}
#fluentform_3 textarea{
  min-height: 140px;
  resize: vertical;
}
#fluentform_3 input::placeholder,
#fluentform_3 textarea::placeholder{
  color: rgba(182,175,163,0.55) !important;
}
#fluentform_3 input:focus,
#fluentform_3 textarea:focus{
  outline: none !important;
  border-color: rgba(182,175,163,0.70) !important;
}

#fluentform_3 .ff_submit_btn_wrapper{
  display: flex;
  justify-content: flex-start;
  margin-top: 18px;
}
#fluentform_3 button.ff-btn-submit{
  font-family: "deuterium-variable","Deuterium Variable",sans-serif !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 260 !important;
  font-weight: 260 !important;
  background: transparent !important;
  color: rgba(182,175,163,0.95) !important;
  border: 1px solid rgba(182,175,163,0.55) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
#fluentform_3 button.ff-btn-submit:hover{
  background: rgba(182,175,163,0.08) !important;
}

@media (max-width: 768px){
  #fluentform_3{ padding: 0 18px; }
  #fluentform_3 .ff_submit_btn_wrapper{ justify-content: center; }
}
/* FOOTER: bouton "Private Inquiry" lisible + pas de faux-gras */
.footer-premium .wp-block-button__link,
footer .wp-block-button__link{
  font-family: var(--wp--preset--font-family--deuterium-variable, "deuterium-variable", sans-serif) !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  font-variation-settings: "wght" 160 !important;
  font-weight: 160 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  background: transparent !important;
  color: rgba(244,241,235,0.92) !important;
  border: 1px solid rgba(244,241,235,0.28) !important;
  border-radius: 999px !important;

  box-shadow: none !important;
  text-decoration: none !important;
}

/* Hover */
.footer-premium .wp-block-button__link:hover,
footer .wp-block-button__link:hover{
  border-color: rgba(244,241,235,0.55) !important;
  background: rgba(244,241,235,0.06) !important;
}

/* Si le texte est en "gras" via mise en forme dans le bloc */
.footer-premium .wp-block-button__link strong,
.footer-premium .wp-block-button__link b,
footer .wp-block-button__link strong,
footer .wp-block-button__link b{
  font-weight: inherit !important;
}