:root{
  --main:#C35F4C;
  --text:#11141A;
}

#rk-form{
  max-width:760px;
  margin:auto;
  color:var(--text);
  padding:0 12px; /* aby to neleželo na hraně mobilu */
}

/* ===== NADPIS ===== */
.rk-title{
  text-align:center;
  margin-bottom:16px;
}

/* ===== SVG ČÁRA ===== */
.rk-line{
  text-align:center;
  margin-bottom:40px;
}

.rk-line svg{
  display:block;
  margin:0 auto;
  max-width:100%;
  height:auto;
}

/* ===== KROKY ===== */
.rk-step{display:none}
.rk-step.is-active{display:block}

/* ===== KARTY ===== */
.rk-cards{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.rk-card{
  background:#FFF9F6;
  padding:18px;
  border-radius:14px;
  cursor:pointer;
  border:1px solid #eee;
  transition:.2s;
}

.rk-card:hover{
  border-color:var(--main);
}

.rk-card.active{
  border:2px solid var(--main);
}

/* ===== BLOK DATUM + ČAS ===== */

.rk-step-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #eee;
  border-radius:20px;
  overflow:hidden;
}

/* mobil */
@media(max-width:768px){
  .rk-step-grid{
    grid-template-columns:1fr;
  }
}

/* levá / pravá část */
.rk-left,
.rk-right{
  padding:32px;
}

/* mobil menší padding */
@media(max-width:480px){
  .rk-left,
  .rk-right{
    padding:20px;
  }
}

/* svislá čára */
.rk-right{
  border-left:1px solid #eee;
}

/* mobil – čára pryč */
@media(max-width:768px){
  .rk-right{
    border-left:0;
    border-top:1px solid #eee;
  }
}

/* ===== KALENDÁŘ ===== */

.rk-calendar-wrap{
  margin-top:10px;
}

.rk-cal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}

.rk-cal-header button{
  background:none;
  border:0;
  font-size:22px;
  cursor:pointer;
}

.rk-cal-title{
  font-weight:600;
  text-transform:capitalize;
}

/* GRID */
.rk-cal-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px;
}

/* názvy dnů */
.rk-cal-day-name{
  text-align:center;
  font-size:12px;
  opacity:.6;
}

/* ==== DNY ==== */
.rk-cal-day{
  width:42px;
  height:42px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f6f6f6;
  cursor:pointer;
  font-size:14px;
  transition:.15s;
}

/* menší kolečka na mobil */
@media(max-width:480px){
  .rk-cal-day{
    width:34px;
    height:34px;
    font-size:13px;
  }
}

.rk-cal-day:hover{
  background:#eee;
}

.rk-cal-day.active{
  background:var(--main);
  color:#fff;
}

.rk-cal-day.disabled{
  opacity:.25;
  pointer-events:none;
}

/* ===== ČASY ===== */

#rk-times{
  display:flex;
  flex-wrap:wrap;
  justify-content:left;
}

.rk-time{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:70px;
  padding:8px 0;
  border-radius:999px;
  border:1px solid #ddd;
  margin:5px;
  cursor:pointer;
  font-size:16px;
}

/* ještě menší na malé mobily */
@media(max-width:480px){
  .rk-time{
    width:64px;
    font-size:12px;
  }
}

.rk-time.active{
  background:var(--main);
  color:#fff;
  border-color:var(--main);
}

/* ===== INPUTY ===== */

.rk-field{
  width:100%;
  padding:10px 14px;
  border-radius:8px;
  border:1px solid #ddd;
  line-height:1.2;
}

.rk-field + .rk-field{
  margin-top:16px;
}

/* ===== SUMMARY ===== */

#rk-summary{
  margin-top:14px;
  padding:12px;
  border:1px dashed #ddd;
  border-radius:12px;
  font-size:14px;
}

/* ===== BUTTON ===== */

#rk-send{
  display:block;
  margin:20px auto 0;
  border-radius:30px;
  padding:10px 32px;
  background:var(--main);
  border:0;
  color:#fff;
  font-size:14px;
  cursor:pointer;
}