/* Floor Design 2026 — sistema visivo delle pagine nuove */

:root{
  --fd-ink:#1b1b1b;
  --fd-muted:#6d6a66;
  --fd-line:#e4ded6;
  --fd-sand:#f6f3ef;
  --fd-accent:#8a7355;
}

/* ---------- occhiello ---------- */
p.fd-eye{
  text-transform:uppercase; letter-spacing:.2em; font-size:11px; font-weight:600;
  color:var(--fd-accent); margin:0 0 18px; line-height:1.4;
}
p.fd-eye:before{
  content:""; display:inline-block; width:28px; height:1px;
  background:var(--fd-accent); vertical-align:middle; margin-right:13px;
}
.fd-center p.fd-eye:before{display:none}

/* ---------- titoli e testo ---------- */
.fd-h h2{
  font-size:42px; line-height:1.12; font-weight:500; letter-spacing:-.022em;
  color:var(--fd-ink); margin:0 0 22px; padding-bottom:0;
}
.fd-body p{color:var(--fd-muted); font-size:17px; line-height:1.85; padding-bottom:0}
.fd-body p+p{margin-top:16px}
.fd-lead p{font-size:20px; line-height:1.8; color:#4a4744; padding-bottom:0}

/* ---------- apertura ---------- */
.fd-hero{position:relative; overflow:hidden}
.fd-hero:before{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(15,13,11,.22) 0%,rgba(15,13,11,.44) 55%,rgba(15,13,11,.74) 100%);
}
.fd-hero.fd-hero-plain:before{display:none}
.fd-hero>.et_pb_row{position:relative; z-index:2}
.fd-hero h1{
  font-size:64px; line-height:1.04; font-weight:500; letter-spacing:-.028em;
  margin:0 0 18px; padding-bottom:0;
}
.fd-kicker{
  display:block; text-transform:uppercase; letter-spacing:.26em; font-size:11px;
  font-weight:600; opacity:.8; margin-bottom:24px;
}

