/* DP Blogas – sąrašo ir kortelių stiliai. Kintamieji – dp-blogas.css faile. */

/* 10. „Ką skaityti“ rodyklė */

/* Puslapio kūrėjas panaikina paskutinio bloko apatinę maržą, todėl
   rodyklė prilipdavo prie viršuje esančios dėžutės. Tarpą duodame patys. */
.dp-rodykle{
  margin-top:52px !important;
  padding-bottom:56px;   /* margin čia panaikinamas, todėl naudojame padding */
}
.dp-rodykle__grupe{ margin-bottom:56px; }
.dp-rodykle__antraste{
  font-size:24px;
  color:var(--dp-tamsi);
  margin:0 0 6px;
  padding-bottom:12px;
  border-bottom:2px solid var(--dp-zalia);
  display:inline-block;
}
.dp-rodykle__ivadas{
  color:var(--dp-pilka);
  margin:10px 0 0;
  font-size:16px;
}
.dp-rodykle__tinklas{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:26px;
  margin-top:26px;
}

.dp-kort{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--dp-linija);
  border-radius:10px;
  overflow:hidden;
  text-decoration:none !important;
  color:inherit !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dp-kort:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(38,49,31,.10);
  border-color:rgba(127,177,29,.5);
}
.dp-kort__foto{
  display:block;
  aspect-ratio:16/10;
  background:var(--dp-fonas);
  overflow:hidden;
}
.dp-kort__foto img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.dp-kort__vidus{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px 22px 22px;
  flex:1;
}
.dp-kort__pav{
  font-size:18px;
  font-weight:600;
  line-height:1.35;
  color:var(--dp-tamsi);
}
.dp-kort__aprasas{
  font-size:15px;
  line-height:1.6;
  color:var(--dp-pilka);
  flex:1;
}
.dp-kort__meta{
  font-size:13px;
  color:var(--dp-zalia-tamsi);
  font-weight:600;
}

/* 11. Įrašų archyvas – kortelės vietoj ilgo sąrašo */

.mkdf-blog-standard .mkdf-blog-holder-inner{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:30px;
}
.mkdf-blog-standard .mkdf-blog-holder-inner article{
  margin:0 !important;
  padding:0 !important;
  background:#fff;
  border:1px solid var(--dp-linija);
  border-radius:10px;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
.mkdf-blog-standard .mkdf-blog-holder-inner article:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(38,49,31,.10);
}
.mkdf-blog-standard .mkdf-post-image img{
  width:100%;
  height:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
}
.mkdf-blog-standard .mkdf-post-text-inner{ padding:20px 22px 18px; }

/* Kad kategorijos užrašas visose kortelėse būtų vienodame aukštyje –
   apačioje. Reikia flex grandinės nuo pačios kortelės iki apatinės juostos. */
.mkdf-blog-standard .mkdf-blog-holder-inner article,
.mkdf-blog-standard .mkdf-post-content,
.mkdf-blog-standard .mkdf-post-text,
.mkdf-blog-standard .mkdf-post-text-inner{
  display:flex !important;
  flex-direction:column !important;
}
.mkdf-blog-standard .mkdf-post-content,
.mkdf-blog-standard .mkdf-post-text,
.mkdf-blog-standard .mkdf-post-text-inner{ flex:1 1 auto !important; }
.mkdf-blog-standard .mkdf-post-info-bottom{ margin-top:auto !important; }
.mkdf-blog-standard .mkdf-post-title{
  font-size:19px !important;
  line-height:1.35 !important;
  margin:0 0 10px !important;
}
.mkdf-blog-standard .mkdf-post-info-bottom{ padding:12px 0 0; }

/* 12. Telefonas */

