/* _04_Homepage/Homepage.css */
/* ============================================================ */
/* HOMEPAGE                                                     */
/* Prima slide (landing) bianca, poi le slide sotto come 1.1.   */
/* ============================================================ */

.landing {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 100px 22px 60px;
  background: var(--color-background);
}

/* Foto profilo nel cerchio (badge.jpg) */
.landing-photo {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--color-hairline);
  background: var(--color-placeholder);
}
.landing-photo img { width: 100%; height: 100%; object-fit: cover; }

/* Nome */
.landing-name { margin-top: 28px; font-size: 60px; letter-spacing: 0.02em; }

/* Frase, in bold */
.landing-title { margin-top: 16px; font-size: 22px; font-weight: 700; color: var(--color-text-primary); max-width: 900px; }

/* Bottone pieno blu Apple */
.btn-primary { background: var(--color-accent); color: #ffffff; }

/* Griglia Resume + Connect (come 1.1) */
.grid-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 16px 22px;
  background: var(--color-background);
}
.grid-cell {
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px;
  background: var(--color-surface);
  border-radius: 18px;
}
.grid-heading { font-size: 34px; }
@media (max-width: 720px) {
  .grid-section { grid-template-columns: 1fr; }
}

/* Contact, stile footer 1.1 */
.contact-list { list-style: none; margin-top: 24px; display: flex; flex-direction: column; gap: 12px; }
.contact-link { font-size: 18px; color: var(--color-accent); }
.contact-copyright { margin-top: 30px; font-size: 13px; color: var(--color-text-secondary); }

/* Sfondi delle slide della home */
#trading, #software-development, #ai-automation {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#trading { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("_01_Media/TradingHome.png"); }
#software-development { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("_01_Media/SoftwareDevelopmentHome.png"); }
#ai-automation { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("_01_Media/AiAutomationHome.png"); }

.grid-cell--resume, .grid-cell--connect {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.grid-cell--resume { background-image: url("_01_Media/ResumeHome.png"); }
.grid-cell--connect { background-image: url("_01_Media/ConnectLinkedinHome.png"); }

/* Testo su sfondo immagine: Trading, Software Development, AI Automation */
#trading .page-heading,
#software-development .page-heading,
#ai-automation .page-heading { color: #ffffff; }

#trading .page-text,
#ai-automation .page-text { color: #d1d1d6; }
#software-development .page-text { color: #ffffff; }

#trading .btn-linkedin,
#software-development .btn-linkedin,
#ai-automation .btn-linkedin { color: #ffffff; border-color: #ffffff; background: transparent; }

/* Cella Connect: immagine di sfondo, titolo bianco, bottone blu pieno con scritta bianca */
.grid-cell--connect .grid-heading { color: #ffffff; }
.grid-cell--connect .btn-linkedin { color: #ffffff; background: var(--color-linkedin); border-color: var(--color-linkedin); }

/* Banda bianca tra le prime 3 sezioni, stile Apple */
.section-band { height: 16px; background: var(--color-background); }

/* About piu bassa, sfondo bianco */
#about { min-height: 60vh; background: var(--color-background); }

/* Contact piu bassa, sfondo grigio */
#contact { min-height: 60vh; background: var(--color-surface); }