/* ---------- fotografie ---------- */
.fd-img .et_pb_image_wrap{
  border-radius:3px; overflow:hidden; display:block;
  box-shadow:0 36px 68px -36px rgba(20,16,12,.58);
}
.fd-img img{width:100%; display:block; transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.fd-img:hover img{transform:scale(1.04)}
.fd-row-mid{display:flex; align-items:center; flex-wrap:wrap}
.fd-row-mid>.et_pb_column{float:none}
@media(max-width:980px){.fd-row-mid{display:block}}

/* ---------- elenchi ---------- */
.fd-list ul{list-style:none; padding:0; margin:0; columns:2; column-gap:52px}
.fd-list li{
  position:relative; padding:14px 0 14px 28px; margin:0;
  border-bottom:1px solid var(--fd-line); color:var(--fd-muted);
  font-size:16px; line-height:1.6; break-inside:avoid;
}
.fd-list li:before{
  content:""; position:absolute; left:0; top:23px;
  width:13px; height:1px; background:var(--fd-accent);
}

/* ---------- marchi ---------- */
.fd-brands{display:grid; grid-template-columns:repeat(2,1fr); gap:36px 52px; text-align:left}
.fd-brand-group{border-top:1px solid var(--fd-line); padding-top:22px}
.fd-brand-label{
  display:block; font-size:11px; text-transform:uppercase; letter-spacing:.18em;
  color:var(--fd-accent); font-weight:600; margin-bottom:16px;
}
.fd-brand-list{display:flex; flex-wrap:wrap; gap:9px}
.fd-brand{
  display:inline-block; padding:11px 19px; background:#fff;
  border:1px solid var(--fd-line); border-radius:2px;
  font-size:15px; line-height:1.2; color:var(--fd-ink);
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.fd-brand:hover{
  border-color:var(--fd-accent); transform:translateY(-2px);
  box-shadow:0 12px 24px -16px rgba(20,16,12,.55);
}

/* ---------- card ambienti ---------- */
.fd-card .et_pb_main_blurb_image{margin-bottom:24px}
.fd-card .et_pb_image_wrap{border-radius:3px; overflow:hidden; display:block}
.fd-card .et_pb_image_wrap img{width:100%; transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.fd-card:hover .et_pb_image_wrap img{transform:scale(1.06)}
.fd-card h3{
  margin:0 0 10px; font-size:24px; font-weight:500; line-height:1.25;
  letter-spacing:-.01em; padding-bottom:0;
}
.fd-card h3 a{color:var(--fd-ink); text-shadow:none; transition:color .25s}
.fd-card:hover h3 a{color:var(--fd-accent)}
.fd-card p{color:var(--fd-muted); font-size:16px; line-height:1.7; padding-bottom:12px}
.fd-card .fd-more{
  display:inline-block; font-size:12px; font-weight:600;
  text-transform:uppercase; letter-spacing:.16em; color:var(--fd-accent);
  border-bottom:1px solid transparent; padding-bottom:2px; transition:border-color .25s;
}
.fd-card .fd-more:hover{border-bottom-color:var(--fd-accent)}

/* ---------- percorso numerato ---------- */
.fd-step{border-top:1px solid var(--fd-line); padding-top:22px}
.fd-step-n{
  display:block; font-size:13px; font-weight:600; letter-spacing:.14em;
  color:var(--fd-accent); margin-bottom:14px;
}
.fd-step h3{
  font-size:20px; font-weight:500; line-height:1.3; color:var(--fd-ink);
  margin:0 0 10px; padding-bottom:0;
}
.fd-step p{color:var(--fd-muted); font-size:16px; line-height:1.75; padding-bottom:0}

/* ---------- stacchi ---------- */
.fd-break{position:relative}
.fd-break:before{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(15,13,11,.50),rgba(15,13,11,.64));
}
.fd-break.fd-break-plain:before{display:none}
.fd-break>.et_pb_row{position:relative; z-index:2}
.fd-break h2{
  font-size:38px; line-height:1.18; font-weight:500; letter-spacing:-.02em;
  margin-bottom:18px; padding-bottom:0;
}

/* ---------- pulsanti ---------- */
.fd-btn.et_pb_button,
.et_pb_promo .et_pb_promo_button{
  border-radius:2px !important; text-transform:uppercase; letter-spacing:.14em;
  font-size:12px !important; font-weight:600; padding:1em 2.4em !important;
  border-width:1px !important; margin-top:14px;
  transition:background-color .3s ease, color .3s ease !important;
}
.fd-btn.et_pb_button:after,
.et_pb_promo .et_pb_promo_button:after{display:none !important}
.fd-btn.et_pb_button:hover,
.et_pb_promo .et_pb_promo_button:hover{
  padding:1em 2.4em !important; background:rgba(255,255,255,.16);
}

/* ---------- chiusura ---------- */
.fd-cta .et_pb_promo{border-radius:3px}
.fd-cta .et_pb_promo h2{font-size:34px; line-height:1.2; font-weight:500; letter-spacing:-.02em}
.fd-cta .et_pb_promo p{font-size:17px; line-height:1.75; opacity:.85}

/* ---------- galleria ---------- */
.fd-gallery .et_pb_gallery_image{border-radius:3px; overflow:hidden}

/* ---------- mobile ---------- */
@media (max-width:980px){
  .fd-hero{padding-top:110px !important; padding-bottom:110px !important}
  .fd-hero h1{font-size:38px}
  .fd-h h2{font-size:30px}
  .fd-break h2{font-size:27px}
  .fd-break{padding-top:90px !important; padding-bottom:90px !important}
  .fd-cta .et_pb_promo h2{font-size:25px}
  .fd-lead p{font-size:18px}
  .fd-brands{grid-template-columns:1fr; gap:28px}
  .fd-list ul{columns:1}
  .fd-img .et_pb_image_wrap{box-shadow:0 22px 44px -28px rgba(20,16,12,.5)}
  .fd-step{margin-bottom:8px}
}


/* pulsanti sopra fondi scuri: il colore del modulo non arriva, si forza qui */
.fd-break .et_pb_button,
.fd-break .et_pb_button:hover,
.fd-hero .et_pb_button,
.et_pb_slider .et_pb_more_button{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.8) !important;
}
.fd-break .et_pb_button:hover{background:rgba(255,255,255,.18) !important}

/* i titoli dentro i moduli non devono ereditare il contorno del tema */
.fd-step h3, .fd-card h3, .fd-card h3 a{text-shadow:none !important; -webkit-text-stroke:0 !important}

/* il tema forza il bianco sugli h3 con !important: qui si riprende il controllo */
.fd-step h3, .fd-step h3 *,
.fd-card h3, .fd-card h3 a{
  color:var(--fd-ink) !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
}
.fd-card:hover h3 a{color:var(--fd-accent) !important}