/* Filmed in Georgia — Enfold Child Theme Custom CSS
   Add this to Enfold Child Theme > style.css or Enfold > General Styling > Quick CSS.
   These styles provide reusable colors, typography, buttons, and rounded BOXED panels.
   They are intentionally scoped to .boxed / .BOXED and helper classes to avoid altering all Enfold pages.
*/

:root {
  --fig-bg: #17130f;
  --fig-fg: #eee9df;
  --fig-card: #211c17;
  --fig-primary: #b99a63;
  --fig-gold: #c3a044;
  --fig-gold-light: #ddc47a;
  --fig-muted: #a49a8a;
  --fig-border: #40372b;
  --fig-secondary: #2b231a;
}

/* Optional page-level class: add `fig-page` to the page's body class only if desired. */
.fig-page {
  background: var(--fig-bg);
  color: var(--fig-fg);
  font-family: Inter, Arial, sans-serif;
}
.fig-page h1,
.fig-page h2,
.fig-page h3,
.fig-page h4,
.fig-heading {
  font-family: "Playfair Display", Georgia, serif;
  line-height: 1.2;
  letter-spacing: -.025em;
}

/* Reusable rounded box. Supports both requested spellings: BOXED and boxed. */
.BOXED,
.boxed {
  box-sizing: border-box;
  padding: 28px;
  color: var(--fig-fg);
  background: var(--fig-card);
  border: 1px solid var(--fig-border);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .14);
}

.BOXED h1, .BOXED h2, .BOXED h3, .BOXED h4,
.boxed h1, .boxed h2, .boxed h3, .boxed h4 {
  color: var(--fig-fg);
  margin-top: 0;
}

.BOXED p, .boxed p { color: var(--fig-muted); }
.BOXED a, .boxed a { color: var(--fig-gold-light); text-decoration: none; }
.BOXED a:hover, .boxed a:hover { color: var(--fig-gold); }

/* Variations for feature cards and callouts */
.BOXED--gold, .boxed--gold {
  border-color: rgba(195, 160, 68, .6);
  background: linear-gradient(145deg, #2b231a, #211c17);
}
.BOXED--subtle, .boxed--subtle {
  background: var(--fig-secondary);
  box-shadow: none;
}
.BOXED--center, .boxed--center { text-align: center; }

/* Gold accent / eyebrow text */
.fig-eyebrow {
  color: var(--fig-gold-light);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .14em;
  line-height: 1.4;
  text-transform: uppercase;
}
.fig-muted { color: var(--fig-muted); }
.fig-divider { border: 0; border-top: 1px solid var(--fig-border); }

/* Button styles for Enfold buttons or links assigned these classes */
.fig-button,
a.fig-button,
.fig-button a,
.avia-button.fig-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  padding: 12px 21px;
  border: 1px solid var(--fig-border);
  border-radius: 5px;
  background: transparent;
  color: var(--fig-fg);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.fig-button:hover,
a.fig-button:hover,
.fig-button a:hover,
.avia-button.fig-button:hover {
  border-color: var(--fig-gold);
  color: var(--fig-gold-light);
}
.fig-button--gold,
a.fig-button--gold,
.avia-button.fig-button--gold {
  background: var(--fig-primary);
  border-color: var(--fig-primary);
  color: #1c1711;
}
.fig-button--gold:hover,
a.fig-button--gold:hover,
.avia-button.fig-button--gold:hover {
  background: #c8aa74;
  border-color: #c8aa74;
  color: #17130f;
}

/* Small gold line accent */
.fig-accent-line::after {
  content: "";
  display: block;
  width: 64px;
  height: 2px;
  margin-top: 14px;
  background: var(--fig-gold);
}
.fig-accent-line.fig-center::after { margin-left: auto; margin-right: auto; }

@media (max-width: 767px) {
  .BOXED, .boxed { padding: 20px; border-radius: 11px; }
  .fig-button, a.fig-button, .avia-button.fig-button { padding: 11px 16px; }
}