/* =========================================================
 * CORSO — presentazione corso barber + scheda specifiche.
 * (Sezione al momento disattivata in front-page.php, gli stili
 * restano pronti per la riattivazione.)
 * Markup in template-parts/section-corso.php.
 * ========================================================= */

.course{
  display:grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 6vw, 80px);
  align-items: center;
  max-width: 1200px; margin: 0 auto;
}
.course .left{
  display:flex; flex-direction:column; gap: 22px;
}
.course .left .eyebrow{ color: var(--accent);}
.course .left h3{
  margin:0;
  font-family:"Cormorant Garamond", serif; font-style:italic; font-weight:400;
  font-size: clamp(48px, 6vw, 88px); line-height:1; letter-spacing:-0.02em;
}
.course .left .sub{
  font-family:"Inter", sans-serif; font-size: 17px; line-height:1.7;
  color: var(--ink-2); max-width: 46ch;
}
.course .right h4{
  margin: 0 0 8px;
  font-family:"Cormorant Garamond", serif; font-style:italic; font-weight:400;
  font-size: clamp(22px, 2.2vw, 26px);
}
.course-spec{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column;
}
.course-spec li{
  display:grid; grid-template-columns: 110px 1fr; gap: 18px;
  padding: 14px 0;
  border-top: 1px solid rgba(26,26,26,.15);
  align-items:baseline;
}
.course-spec li:last-child{ border-bottom:1px solid rgba(26,26,26,.15);}
.course-spec .k{
  font-family:"Inter", sans-serif; font-size:11px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase;
  color: var(--muted);
}
.course-spec .v{
  font-family:"Cormorant Garamond", serif; font-weight:400; font-size: 18px;
}
.course-spec .v em{ font-style:italic;}
.course .right .actions{ display:flex; gap:12px; flex-wrap:wrap; padding-top: 18px;}
.course-buy{
  display:inline-flex; align-items:center; gap:10px;
  padding: 14px 24px;
  background: var(--ink); color: var(--bg);
  border:1px solid var(--ink);
  font-family:"Inter", sans-serif; font-size: 11px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase;
  cursor: pointer;
  transition: background .25s, color .25s;
  position: relative;
}
.course-buy:hover{ background:transparent; color:var(--ink);}
.course-info{
  display:inline-flex; align-items:center; gap:10px;
  padding: 14px 24px;
  background: transparent; color: var(--ink);
  border:1px solid var(--ink);
  font-family:"Inter", sans-serif; font-size: 11px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase;
  transition: background .25s, color .25s;
}
.course-info:hover{ background:var(--ink); color:var(--bg);}

/* Toast "coming soon" (mostrato da main.js al click su Acquista) */
.coming-soon-toast{
  position: fixed; left: 50%; bottom: 32px;
  transform: translateX(-50%) translateY(120%);
  background: var(--ink); color: var(--bg);
  padding: 14px 28px;
  border-radius: 999px;
  font-family:"Inter", sans-serif; font-size: 13px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase;
  box-shadow: 0 20px 40px -10px rgba(0,0,0,.3);
  z-index: 100;
  transition: transform .45s cubic-bezier(.5,0,.2,1), opacity .25s;
  opacity: 0;
  pointer-events: none;
}
.coming-soon-toast.show{
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
@media (max-width: 880px){
  .course{ grid-template-columns:1fr;}
}