/*
Theme Name: Family Legacy Financial Solutions
Theme URI: https://familylegacyfinancial.com
Author: Family Legacy Financial Solutions
Author URI: https://familylegacyfinancial.com
Description: High-conversion, pixel-perfect WordPress theme for Family Legacy Financial Solutions. Fully compatible with Elementor and Elementor Pro, featuring custom headers, footers, responsive typography, and dedicated financial service sections.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: family-legacy
Tags: financial, business, elementor, responsive-layout, custom-header, custom-menu, full-width-template
*/

:root {
  --fl-orange: #F15A24;
  --fl-orange-hover: #DE4C17;
  --fl-orange-light: #FFF7ED;
  --fl-dark: #0C141C;
  --fl-dark-card: #141E28;
  --fl-text-dark: #111827;
  --fl-text-muted: #64748B;
  --fl-border: #E2E8F0;
  --fl-font-serif: 'Playfair Display', Georgia, serif;
  --fl-font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --fl-font-script: 'Caveat', cursive;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--fl-font-sans);
  color: var(--fl-text-dark);
  background-color: #ffffff;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .serif-heading {
  font-family: var(--fl-font-serif);
  letter-spacing: -0.02em;
}

.script-text {
  font-family: var(--fl-font-script);
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--fl-orange);
  color: #ffffff;
  padding: 0.75rem 1.75rem;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.15s ease;
  border: none;
  cursor: pointer;
}

.btn-primary:hover {
  background-color: var(--fl-orange-hover);
  color: #ffffff;
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: transparent;
  color: var(--fl-orange);
  border: 1.5px solid var(--fl-orange);
  padding: 0.65rem 1.5rem;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}

.btn-outline:hover {
  background-color: var(--fl-orange);
  color: #ffffff;
}

/* Elementor container overrides for seamless alignment */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1240px;
}