/*
Theme Name: Mamy Mleko
Theme URI: https://www.mamymleko.pl
Author: 626.studio
Version: 1.0.0
Text Domain: mamymleko
*/

/* Dodatkowe style dla bloga (lista wpisów + pojedynczy wpis) */
.blog-list .post-card{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  height: 100%;
}
.blog-list .post-card__img{
  display:block;
  width:100%;
  height:auto;
}
.blog-list .post-card__body{
  padding: 22px 22px 20px 22px;
}
.blog-list .post-card__title{
  margin: 0 0 10px 0;
}
.blog-list .post-card__excerpt{
  margin: 0 0 18px 0;
}
.blog-list .post-card__meta{
  font-size: 14px;
  opacity: .75;
  margin-bottom: 10px;
}

/* Pojedynczy wpis */
.single-post .post-hero{
  margin-bottom: 28px;
}
.single-post .post-hero img{
  width:100%;
  height:auto;
  border-radius: 18px;
}
.single-post .post-content{
  max-width: 860px;
}

/* Mobile: ładniejsze odstępy */
@media (max-width: 991.98px){
  .blog-list .post-card__body{ padding: 18px; }
}

/* BLOG – hero */
.blog-hero-title{
  font-size: 90px !important;
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 44px;
}

.blog-hero-lead{
  margin-bottom: 0 !important;
}

@media (max-width: 768px){
  .blog-hero-title{
    margin-bottom: 12px !important;
  }
}

/* mniejszy odstęp od "Najnowsze wpisy" do listy wpisów */
.blog-list{
  padding-top: 16px !important;   /* zmniejsz / zwiększ */
}

@media (max-width: 768px){
  .blog-hero-title{
    font-size: 46px !important;
  }
}

/* SINGLE POST – mniejszy odstęp między tytułem a treścią */

.single-post .home-hero{
  padding-bottom: 5px !important;   /* było duże z bootstrapa */
}

.single-post .entry-content > .pt-lg-6{
  padding-top: 5px !important;
}

/* mobile jeszcze ciaśniej */
@media (max-width: 768px){
  .single-post .home-hero{
    padding-bottom: 12px !important;
  }

  .single-post .entry-content > .pt-lg-6{
    padding-top: 12px !important;
  }
}

/* ===== SINGLE POST – ciaśniej pod tytułem ===== */

.single-post .home-hero{
  padding-bottom: 0px !important;
  padding-top: 110px !important; /* możesz zmniejszyć jeśli chcesz jeszcze ciaśniej */
}

.single-post .entry-content > div.pt-lg-6,
.single-post .entry-content > div.pt-6{
  padding-top: 10px !important;
}

/* jeszcze ciaśniej na mobile */
@media (max-width: 768px){
  .single-post .home-hero{
    padding-bottom: 6px !important;
    padding-top: 24px !important;
  }

  .single-post .entry-content > div.pt-lg-6,
  .single-post .entry-content > div.pt-6{
    padding-top: 6px !important;
  }
}

/* Wyśrodkowanie tytułu i daty na pojedynczym wpisie */

.single-post .home-hero h1,
.single-post .home-hero p {
  text-align: center;
}

/* opcjonalnie – lekko ładniejszy odstęp */
.single-post .home-hero {
  text-align: center;
}

@media (min-width: 992px) {

  .footer-social {
    display: flex;
    align-items: center;
    gap: 12px; /* odstęp między ikonami */
  }

  .footer-social li {
    display: inline-block;
  }

}

.footer-contact-row{
  display: flex;
  justify-content: center !important;
  align-items: center;
}

.footer-social{
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  width: 100%;
  margin: 0 auto !important;
}

.footer-social .list-inline-item{
  margin: 0 8px !important;
}

.back-blog-btn {

  background-color: #ef5b4f !important;

  color: #ffffff !important;

  border-radius: 999px !important;

  padding: 18px 34px !important;

  font-size: 22px !important;

  font-weight: 700 !important;

  text-decoration: none !important;

  border: none !important;

}

.back-blog-btn:hover {

  background-color: #e84f43 !important;

  color: #ffffff !important;

}

.wp-block-button {

  text-align: center;

}


.language-flag {
  width: 26px;
  height: auto;
  display: block;
}

@media (max-width: 991.98px){

  .site-header .btn-menu{
    display: inline-block;
    margin-top: 1px !important;
    margin-bottom: 12px !important;
  }

}

@media (max-width: 991.98px) {

  .site-header .navbar-nav{
    display: flex;
    flex-direction: column;
  }

  .site-header .btn-menu{
    order: 999;
    margin-top: 2px !important;
  }

}