@media (max-width:768px){
  .dp-str{ font-size:16px; }
  .dp-str h2{ font-size:22px; margin-top:36px; }
  .dp-str h3{ font-size:18px; }
  .dp-santrauka{ padding:18px 20px; }
  .dp-deze{ padding:17px 19px; }
  .dp-cta{ padding:20px; }
  .dp-cta .dp-mygtukas{ width:100%; text-align:center; }
  .dp-rodykle__tinklas{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .mkdf-blog-standard .mkdf-blog-holder-inner{ grid-template-columns:repeat(2,1fr); gap:14px; }
}


/* Telefone kortelės siauros – tekstą ir tarpus mažiname, kad tilptų. */
@media (max-width:600px){
  .dp-kort__vidus{ padding:14px 14px 16px; gap:6px; }
  .dp-kort__pav{ font-size:15px; line-height:1.3; }
  .dp-kort__aprasas{ font-size:13px; line-height:1.5; }
  .dp-kort__meta{ font-size:12px; }
  .mkdf-blog-standard .mkdf-post-text-inner{ padding:14px 14px 16px; }
  .mkdf-blog-standard .mkdf-post-title{ font-size:15px !important; }
}
/* siauros kortelės */


/* Tema blogo sąrašo eilutei duoda -40px paraštes iš abiejų pusių, o stulpelis
   kompensuoja tik 4px. Dėl to kortelės išlįsdavo už ekrano. Panaikiname. */
.blog .mkdf-grid-row.mkdf-grid-huge-gutter,
.archive .mkdf-grid-row.mkdf-grid-huge-gutter,
.category .mkdf-grid-row.mkdf-grid-huge-gutter{
  margin-left:0 !important;
  margin-right:0 !important;
}
.blog .mkdf-page-content-holder,
.archive .mkdf-page-content-holder,
.category .mkdf-page-content-holder{ padding-left:0 !important; padding-right:0 !important; }


/* Kad gretimose kortelėse aprašymas prasidėtų vienodame aukštyje.
   subgrid leidžia pavadinimo eilutei būti bendrai visoms tos eilutės kortelėms.
   Senesnės naršyklės šito nepalaiko – ten lieka dabartinis vaizdas, niekas nelūžta. */
@supports (grid-template-rows: subgrid){
  .dp-rodykle__tinklas{ grid-auto-rows:auto; }
  .dp-kort{
    display:grid;              /* bazinė taisyklė – flex, todėl būtina perrašyti */
    grid-row:span 4;
    grid-template-rows:subgrid;
  }
  .dp-kort__vidus{ display:contents; }
  .dp-kort__pav{ padding:20px 22px 0; }
  .dp-kort__aprasas{ padding:8px 22px 0; }
  .dp-kort__meta{ padding:10px 22px 22px; }

  @media (max-width:600px){
    .dp-kort__pav{ padding:14px 14px 0; }
    .dp-kort__aprasas{ padding:6px 14px 0; }
    .dp-kort__meta{ padding:8px 14px 16px; }
  }
}


/* Tas pats lygiavimas kategorijų sąrašo kortelėms: nuotrauka, pavadinimas,
   aprašymas ir kategorija sudaro bendras eilutes visai kortelių eilei. */
@supports (grid-template-rows: subgrid){
  .mkdf-blog-standard .mkdf-blog-holder-inner{ grid-auto-rows:auto; }
  .mkdf-blog-standard .mkdf-blog-holder-inner article{
    display:grid !important;
    grid-row:span 4;
    grid-template-rows:subgrid;
  }
  .mkdf-blog-standard .mkdf-post-content,
  .mkdf-blog-standard .mkdf-post-text,
  .mkdf-blog-standard .mkdf-post-text-inner{ display:contents !important; }

  .mkdf-blog-standard .mkdf-post-title{ padding:20px 22px 0; margin:0 !important; }
  .mkdf-blog-standard .mkdf-post-text-main{ padding:12px 22px 0; }
  .mkdf-blog-standard .mkdf-post-info-bottom{ padding:12px 22px 20px; margin-top:0 !important; }

  @media (max-width:600px){
    .mkdf-blog-standard .mkdf-post-title{ padding:14px 14px 0; }
    .mkdf-blog-standard .mkdf-post-text-main{ padding:8px 14px 0; }
    .mkdf-blog-standard .mkdf-post-info-bottom{ padding:10px 14px 16px; }
  }
}


/* Telefone tarpai mažesni – ekrane mažai vietos, o dideli tarpai
   verčia be reikalo slinkti. */
@media (max-width:768px){
  .dp-rodykle__grupe{ margin-bottom:32px; }
  .dp-rodykle__tinklas{ margin-top:16px; gap:12px; }
  .dp-rodykle__antraste{ font-size:21px; padding-bottom:9px; }
  .dp-rodykle__ivadas{ font-size:15px; margin-top:8px; }
  .dp-rodykle{ margin-top:32px !important; padding-bottom:34px; }
  .mkdf-blog-standard .mkdf-blog-holder-inner{ gap:12px; }
}


/* Aprašas telefone – 13 px buvo per smulku, o vietos yra: kortelė paaukštėja
   4–5 px ir tekstas niekur neišlenda. Antraštės (15 px) ir meta (12 px)
   nekeičiamos, kad išliktų hierarchija.
   Perkelta iš vaiko temos style.css (2026-08-21); byloje eina paskutinis,
   todėl nustelbia ankstesnę 600 px taisyklę be `!important`. */
@media (max-width:1024px){
  .dp-kort__aprasas{ font-size:14px; line-height:1.45; }
}