/* Phillips360 Modern V2.012 — assets/css/legacy/compatibility.css
   Modify component values here; global colors, type, spacing, radii, and motion live in foundation/tokens.css. */

/* Legacy inner-page modernization ---------------------------------------- */
body.p360-site main[role="main"] > section:not(.p360-section):not(.p360-clients) { max-width: var(--p360-max); margin-inline: auto; padding: var(--p360-space-3) var(--p360-gutter); }
body.p360-site .inner_page_bg { display: none; }
body.p360-site .btn_primary a { border-radius: 99px; }
body.p360-site .portfolio_single_wrap, body.p360-site .blog_single_wrap { border-radius: var(--p360-radius-sm); }
body.p360-site .footer_section.main_div { background: transparent; }


/* V2.012 retained-form contrast repair ------------------------------------ */
/**
 * Some legacy Contact Form 7 markup still uses .footer_form .form-control.
 * Keep this aligned with the modern contact field system so an inner template
 * cannot reintroduce light placeholder text on a light background.
 */
body.p360-site .footer_form .form-control {
  min-height: 56px;
  padding: 14px 16px;
  border: 1px solid rgba(8,17,26,.22);
  border-radius: 12px;
  background: #fff;
  color: var(--p360-ink) !important;
  caret-color: var(--p360-ink);
}
body.p360-site .footer_form .form-control::placeholder,
body.p360-site .footer_form .form-control::-webkit-input-placeholder,
body.p360-site .footer_form .form-control:-ms-input-placeholder {
  color: rgba(8,17,26,.68) !important;
  opacity: 1 !important;
}
body.p360-site .footer_form .form-control:focus {
  border-color: var(--p360-accent);
  box-shadow: 0 0 0 4px rgba(255,93,58,.13);
}

/* V2.012 inner-page heading hierarchy ------------------------------------- */
/**
 * The global inner hero owns the single page-level H1. Repeated titles inside
 * retained templates use this H2 class so visual hierarchy remains strong
 * without creating duplicate H1 elements for search engines or screen readers.
 */
body.p360-site .p360-content-section { margin-block: 0; }
body.p360-site .p360-content-title {
  margin: 0 0 clamp(28px, 4vw, 56px);
  color: var(--p360-ink);
  font-family: var(--p360-font-display);
  font-size: clamp(2rem, 4.5vw, 4.8rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1;
  text-wrap: balance;
}
body.p360-site .p360-content-title a { text-decoration: none; }

/* V2.012 responsive media in retained templates --------------------------- */
body.p360-site .image-setting .p360-blog-featured-image {
  display: block;
  width: min(100%, 640px);
  height: auto;
  margin-inline: auto;
  object-fit: cover;
}

/* Retained testimonial media — V2.012
 * Real image elements replace background-image-only avatars so WordPress can
 * provide intrinsic dimensions and responsive source candidates.
 */
.testimonials_section .profile_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}