/*
Theme Name: FT Flatsome Child
Theme URI: https://francescotamburrino.it/
Description: Child theme custom per Francesco Tamburrino, basato su Flatsome.
Author: Francesco Tamburrino
Template: flatsome
Version: 0.4.0
Text Domain: ft-flatsome-child
*/

:root {
  --ft-navy: #0F1B2E;
  --ft-coral: #FF5A5F;
  --ft-slate: #3A4454;
  --ft-offwhite: #F2F4F7;
  --ft-white: #FFFFFF;
  --ft-radius-sm: 12px;
  --ft-radius-md: 20px;
  --ft-radius-lg: 32px;
  --ft-shadow-soft: 0 20px 60px rgba(15, 27, 46, 0.10);
  --ft-space-section: clamp(72px, 9vw, 140px);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--ft-offwhite);
  color: var(--ft-navy);
}

.ft-section {
  padding-block: var(--ft-space-section);
}

.ft-eyebrow {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ft-coral);
}

.ft-display {
  font-size: clamp(3rem, 8vw, 8rem);
  line-height: 0.92;
  letter-spacing: -0.055em;
}

.ft-card {
  border-radius: var(--ft-radius-md);
  box-shadow: var(--ft-shadow-soft);
  overflow: hidden;
}

.ft-accent {
  color: var(--ft-coral);
}

/* Keyboard accessibility */
a:focus-visible,
button:focus-visible,
.button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--ft-coral);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* UX Builder-native pages */
.ft-builder-page > .section:first-child,
.ft-builder-page > .section:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.ft-builder-page .ft-builder-row {
  max-width: none;
}