/* DP Blogas - antrasciu zymos. Kintamieji - dp-blogas.css faile.
   Iraso pavadinimas paverstas <h1>, juostos uzrasas nuleistas i <div>.
   Sios taisykles grazina abiem tiksliai buvusia isvaizda. */

/* Pavadinimas: buvo h3 22px/600/29.7px/#2b2b2b, marza 25px 0 0 */
.mkdf-blog-single .mkdf-post-title{
  font-size:22px !important;
  font-weight:600 !important;
  line-height:29.7px !important;
  color:#2b2b2b !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  margin:25px 0 22px !important;
}

/* Juostos uzrasas: buvo h1 42px/700/50.4px/#0e0e0e, marza 0 */
.single-post .mkdf-page-title{
  display:block;
  font-size:42px;
  font-weight:700;
  line-height:50.4px;
  color:#0e0e0e;
  letter-spacing:normal;
  text-transform:none;
  margin:0;
}

/* Virselio nuotrauka. Ligu gido nuotraukos yra tik 350x350 px, todel
   ju NEtempiame - tik centruojame. Didesnes uzima visa ploti kaip anksciau. */
/* Apvalkalas tema paverčia inline-block, todėl jis susitraukia iki
   nuotraukos pločio ir centruoti nėra ko. Grąžiname jam visą plotį. */
.mkdf-blog-single .mkdf-post-heading{ text-align:center; }
.mkdf-blog-single .mkdf-post-image{
  display:block !important;
  width:100% !important;
  text-align:center;
  margin-bottom:4px;
}
.mkdf-blog-single .mkdf-post-image img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:420px;
  height:auto;
  margin:0 auto !important;
  border-radius:12px;
  box-shadow:0 8px 26px rgba(38,49,31,.13);
}
.mkdf-blog-single .mkdf-post-title{ text-align:center; }


/* Nuotraukų eilė: dvi ar trys viena šalia kitos. */
.dp-fotos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
  margin:0 0 30px;
}
.dp-fotos figure{ margin:0; }
.dp-fotos img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:8px;
}
.dp-fotos figcaption{
  margin-top:8px;
  font-size:14px;
  line-height:1.5;
  color:#6d6a6a;
}

/* Viena nuotrauka tekste – neaukštesnė nei 420 px, per vidurį. */
.dp-foto{ text-align:center; }
.dp-foto img{ max-height:420px; }
.dp-foto figcaption{ text-align:left; }

/* Nei įraše, nei sąrašuose nereikia autoriaus, datos, komentarų ir širdučių.
   .mkdf-blog-holder apima ir atskirą įrašą, ir visus sąrašus. */
.mkdf-blog-holder .mkdf-post-info-author,
.mkdf-blog-holder .mkdf-post-info-date,
.mkdf-blog-holder .mkdf-post-info-comments-holder,
.mkdf-blog-holder .mkdf-blog-like{ display:none !important; }

@media (max-width:600px){
  .dp-fotos{ grid-template-columns:1fr; gap:14px; }
  .dp-fotos img{ height:auto; }
}


/* Straipsnio galerija viršuje: 3-4 nuotraukos vienoje juostoje.
   auto-fit pats susitvarko, jei nuotraukų dvi ar trys. */
.dp-galerija{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:0 0 32px;
}
/* Jei nuotraukų tik dvi ar trys – tiek ir stulpelių, kad nelikutų tuščios vietos. */
.dp-galerija--2{ grid-template-columns:repeat(2,1fr); }
.dp-galerija--3{ grid-template-columns:repeat(3,1fr); }

/* WordPress tarp nuotraukų įdeda <br>, o podėlio įskiepis – <noscript>.
   Tinklelyje jie užimtų langelius, todėl juos išjungiame. */
.dp-galerija br,
.dp-galerija noscript{ display:none !important; }
.dp-galerija img{
  display:block !important;
  width:100% !important;
  aspect-ratio:4/3;
  height:auto !important;
  object-fit:cover !important;
  border-radius:10px;
}

/* Viršelio nuotrauka slepiama – ji jau yra galerijoje.
   Bet lieka priskirta, nes iš jos daroma kortelė sąraše. */
.mkdf-blog-single .mkdf-post-image{ display:none !important; }

@media (max-width:900px){
  .dp-galerija{ grid-template-columns:repeat(2,1fr); gap:10px; }
}
@media (max-width:480px){
}


/* Telefone numeriai arčiau krašto, kad tekstui liktų daugiau vietos. */
@media (max-width:600px){
  .dp-str .dp-zingsniai li{ padding-left:38px; }
  .dp-str .dp-zingsniai li::before{
    width:26px; height:26px; line-height:26px; font-size:14px;
  }
  .mkdf-blog-single .mkdf-post-title{ margin:18px 0 16px !important; }
}


/* Viršutinė juosta su užrašu „Daigų pasaulis" įraše nereikalinga –
   logotipas jau yra puslapio viršuje. Slepiame visą juostą. */
.single-post .mkdf-title-holder{ display:none !important; }
.single-post .mkdf-content{ padding-top:40px; }

@media (max-width:768px){
  .single-post .mkdf-content{ padding-top:24px; }
}


/* Temos automatinė „Previous / Next post" nuoroda: angliška ir veda pagal
   datą, o ne pagal temą. Straipsnio gale jau yra „Skaitykite toliau" su
   parinktomis nuorodomis, todėl šios nerodome. */
.mkdf-blog-single-navigation{ display:none !important; }


/* Nuoroda „← Visi naudingi patarimai" viršuje. */
/* Apvalkalas turi tik sulygiuoti nuorodą su turiniu – jokio papildomo tarpo. */
/* Tema apvalkalui deda 32px viršutinį tarpą taisykle iš keturių klasių,
   todėl reikia tokio pat ilgio selektoriaus, kitaip nepersveria. */
body .mkdf-content .mkdf-content-inner > .mkdf-container > .dp-grizti-holder.dp-grizti-holder{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.dp-grizti{ margin:20px 0 6px; }
.dp-grizti a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:500;
  color:#3d3d3d;
  text-decoration:none !important;
  border-bottom:none !important;
  transition:color .18s ease;
}
.dp-grizti a:hover{ color:#7fb11d; }
.dp-grizti span{ font-size:18px; line-height:1; }

@media (max-width:768px){
  .dp-grizti{ margin:14px 0 18px; }
  .dp-grizti a{ font-size:14px; }
}


/* Apatinė nuoroda. Tema po įrašo jau nubrėžia liniją, todėl savos
   nededame ir prigludiname arčiau – kitaip kabo viena tuščiame plote. */
.dp-grizti--apacia{
  margin:-14px 0 34px !important;
  padding-top:0;
  border-top:none;
}

@media (max-width:768px){
  .dp-grizti--apacia{ margin:-10px 0 24px !important; }
}