/* ===========================
   Šedý blok textu PK CALLOUT – sjednocené CSS 
   Rozlišuje varianty podle obsahu:
   - CTA:     .pk-callout:has(.pk-callout__cta)
   - Summary: .pk-callout:has(.pk-callout__list)
   =========================== */


/* --- Společný základ (pro obě varianty) --- */
.pk-callout{
  width:100%;
  margin:60px 0 40px;
  position:relative;
  box-sizing:border-box;


  /* běžný text v calloutu */
  font-family:"Segoe UI", Helvetica, Arial, sans-serif;
}


.pk-callout__badge{
  position:absolute;
  top:-30px;
  left:50%;
  transform:translateX(-50%);
  width:60px;
  height:60px;


  background:#fff;
  border-radius:999px;


  display:flex;
  align-items:center;
  justify-content:center;


  font-size:28px;
  color:#333;


  border:0;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}


.pk-callout__box{
  background:#F8F9FA;
  border:0;
  border-radius:0;
  padding:42px 28px 22px;
  text-align:center;
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
  box-sizing:border-box;
}


/* ✅ Nadpisy vždy Poppins (pro obě varianty) */
.pk-callout:has(.pk-callout__list) .pk-callout__title,
.pk-callout:has(.pk-callout__cta)  .pk-callout__title{
  font-family:Poppins, sans-serif;
}


/* ===========================
   SUMMARY varianta (seznam)
   =========================== */
.pk-callout:has(.pk-callout__list) .pk-callout__title{
  margin:0 0 10px 0;
  font-weight:800;
  color:#333;
}


.pk-callout:has(.pk-callout__list) .pk-callout__p{
  margin:0;
  line-height:1.6;
  color:#333;
}


.pk-callout:has(.pk-callout__list) .pk-callout__p + .pk-callout__p{
  margin-top:10px;
}


.pk-callout:has(.pk-callout__list) .pk-callout__p--left{
  text-align:left;
}


.pk-callout:has(.pk-callout__list) .pk-callout__spacer{
  margin:0;
  line-height:1.6;
  color:#333;
}


.pk-callout:has(.pk-callout__list) .pk-callout__list{
  list-style:none;
  padding:0;
  margin:12px 0 0 0;
  text-align:left;
}


.pk-callout:has(.pk-callout__list) .pk-callout__li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 10px 0;
}


.pk-callout:has(.pk-callout__list) .pk-callout__li:last-child{
  margin:0;
}


.pk-callout:has(.pk-callout__list) .pk-callout__check{
  color:#333;
  font-size:18px;
  line-height:1.6;
  font-weight:800;
  flex:0 0 auto;
  margin:0;
}


.pk-callout:has(.pk-callout__list) .pk-callout__li-text{
  font-size:12pt; /* ponecháno dle původního CSS */
  line-height:1.6;
  color:#333;
  margin:0;
}


/* ===========================
   CTA varianta (tlačítko + note)
   =========================== */
.pk-callout:has(.pk-callout__cta) .pk-callout__title{
  margin:0 0 14px;
  color:inherit;


  font-size:22px;
  line-height:1.25;
  font-weight:700;
}


.pk-callout:has(.pk-callout__cta) .pk-callout__p{
  margin:0;
  color:inherit;
  line-height:1.6;
}


.pk-callout:has(.pk-callout__cta) .pk-callout__p + .pk-callout__p{
  margin-top:12px;
}


.pk-callout:has(.pk-callout__cta) .pk-callout__cta{
  margin-top:18px;
  display:flex;
  justify-content:center;
}


.pk-callout:has(.pk-callout__cta) .pk-cta{
  background:#edde00;
  color:#111;


  display:inline-flex;
  align-items:center;
  gap:12px;


  padding:24px 26px;
  border-radius:999px;


  text-decoration:none;


  font:inherit;
  font-weight:700;
  line-height:1;


  border:0;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  white-space:nowrap;


  transition:transform .15s ease, box-shadow .15s ease;
}


.pk-callout:has(.pk-callout__cta) .pk-cta__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
}


.pk-callout:has(.pk-callout__cta) .pk-cta__text{
  font:inherit;
  font-weight:inherit;
  line-height:inherit;
}


.pk-callout:has(.pk-callout__cta) .pk-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(0,0,0,.10);
}


.pk-callout:has(.pk-callout__cta) .pk-cta:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}


.pk-callout:has(.pk-callout__cta) .pk-cta:focus-visible{
  outline:3px solid rgba(17,17,17,.22);
  outline-offset:3px;
}


.pk-callout:has(.pk-callout__cta) .pk-callout__note{
  margin:10px 0 0;
  font-size:10px;
  line-height:1.25;
  color:rgba(17,17,17,.60);
}


/* --- Mobil (společné) --- */
@media (max-width:560px){
  .pk-callout{ margin:52px 0 28px; }
  .pk-callout__box{ padding:40px 18px 18px; }
  .pk-callout__badge{
    width:54px;
    height:54px;
    top:-27px;
    font-size:26px;
  }


  /* CTA title jen pro CTA variantu */
  .pk-callout:has(.pk-callout__cta) .pk-callout__title{
    font-size:20px;
  }
}


@media (max-width:520px){
  .pk-callout:has(.pk-callout__cta) .pk-cta{
    padding:22px 20px;
    gap:10px;
    white-space:normal;
    text-align:center;
  }
}