/* =========================================================
   PORADNA 2026 – landing page only
   Add class nv-poradna-v3 to the Poradna wrapper.
   Does not affect .nv-guide article detail pages.
   ========================================================= */

.nv-poradna-v3{
  --nv-orange:#f5a623;
  --nv-orange-dark:#e88d00;
  --nv-text:#20232d;
  --nv-muted:#6d727c;
  --nv-line:#e8e9ec;
  margin:20px 0 44px;
  color:var(--nv-text);
}

.nv-poradna-v3 *{box-sizing:border-box}

.nv-poradna-v3 .nv-poradna-intro{
  max-width:920px;
  margin:0 auto 28px;
  text-align:center;
  color:var(--nv-muted);
  line-height:1.65;
}

.nv-poradna-v3 .nv-poradna-grid3,
.nv-poradna-v3 .nv-poradna-grid2{
  display:grid;
  gap:18px;
  align-items:stretch;
}

.nv-poradna-v3 .nv-poradna-grid3{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:18px;
}

.nv-poradna-v3 .nv-poradna-grid2{
  grid-template-columns:1.05fr .95fr;
}

.nv-poradna-v3 .nv-poradna-card{
  position:relative;
  overflow:hidden;
  height:100%;
  padding:24px;
  background:#fff;
  border:1px solid var(--nv-line);
  border-radius:16px;
  box-shadow:0 6px 22px rgba(20,27,45,.035);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.nv-poradna-v3 .nv-poradna-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(20,27,45,.07);
}

.nv-poradna-v3 .nv-card-goal{
  background:linear-gradient(135deg,#fffaf1 0%,#fff 70%);
  border-color:#f4dfbd;
}

.nv-poradna-v3 .nv-card-problem{
  background:linear-gradient(135deg,#fff7f7 0%,#fff 70%);
  border-color:#f1dada;
}

.nv-poradna-v3 .nv-card-guide{
  background:linear-gradient(135deg,#fffaf0 0%,#fff 72%);
  border-color:#f2dfb5;
}

.nv-poradna-v3 .nv-card-ingredients{
  background:linear-gradient(135deg,#f3f9ff 0%,#fff 75%);
  border-color:#dcebf7;
}

.nv-poradna-v3 .nv-card-compare{
  background:linear-gradient(135deg,#f5fbf3 0%,#fff 75%);
  border-color:#dcebd7;
}

.nv-poradna-v3 .nv-card-compare:after{
  content:"";
  position:absolute;
  right:-35px;
  bottom:-45px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(164,205,114,.20) 0 32%,rgba(164,205,114,.10) 33% 52%,transparent 53%);
  pointer-events:none;
}

.nv-poradna-v3 .nv-poradna-card-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:8px;
}

.nv-poradna-v3 .nv-poradna-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  margin:0;
  border-radius:50%;
  font-size:25px;
  line-height:1;
  background:rgba(245,166,35,.12);
}

.nv-poradna-v3 .nv-card-problem .nv-poradna-icon{background:rgba(236,80,80,.11)}
.nv-poradna-v3 .nv-card-ingredients .nv-poradna-icon{background:rgba(70,145,215,.12)}
.nv-poradna-v3 .nv-card-compare .nv-poradna-icon{background:rgba(111,172,75,.13)}

.nv-poradna-v3 .nv-poradna-card h2{
  margin:0;
  font-size:20px;
  line-height:1.25;
  color:var(--nv-text);
}

.nv-poradna-v3 .nv-poradna-card>p{
  margin:0 0 17px;
  color:var(--nv-muted);
  font-size:13.5px;
  line-height:1.55;
}

.nv-poradna-v3 .nv-poradna-links{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.nv-poradna-v3 .nv-poradna-links a,
.nv-poradna-v3 .nv-poradna-links span{
  position:relative;
  display:block;
  padding:5px 24px 5px 0;
  color:#252832;
  font-size:14px;
  font-weight:650;
  line-height:1.35;
}

.nv-poradna-v3 .nv-poradna-links a{
  text-decoration:none!important;
}

.nv-poradna-v3 .nv-poradna-links a:after{
  content:"→";
  position:absolute;
  right:3px;
  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:16px;
  padding:10px 14px!important;
  border-top:1px solid rgba(0,0,0,.055);
  border-radius:9px;
  color:var(--nv-orange-dark)!important;
  background:rgba(245,166,35,.09);
  font-weight:700!important;
}

.nv-poradna-v3 .nv-card-problem .nv-poradna-more{
  color:#e65757!important;
  background:rgba(236,80,80,.08);
}

.nv-poradna-v3 .nv-poradna-more:after{
  position:static!important;
  margin-left:8px;
}

.nv-poradna-v3 .nv-poradna-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.nv-poradna-v3 .nv-poradna-tags span,
.nv-poradna-v3 .nv-poradna-tags a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(0,0,0,.025);
  border-radius:8px;
  background:#f0f2f4;
  color:#242730!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:650;
  line-height:1.15;
}

.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:75%;
}

/* Shoptet article listing below the custom Poradna hub */
body[class*="in-poradna"] .news-wrapper,
body[class*="in-poradna"] .news-item,
body[class*="in-poradna"] .news-item-detail{
  box-sizing:border-box;
}

body[class*="in-poradna"] .news-wrapper{
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid #e8e9ec;
}

body[class*="in-poradna"] .news-item{
  overflow:hidden;
  border:1px solid #e7e8eb;
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 22px rgba(20,27,45,.055);
  transition:transform .2s ease,box-shadow .2s ease;
}

body[class*="in-poradna"] .news-item:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(20,27,45,.09);
}

body[class*="in-poradna"] .news-item .image,
body[class*="in-poradna"] .news-item>a:first-child{
  overflow:hidden;
}

body[class*="in-poradna"] .news-item img{
  display:block;
  width:100%;
  height:auto;
  transition:transform .3s 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{
  padding:15px 16px 17px;
}

body[class*="in-poradna"] .news-item h2,
body[class*="in-poradna"] .news-item h3,
body[class*="in-poradna"] .news-item .title{
  margin-top:0;
  line-height:1.35;
  font-weight:750;
}

body[class*="in-poradna"] .news-item p{
  color:#6d727c;
  line-height:1.55;
}

body[class*="in-poradna"] .news-item .read-more,
body[class*="in-poradna"] .news-item a[href*="/poradna/"]:last-child{
  color:#e99500;
  font-weight:700;
  text-decoration:none;
}

@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:12px}
  .nv-poradna-v3 .nv-poradna-intro{margin-bottom:20px;font-size:14px}
  .nv-poradna-v3 .nv-poradna-card{padding:18px;border-radius:13px}
  .nv-poradna-v3 .nv-poradna-icon{width:42px;height:42px;flex-basis:42px;font-size:22px}
  .nv-poradna-v3 .nv-poradna-card h2{font-size:18px}
}