/*
 * Probate landing — polish (2026-10-27).
 * Enqueued only on the Probate Landing template, after bk-landing.css,
 * probate-landing.css and the theme stylesheet (see lib/probate-landing.php),
 * so no other page is affected. The form drop-downs are handled separately
 * by the forms-fix work (#44) and are not touched here.
 */

/* --- A. Hero: aligned to the page column, photo in the empty right half ---
   The hero text block had no container, so it sat against the left edge
   of the screen while everything below sat in the 1240px column. It now
   shares that column. With a photo (.has-photo) the text sits left and the
   photo right; the people in the photo look left, toward the headline. */
.pb-landing .pb-hero .bk-hero__block {
  max-width: 1192px;
  margin-left: auto;
  margin-right: auto;
}

.pb-landing .pb-hero__top.has-photo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 480px);
  gap: 48px;
  align-items: center;
}

.pb-landing .pb-hero__photo {
  margin: 0;
}

.pb-landing .pb-hero__img,
.pb-landing .pb-bridge__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 18px;
}

.pb-landing .pb-hero .bk-row {
  max-width: 1192px;
  margin-top: 32px;
}

@media (max-width: 960px) {
  .pb-landing .pb-hero__top.has-photo {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* --- B. Consultation form: labels and phone ------------------------------
   Labels sat on top of their boxes (the theme's floating-label styles) and
   the phone field showed Gravity Forms' country picker below the box.
   Labels now sit above each box, "(Required)" is spaced and muted, and the
   phone is one plain box (the picker defaults to the US, +1, and is
   hidden; Gravity Forms still saves the +1). The .gravity-theme class keeps
   these above Gravity Forms' basic.min.css, which loads later. */
.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .gfield_label,
.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .gform-field-label:not(.gform-field-label--type-sub) {
  position: static;
  display: block;
  transform: none;
  margin: 0 0 6px;
  padding: 0;
  font-family: var(--bk-font-headings);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--bk-ink);
}

.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .gfield_required {
  margin-left: 4px;
  font-weight: 400;
  color: var(--bk-muted);
}

.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .gfield {
  margin: 0 0 18px;
  padding: 0;
}

.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .ginput_container {
  margin: 0;
}

.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .ginput_container input {
  margin: 0;
}

.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .ginput_country-selector_container,
.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .gform-phone__dropdown,
.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .ginput_phone_container .gform-field-label--type-sub {
  display: none;
}

.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .gform-phone__input-wrapper,
.bk-landing.pb-landing .bk-form-card .gform_wrapper.gravity-theme .ginput_phone_container {
  display: block;
  width: 100%;
}

/* --- C. Section widths: two columns only ---------------------------------
   Wide sections (hero, deadlines, bridge) use the 1240px column; reading
   sections (FAQ, closing band) use the centered 820px column. The bridge
   band was 760px, so its left edge matched nothing else on the page. */
.pb-landing .pb-bridge__container {
  max-width: 820px;
}

.pb-landing .pb-bridge__container.has-photo {
  max-width: 1240px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 440px);
  gap: 48px;
  align-items: center;
}

.pb-landing .pb-bridge__photo {
  margin: 0;
}

@media (max-width: 860px) {
  .pb-landing .pb-bridge__container.has-photo {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .pb-landing .pb-bridge__photo {
    order: -1;
  }
}

/* --- D. Match the site's navy and type in the header and footer --------
   The page's dark surfaces (progress card, closing band) use the site's
   header-strip and footer navy (#002241); text color is unchanged. Header
   and footer text use the page's typefaces. Scoped to this template. */
.bk-landing.pb-landing {
  --bk-navy: #002241;
  --bk-navy-rule: #29496A;
}

.page-template-template-probate-landing .footer,
.page-template-template-probate-landing .footer p,
.page-template-template-probate-landing .footer a,
.page-template-template-probate-landing .footer li,
.page-template-template-probate-landing .footer h2,
.page-template-template-probate-landing .footer h3,
.page-template-template-probate-landing .footer h4,
.page-template-template-probate-landing .footer h5,
.page-template-template-probate-landing .footer input,
.page-template-template-probate-landing .footer label,
.page-template-template-probate-landing .footer .gfield_label,
.page-template-template-probate-landing .navbar .aux-nav {
  font-family: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;
}

/* --- E. Header logo: crisper and darker (same as the estate page) ------- */
.page-template-template-probate-landing .navbar .nav-logo:not(.is-open),
.page-template-template-probate-landing .navbar .mobile-nav-logo:not(.is-open) {
  background-color: #1C2A39;
  -webkit-mask: url("/wp-content/uploads/2021/11/mack-footer.png") center / contain no-repeat;
  mask: url("/wp-content/uploads/2021/11/mack-footer.png") center / contain no-repeat;
}

.page-template-template-probate-landing .navbar .nav-logo:not(.is-open) img,
.page-template-template-probate-landing .navbar .mobile-nav-logo:not(.is-open) img {
  opacity: 0;
}

/* --- F. Phones ------------------------------------------------------------ */
@media (max-width: 640px) {
  .pb-landing .pb-hero__img,
  .pb-landing .pb-bridge__img {
    border-radius: 14px;
  }
}