/* Rejuvena — global cinematic call-back form (.rj-cb), injected site-wide by
   rejuvena-footer.php just above the editorial footer on every page that lacks a
   dedicated body form. Self-contained: does NOT depend on rj-derm-cinematic.css,
   so it styles correctly on blog/legal/dermatology pages alike.
   Dark ink band + gold accents (cinematic), responsive mobile / tablet / desktop.
   NOTE: dermatology/service pages also load rj-derm-cinematic.css whose .rejuvena-form
   rules use !important — so the form rules below are scoped to `.rj-cb` (higher specificity)
   AND marked !important so they reliably win on every page type. */

.rj-cb{
  position:relative;
  background:
    radial-gradient(1200px 420px at 78% -10%, rgba(62,110,142,.30), transparent 60%),
    linear-gradient(168deg, #1B2A33 0%, #16242C 55%, #11202B 100%) !important;
  color:#F5F4F1;
  padding:clamp(56px,8vh,104px) 0 clamp(60px,9vh,112px);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  overflow:hidden;
}
.rj-cb *{ box-sizing:border-box }
.rj-cb::before{
  content:""; position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg, transparent, #C8A96B, transparent); opacity:.8;
}
.rj-cb__wrap{
  position:relative; z-index:1;
  max-width:720px; margin:0 auto; padding:0 24px; text-align:center;
}
@media(max-width:600px){ .rj-cb__wrap{ padding:0 20px } }

.rj-cb .rj-cb__eyebrow{
  display:inline-block; font-size:.7rem; letter-spacing:.28em; text-transform:uppercase;
  color:#C8A96B; margin-bottom:16px;
}
.rj-cb .rj-cb__head h2{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:500;
  font-size:clamp(1.9rem,4.4vw,3rem); line-height:1.08; letter-spacing:-.005em;
  color:#fff; margin:0 0 14px;
}
.rj-cb .rj-cb__head p{
  font-size:clamp(.96rem,1.2vw,1.06rem); line-height:1.6; font-weight:300;
  color:rgba(245,244,241,.74); max-width:48ch; margin:0 auto clamp(30px,4vh,42px);
}

/* ---- kill any inherited white card / shadow from theme or rj-derm-cinematic ---- */
.rj-cb .rj-cb__form,
.rj-cb #responsive-form,
.rj-cb .rejuvena-form,
.rj-cb form.wpcf7-form{
  background:transparent !important; box-shadow:none !important; border:0 !important;
  padding:0 !important; margin:0 !important; max-width:none !important; width:100% !important;
  text-align:left !important;
}

/* ---- form layout (CF7 .rejuvena-form .form-row / .column-full / .column-half) ---- */
.rj-cb .rejuvena-form .form-row{
  display:flex !important; flex-wrap:wrap !important; gap:16px !important;
  margin:0 0 16px !important; width:100% !important; float:none !important;
}
.rj-cb .rejuvena-form .form-row:last-child{ margin-bottom:0 !important }
.rj-cb .rejuvena-form .column-full{ flex:1 1 100% !important; width:100% !important; min-width:0 !important; max-width:100% !important; float:none !important; padding:0 !important }
.rj-cb .rejuvena-form .column-half{ flex:1 1 calc(50% - 8px) !important; width:auto !important; min-width:0 !important; max-width:100% !important; float:none !important; padding:0 !important }
@media(max-width:600px){ .rj-cb .rejuvena-form .column-half{ flex:1 1 100% !important } }

.rj-cb .rejuvena-form label{
  display:block !important; font-size:.74rem !important; letter-spacing:.12em !important;
  text-transform:uppercase !important; color:rgba(245,244,241,.62) !important; margin:0 0 8px !important;
}
.rj-cb .rejuvena-form .wpcf7-form-control-wrap{ display:block !important; width:100% !important; margin:0 !important }

.rj-cb .rejuvena-form input,
.rj-cb .rejuvena-form select,
.rj-cb .rejuvena-form textarea{
  width:100% !important; max-width:none !important; min-width:0 !important; float:none !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(245,244,241,.18) !important;
  border-radius:4px !important;
  color:#F5F4F1 !important; font-family:'Inter',sans-serif !important; font-size:1rem !important; line-height:1.3 !important;
  padding:14px 16px !important; height:auto !important; margin:0 !important;
  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease;
  -webkit-appearance:none !important; appearance:none !important;
}
.rj-cb .rejuvena-form select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23C8A96B' d='M6 8 0 0h12z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 16px center !important; padding-right:40px !important; cursor:pointer;
}
.rj-cb .rejuvena-form select option{ color:#1B2A33; background:#fff }
.rj-cb .rejuvena-form input::placeholder,
.rj-cb .rejuvena-form textarea::placeholder{ color:rgba(245,244,241,.45) }
.rj-cb .rejuvena-form input:focus,
.rj-cb .rejuvena-form select:focus,
.rj-cb .rejuvena-form textarea:focus{
  outline:none; border-color:#C8A96B !important; background:rgba(255,255,255,.10) !important;
  box-shadow:0 0 0 3px rgba(200,169,107,.18) !important;
}

/* submit */
.rj-cb .rejuvena-form .wpcf7-submit,
.rj-cb .rejuvena-form input[type=submit]{
  width:100% !important; max-width:none !important; cursor:pointer;
  background:#C8A96B !important; color:#1B2A33 !important;
  border:1px solid #C8A96B !important; border-radius:4px !important;
  font-family:'Inter',sans-serif !important; font-weight:600 !important; font-size:.82rem !important;
  letter-spacing:.14em !important; text-transform:uppercase !important;
  padding:17px 24px !important; margin-top:4px !important; height:auto !important;
  transition:background .25s ease, color .25s ease, transform .2s ease;
}
.rj-cb .rejuvena-form .wpcf7-submit:hover,
.rj-cb .rejuvena-form input[type=submit]:hover{ background:#fff !important; border-color:#fff !important; transform:translateY(-1px) }

/* CF7 response / validation messaging */
.rj-cb .wpcf7-response-output{
  margin:18px 0 0 !important; border-radius:4px; padding:12px 16px !important;
  font-size:.88rem; color:#F5F4F1; border-color:rgba(200,169,107,.5) !important;
}
.rj-cb .wpcf7-not-valid-tip{ color:#ffb4a8 !important; font-size:.78rem; letter-spacing:.02em }
.rj-cb .rejuvena-form .wpcf7-not-valid{ border-color:#e88b7d !important }
.rj-cb .wpcf7-spinner{ margin:0 auto }

/* CTA breathing room 20260614 */
.rj-cb__form .wpcf7 input[type=submit]{ margin-top:24px }
.rjc-cta{ margin-top:24px }