/* =========================================================
   WPQuickCare — WordPress integration bridge
   Makes FluentForms inherit the original .audit-card / form styling
   and smooths a few WP-specific wrappers. Loaded after theme-design.css.
   ========================================================= */

/* Let embedded FluentForm fields adopt the template's field styling */
.wpqc-embedded-form .ff-el-group { margin-bottom: 14px; }
.wpqc-embedded-form .ff-el-input--label label,
.wpqc-embedded-form .ff_form_instance label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-strong);
  margin-bottom: 6px;
}
.wpqc-embedded-form input[type="text"],
.wpqc-embedded-form input[type="email"],
.wpqc-embedded-form input[type="url"],
.wpqc-embedded-form input[type="tel"],
.wpqc-embedded-form input[type="search"],
.wpqc-embedded-form textarea,
.wpqc-embedded-form select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border-strong);
  border-radius: var(--r-md);
  background: var(--surface);
  font-size: 15px;
  color: var(--fg);
}
.wpqc-embedded-form input:focus,
.wpqc-embedded-form textarea:focus,
.wpqc-embedded-form select:focus {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
  border-color: var(--accent);
}
.wpqc-embedded-form textarea { min-height: 110px; resize: vertical; }

/* FluentForm submit button → template accent button */
.wpqc-embedded-form .ff-btn-submit,
.wpqc-embedded-form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 22px;
  border-radius: var(--r-md);
  background: var(--accent);
  color: var(--accent-on);
  font-weight: 600;
  font-size: 15px;
  border: 1px solid transparent;
  transition: background .15s var(--ease);
}
.wpqc-embedded-form .ff-btn-submit:hover,
.wpqc-embedded-form button[type="submit"]:hover { background: var(--accent-strong); }

/* WordPress core block alignment safety inside the template layout */
.wpqc-content > .alignfull { margin-inline: calc(50% - 50vw); }

/* Hide the admin bar offset glitch on sticky nav */
.admin-bar .site-nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-nav { top: 46px; } }

/* ---------- FluentForms bridge: style embedded forms to match the design ----------
   Applies wherever a FluentForm is embedded via [wpqc_form] / [fluentform]:
   the audit-card, contact .wpqc-embedded-form, footer newsletter, lead-magnet modal. */
.frm-fluent-form { margin: 0; }
.frm-fluent-form .ff-el-group { margin-bottom: 16px; }
.frm-fluent-form .ff-el-group:last-child { margin-bottom: 0; }
.frm-fluent-form .ff-el-input--label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg);
}
.frm-fluent-form .ff-el-form-control {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border-strong);
  border-radius: var(--r-md);
  background: var(--surface);
  font-size: 15px;
  color: var(--fg-strong);
  transition: border-color .15s, box-shadow .15s;
}
.frm-fluent-form .ff-el-form-control:focus {
  outline: 0;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}
.frm-fluent-form textarea.ff-el-form-control { min-height: 100px; resize: vertical; }
.frm-fluent-form .ff-btn,
.frm-fluent-form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--r-md);
  background: var(--accent);
  color: var(--accent-on);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background .15s var(--ease);
}
/* FluentForms ships a blue (#1a7efb) button via its own inline <style> on
   .wpf_has_custom_css — override with the theme accent (needs !important). */
.frm-fluent-form .ff-btn,
.frm-fluent-form .ff-btn-submit,
.frm-fluent-form .wpf_has_custom_css.ff-btn-submit,
.frm-fluent-form button[type="submit"] {
  background: var(--accent) !important;
  color: var(--accent-on) !important;
  border-color: var(--accent) !important;
}
.frm-fluent-form .ff-btn:hover,
.frm-fluent-form button[type="submit"]:hover {
  background: var(--accent-strong) !important;
  border-color: var(--accent-strong) !important;
}
.frm-fluent-form .ff-message-success,
.frm-fluent-form .ff_message_success { color: var(--accent-strong); font-weight: 600; }
/* Compact the footer newsletter embed (inline email + button) */
.footer-newsletter .ff-el-input--label { display: none; }
.footer-newsletter .ff-btn { width: auto; }
.footer-newsletter .ff-el-form-control { padding: 10px 12px; }

/* Dark-context embedded forms (site footer) — keep them readable on the dark footer,
   not white boxes. */
.site-footer .frm-fluent-form .ff-el-form-control {
  background: oklch(100% 0 0 / 0.06) !important;
  border-color: oklch(100% 0 0 / 0.18) !important;
  color: #fff !important;
}
.site-footer .frm-fluent-form .ff-el-form-control::placeholder { color: oklch(100% 0 0 / 0.5); }
.site-footer .frm-fluent-form .ff-el-input--label { color: oklch(100% 0 0 / 0.85); }
.site-footer .footer-newsletter .frm-fluent-form { margin: 0; }
.site-footer .footer-newsletter .ff-t-container { gap: 8px; }

/* Image avatars (testimonial-card media upload) — fill the circular avatar shape. */
img.avatar,
.avatar--img {
  object-fit: cover;
  display: inline-block;
}