﻿/* === Sociální sítě === */


.pk-social{
  width:100%;
  margin:24px 0;
}


.pk-social__grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(150px, 1fr));
  gap:14px;
}


/* karta */
.pk-social__card{
  background:#fff;
  border:0;
  border-radius:0; /* hranaté */
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset; /* jemná linka */
  padding:18px 12px 14px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}


/* badge s ikonou */
.pk-social__badge{
  width:46px;
  height:46px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.10) inset;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:-30px; /* lehce „visí“ nad kartou */
  margin-bottom:12px;
}


.pk-social__badge img{
  width:20px;
  height:20px;
  display:block;
}


/* název sítě */
.pk-social__name{
  margin:0;
  font:inherit;
  font-weight:700;
  line-height:1.2;
  color:#111;
  min-height:2.4em; /* zarovnání bloků i při delším názvu */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 6px;
}


/* číslo */
.pk-social__value{
  margin:10px 0 0;
  font:inherit;
  font-weight:600; /* méně tučné než předtím */
  font-size:18px;
  line-height:1.15;
  color:#111;
}


/* popisek pod číslem */
.pk-social__meta{
  margin:4px 0 0;
  font:inherit;
  font-size:12px;
  line-height:1.2;
  color:rgba(17,17,17,.70);
}


/* tlačítko */
.pk-social__btn{
  margin-top:12px;
  background:#edde00;
  color:#111;


  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;


  padding:10px 14px;
  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);
  transition:transform .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}


.pk-social__btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(0,0,0,.10);
}


.pk-social__btn:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}


.pk-social__btn:focus-visible{
  outline:3px solid rgba(17,17,17,.22);
  outline-offset:3px;
}


.pk-social__btn-ico{
  font-size:14px;
  line-height:1;
}


/* 3 vedle sebe */
@media (max-width: 1099px){
  .pk-social__grid{
    grid-template-columns:repeat(3, minmax(160px, 1fr));
  }
}


/* 2 vedle sebe */
@media (max-width: 599px){
  .pk-social__grid{
    grid-template-columns:repeat(2, minmax(140px, 1fr));
  }
  .pk-social__card{
    padding:16px 10px 12px;
  }
  .pk-social__btn{
    width:100%;
    white-space:normal;
  }
}






.pk-social__badge{
  width:54px;
  height:54px;
}


.pk-social__badge img{
  width:24px;
  height:24px;
}