/* Info pages polish (info + legal pages; theme colors only).
   Grounded in live HTML fetches (Nov 2): /about/ and /contact/
   open with dark navy inline-styled hero banners (deliberately NOT
   touched here); /support/ opens with a plain H1 + boxed paragraph.
   Legal pages share this typography treatment.
   Grounded in live HTML fetches (Nov 2): /about/ (Elementor 14747)
   and /contact/ (Elementor 15358) both open with dark navy hero
   banners in INLINE styles — those banners are deliberately NOT
   touched here. /support/ (Elementor 14748) opens with a plain H1 +
   boxed paragraph. All three render the .ef-crumbbar (already the
   theme's dark bar — untouched).
   This draft covers only: content typography rhythm, link color, and
   the Contact Form 7 form (standard CF7 classes; form markup below
   the fold was not re-read in the fetch — verify live). The Fast
   Plugin ticket UI classes on /support/ are NOT guessed here.
   Loaded on about/contact/support/licensing/refund-policy pages.
   Verify live on 7.5.4 after deploy. */

/* Content headings + links inside Elementor boxed sections. */
.e-con-boxed .e-con-inner h2,
.e-con-boxed .e-con-inner h3 {
  color: #1e293b;
  font-weight: 800;
}
.e-con-boxed .e-con-inner a {
  color: #6366f1;
}
.e-con-boxed .e-con-inner a:hover {
  color: #6d28d9;
}
.e-con-boxed .e-con-inner li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
}

/* Contact Form 7: rounded inputs, indigo focus, gradient submit. */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  width: 100%;
  padding: 0.8rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  font-size: 1rem;
  font-family: inherit;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.wpcf7-form input[type="submit"] {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #ffffff;
  border: none;
  font-weight: 600;
  padding: 0.9rem 2rem;
  border-radius: 999px;
  cursor: pointer;
}

/* Info pages: a paragraph block built as an Elementor atomic element
   (no boxed wrapper) spills past both viewport edges — seen on about
   (below the CTA) and contact (below the map). Box every such block to
   the content column like its siblings. No .elementor ancestor in the
   selector: on about the block is a direct child of <body>, outside the
   page container, so an .elementor-scoped selector never reaches it
   (that is why contact fixed but about did not). This stylesheet loads
   only on the info/legal pages, so the broad selector is safe here. */
.e-con.e-atomic-element {
  /* !important: Elementor's own/theme/runtime styles beat a plain rule
     on this block (5.9.57–5.9.59 all verified served yet still
     full-bleed on about). The strong form forces the column. */
  max-width: 1290px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box !important;
}