/* =========================================================
   PORADNA V4
   Pouze rozcestnik .nv-poradna-v3 + vypis clanku na /poradna/
   Detail clanku .nv-guide zustava nedotceny.
   ========================================================= */

.nv-poradna-v3{
  --nv-orange:#f5a623;
  --nv-orange-dark:#e89100;
  --nv-text:#20232d;
  --nv-muted:#6f747d;
  --nv-line:#e7e9ed;
  margin:18px 0 34px;
  color:var(--nv-text);
}
.nv-poradna-v3 *{box-sizing:border-box}

.nv-poradna-v3 .nv-poradna-intro{
  max-width:880px;
  margin:0 auto 24px;
  text-align:center;
  color:var(--nv-muted);
  font-size:14px;
  line-height:1.65;
}

.nv-poradna-v3 .nv-poradna-grid3,
.nv-poradna-v3 .nv-poradna-grid2{
  display:grid;
  gap:16px;
  align-items:stretch;
}
.nv-poradna-v3 .nv-poradna-grid3{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:16px;
}
.nv-poradna-v3 .nv-poradna-grid2{
  grid-template-columns:1.08fr .92fr;
}

.nv-poradna-v3 .nv-poradna-card{
  position:relative;
  overflow:hidden;
  height:100%;
  min-height:0;
  padding:21px 22px;
  background:#fff;
  border:1px solid var(--nv-line);
  border-radius:15px;
  box-shadow:0 5px 18px rgba(25,30,45,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.nv-poradna-v3 .nv-poradna-card:hover{
  transform:translateY(-2px);
  box-shadow:0 11px 27px rgba(25,30,45,.075);
}

.nv-poradna-v3 .nv-card-goal{
  background:linear-gradient(145deg,#fff9ef 0%,#fff 72%);
  border-color:#f1dfc1;
}
.nv-poradna-v3 .nv-card-problem{
  background:linear-gradient(145deg,#fff6f7 0%,#fff 72%);
  border-color:#efdadd;
}
.nv-poradna-v3 .nv-card-guide{
  background:linear-gradient(145deg,#fff9ef 0%,#fff 74%);
  border-color:#f0ddb7;
}
.nv-poradna-v3 .nv-card-ingredients{
  background:linear-gradient(145deg,#f4f9ff 0%,#fff 76%);
  border-color:#dce9f4;
}
.nv-poradna-v3 .nv-card-compare{
  background:linear-gradient(145deg,#f6fbf3 0%,#fff 76%);
  border-color:#dce9d6;
}
.nv-poradna-v3 .nv-card-compare:after{
  content:"";
  position:absolute;
  right:-31px;
  bottom:-38px;
  width:128px;
  height:128px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(159,201,105,.18) 0 31%,rgba(159,201,105,.08) 32% 51%,transparent 52%);
  pointer-events:none;
}

.nv-poradna-v3 .nv-poradna-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 8px;
}
.nv-poradna-v3 .nv-poradna-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  margin:0;
  border-radius:50%;
  background:rgba(245,166,35,.13);
  font-size:23px;
  line-height:1;
}
.nv-poradna-v3 .nv-card-problem .nv-poradna-icon{background:rgba(235,80,87,.11)}
.nv-poradna-v3 .nv-card-ingredients .nv-poradna-icon{background:rgba(68,145,214,.12)}
.nv-poradna-v3 .nv-card-compare .nv-poradna-icon{background:rgba(110,172,72,.13)}

.nv-poradna-v3 .nv-poradna-card h2{
  margin:0;
  color:var(--nv-text);
  font-size:19px;
  line-height:1.25;
}
.nv-poradna-v3 .nv-poradna-card>p{
  margin:0 0 13px;
  color:var(--nv-muted);
  font-size:12.8px;
  line-height:1.5;
}

.nv-poradna-v3 .nv-poradna-links{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.nv-poradna-v3 .nv-poradna-links a,
.nv-poradna-v3 .nv-poradna-links span{
  position:relative;
  display:block;
  padding:4px 23px 4px 0;
  color:#262933;
  font-size:13.5px;
  font-weight:650;
  line-height:1.3;
}
.nv-poradna-v3 .nv-poradna-links a{text-decoration:none!important}
.nv-poradna-v3 .nv-poradna-links a:after{
  content:"→";
  position:absolute;
  right:2px;
  color:var(--nv-orange);
  transition:transform .15s ease;
}
.nv-poradna-v3 .nv-poradna-links a:hover{color:var(--nv-orange-dark)!important}
.nv-poradna-v3 .nv-poradna-links a:hover:after{transform:translateX(3px)}

.nv-poradna-v3 .nv-poradna-more{
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  padding:8px 12px!important;
  border-radius:8px;
  background:rgba(235,80,87,.08);
  color:#df5056!important;
  font-weight:700!important;
}
.nv-poradna-v3 .nv-poradna-more:after{
  position:static!important;
  margin-left:7px;
  color:inherit!important;
}

.nv-poradna-v3 .nv-poradna-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.nv-poradna-v3 .nv-poradna-tags span,
.nv-poradna-v3 .nv-poradna-tags a{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:6px 10px;
  border:1px solid rgba(0,0,0,.025);
  border-radius:8px;
  background:#f0f2f4;
  color:#242730!important;
  text-decoration:none!important;
  font-size:12.5px;
  font-weight:650;
  line-height:1;
}
.nv-poradna-v3 .nv-poradna-tags a{
  background:#ffb51f;
  border-color:#ffb51f;
  box-shadow:0 3px 8px rgba(245,166,35,.18);
}
.nv-poradna-v3 .nv-poradna-tags a:hover{
  background:var(--nv-orange-dark);
  border-color:var(--nv-orange-dark);
  color:#fff!important;
}
.nv-poradna-v3 .nv-card-compare .nv-poradna-links{
  position:relative;
  z-index:1;
  max-width:78%;
}

/* =========================================================
   VYPIS CLANKU POD ROZCESTNIKEM
   Pouzivame vice Shoptet variant selektoru, aby V4 fungovala
   i pri drobne odlisnosti sablony.
   ========================================================= */

body[class*="in-poradna"] .news-wrapper,
body[class*="in-poradna"] .newsList,
body[class*="in-poradna"] .news-list{
  position:relative;
  margin-top:40px!important;
  padding-top:58px!important;
  border-top:1px solid #e6e8ec;
}

body[class*="in-poradna"] .news-wrapper:before,
body[class*="in-poradna"] .newsList:before,
body[class*="in-poradna"] .news-list:before{
  content:"Nejnovější průvodci";
  position:absolute;
  top:20px;
  left:0;
  color:#20232d;
  font-size:22px;
  line-height:1.2;
  font-weight:800;
}

body[class*="in-poradna"] .news-item,
body[class*="in-poradna"] article.news-item,
body[class*="in-poradna"] .newsList .news-item{
  overflow:hidden;
  margin-bottom:20px;
  border:1px solid #e5e7eb!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(25,30,45,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body[class*="in-poradna"] .news-item:hover{
  transform:translateY(-3px);
  border-color:#e8d1a8!important;
  box-shadow:0 13px 30px rgba(25,30,45,.095);
}

body[class*="in-poradna"] .news-item img{
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .28s ease;
}
body[class*="in-poradna"] .news-item:hover img{transform:scale(1.025)}

body[class*="in-poradna"] .news-item .text,
body[class*="in-poradna"] .news-item .news-item-detail,
body[class*="in-poradna"] .news-item .description{
  padding:16px 17px 18px!important;
}

body[class*="in-poradna"] .news-item h2,
body[class*="in-poradna"] .news-item h3,
body[class*="in-poradna"] .news-item .title{
  margin:0 0 9px!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
body[class*="in-poradna"] .news-item h2 a,
body[class*="in-poradna"] .news-item h3 a,
body[class*="in-poradna"] .news-item .title a{
  color:#242730!important;
  text-decoration:none!important;
}
body[class*="in-poradna"] .news-item h2 a:hover,
body[class*="in-poradna"] .news-item h3 a:hover,
body[class*="in-poradna"] .news-item .title a:hover{
  color:var(--nv-orange-dark,#e89100)!important;
}

body[class*="in-poradna"] .news-item p{
  margin:0 0 12px!important;
  color:#737882!important;
  font-size:13px!important;
  line-height:1.55!important;
}

body[class*="in-poradna"] .news-item .read-more,
body[class*="in-poradna"] .news-item a[href*="/poradna/"]:last-child{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#e99500!important;
  font-size:13px;
  font-weight:750!important;
  text-decoration:none!important;
}

/* mobil */
@media(max-width:900px){
  .nv-poradna-v3 .nv-poradna-grid3,
  .nv-poradna-v3 .nv-poradna-grid2{grid-template-columns:1fr}
  .nv-poradna-v3 .nv-card-compare .nv-poradna-links{max-width:none}
}
@media(max-width:600px){
  .nv-poradna-v3{margin-top:10px}
  .nv-poradna-v3 .nv-poradna-intro{
    margin-bottom:18px;
    padding:0 4px;
    font-size:13.5px;
  }
  .nv-poradna-v3 .nv-poradna-grid3,
  .nv-poradna-v3 .nv-poradna-grid2{gap:12px}
  .nv-poradna-v3 .nv-poradna-grid3{margin-bottom:12px}
  .nv-poradna-v3 .nv-poradna-card{
    padding:17px;
    border-radius:13px;
  }
  .nv-poradna-v3 .nv-poradna-icon{
    width:40px;
    height:40px;
    flex-basis:40px;
    font-size:21px;
  }
  .nv-poradna-v3 .nv-poradna-card h2{font-size:18px}
  body[class*="in-poradna"] .news-wrapper:before,
  body[class*="in-poradna"] .newsList:before,
  body[class*="in-poradna"] .news-list:before{font-size:20px}
}