﻿/* === Tip box === */

.pk-tip-inline{
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;

  width:100%;
  max-width:none;
  margin:30px 0;

  background: linear-gradient(90deg, rgba(237,222,0,.16) 0%, #fffee2 55%, #fffee2 100%);

  border:0;
  border-radius:0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;

  /* top | right | bottom | left */
  padding:18px 18px 6px 18px;   /* horní OK, spodní menší */

  display:flex;
  align-items:flex-start;
  gap:12px;

  box-sizing:border-box;

  /* sjednocení typografie uvnitř boxu */
  font-size:16px;
  line-height:1.6;
}

.pk-tip-inline__icon{
  flex:0 0 auto;
  font-size:22px;
  line-height:1.2;
  margin-top:1px;
  opacity:.9;
}

.pk-tip-inline__content{
  flex:1 1 auto;
  min-width:0;
}

/* Tip = stejná velikost jako text (přebije webové styly) */
.pk-tip-inline__title{
  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:700;
  color:#111;
  margin:0 0 6px 0;
}

/* Text (přebije webové styly včetně <p> apod.) */
.pk-tip-inline__text,
.pk-tip-inline__text p{
  font-size:16px !important;
  line-height:1.6 !important;
  color:#333;
  margin:0;
}

/* kdyby byl text obalený dalšími elementy */
.pk-tip-inline__content *{
  font-size:16px !important;
  line-height:1.6 !important;
}

@media (max-width:520px){
  .pk-tip-inline{
    padding:16px 14px 9px 14px;
    gap:10px;
  }
  .pk-tip-inline__icon{
    font-size:20px;
  }
}
