/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/
Description: Child theme per painting-courses-florence
Author: David
Template: kadence
Version: 1.0
*/

/* ===============================
   🎨 COURSE CARDS SYSTEM
   =============================== */

.course-card{
  border-radius:18px;
  padding:28px;
  position:relative;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
  transition:.3s ease;
  font-family:inherit;
}
.course-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.course-title{
  font-size:36px;
  font-weight:700;
  text-align:center;
  margin-bottom:6px;
}

.course-level{
  text-align:center;
  font-weight:600;
  opacity:.8;
  margin-bottom:18px;
}

.course-details{
  border-top: 1px solid rgba(0,0,0,0.15);
  list-style:none;
  padding-top: 12px;
  margin-top: 20px;
  line-height:1.6;
  font-size:15px;
}
.course-card [itemprop="offers"]{
  text-align:center;
}

.course-price{
  font-size:28px;
  font-weight:800;
  text-align:center;
  margin-top:20px;
}
.course-studio-name{
  margin-top:18px;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,.15);
  font-size:12px;
  text-align:center;
  opacity:.75;
}

/* 🎨 14 colori pastello */
.course-1 {background:#FEFAE0;}
.course-2 {background:#FCF4D7;}
.course-3 {background:#FAEDCD;}
.course-4 {background:#F4F4D5;}
.course-5 {background:#DBE1BC;}
.course-6 {background:#e9f7ff;}
.course-7 {background:#f7f2e8;}
.course-8 {background:#e9ffe6;}
.course-9 {background:#fce8ff;}
.course-10{background:#fff7da;}
.course-11{background:#e8f6f0;}
.course-12{background:#ffeef3;}
.course-13{background:#f0ecff;}
.course-14{background:#eef9ff;}

/*insegnante e scuola alla fine della scheda corso */ 
.course-teacher {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,0.15);
  font-size: 12px;
  text-align: center;
  opacity: 0.75;
  letter-spacing: 0.02em;
}
.vertical-video-wrapper {
  max-width: 360px;        /* larghezza ideale desktop */
  margin: 0 auto;          /* centrato */
  aspect-ratio: 9 / 16;
  position: relative;
}

.vertical-video-wrapper iframe,
.vertical-video-wrapper video {
  width: 100%;
  height: 100%;
  border-radius: 12px;     /* opzionale, molto elegante */
}