/* ==========================================================================
   Menu Malucha — blog na natywnych wpisach WordPressa (archiwum + pojedynczy wpis)
   Odwzorowanie projekt strony/blog.html i artykul.html na markup Kadence.
   UWAGA: klasy Kadence (.loop-entry, .entry-content-wrap, .post-thumbnail…)
   sprawdzić na froncie po ustawieniu układu w Customizerze (Blog Posts → Archive).
   Ustawienia Customizera, które ten plik zakłada: układ siatki 3 kolumny,
   obrazek nad treścią, styl kart „unboxed”, kategorie nad tytułem, meta pod tytułem.
   ========================================================================== */

/* ---- wspólne --------------------------------------------------------------- */
.blog .site-main,.archive .site-main,.single-post .site-main{font-family:'Nunito',system-ui,sans-serif;color:var(--ink)}
.blog .entry-title,.archive .entry-title,.single-post .entry-title,
.blog .site-main h2,.archive .site-main h2,.single-post .entry-content h2,.single-post .entry-content h3{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;line-height:1.1}

/* ---- nagłówek archiwum („Co dziś na talerzu”) ------------------------------- */
.blog .kadence-breadcrumbs,.archive .kadence-breadcrumbs{font-size:14px;font-weight:700}
.blog .page-title,.archive .page-title,.blog .archive-title,.archive .archive-title{font-family:'Fredoka',system-ui,sans-serif;font-size:clamp(34px,4.6vw,54px);font-weight:700;color:var(--ink)}
.blog .archive-description,.archive .archive-description{color:var(--slate);font-size:18px;max-width:34em}
.blog .entry-hero,.archive .entry-hero,.blog .kadence-blog-hero,.archive .kadence-blog-hero{background:radial-gradient(120% 90% at 50% 0%,rgba(140,191,63,.16),rgba(255,255,255,0) 66%),linear-gradient(180deg,#fff 0%,var(--cream) 100%)}

/* ---- karty wpisów (archiwum) --------------------------------------------------- */
.post-archive .loop-entry{background:transparent;border:0;box-shadow:none}
.post-archive .loop-entry .post-thumbnail,.post-archive .loop-entry .post-thumbnail img{border-radius:18px;overflow:hidden}
.post-archive .loop-entry .post-thumbnail{aspect-ratio:3/2}
.post-archive .loop-entry .post-thumbnail img{width:100%;height:100%;object-fit:cover}
.post-archive .loop-entry .entry-content-wrap{padding:14px 0 0}
.post-archive .entry-taxonomies .category-links a{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.3px;background:var(--cream);color:var(--green-d);text-decoration:none;text-transform:none}
.post-archive .entry-taxonomies .category-links a:hover{background:var(--green);color:#fff}
.post-archive .entry-title{font-size:21px;margin:10px 0 0}
.post-archive .entry-title a{color:var(--green-d);text-decoration:none;transition:color .15s}
.post-archive .loop-entry:hover .entry-title a{color:var(--orange)}
.post-archive .entry-meta{font-size:14px;font-weight:700;color:rgba(65,80,58,.75);margin-top:8px}
.post-archive .entry-summary p{color:var(--slate);font-size:16px}
.post-archive .post-more-link{font-family:'Fredoka',sans-serif;color:var(--orange);text-decoration:none}

/* ---- pojedynczy wpis ------------------------------------------------------------ */
.single-post .entry-header .entry-title{font-size:clamp(30px,4.2vw,50px);font-weight:700;color:var(--green-d);max-width:20em}
.single-post .entry-header .entry-taxonomies .category-links a{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:800;background:#fdf0d6;color:#8a5a06;text-decoration:none;text-transform:none}
.single-post .entry-meta{font-size:14px;font-weight:700;color:rgba(65,80,58,.75)}
.single-post .post-thumbnail img,.single-post .entry-hero .post-thumbnail img{border-radius:24px}
.single-post .entry-content{max-width:720px;margin:0 auto;font-size:18px;line-height:1.75;color:var(--slate)}
.single-post .entry-content h2{font-size:clamp(24px,2.6vw,30px);color:var(--green-d);margin:44px 0 14px}
.single-post .entry-content p{margin:0 0 16px}
.single-post .entry-content figcaption{font-size:14.5px;color:rgba(65,80,58,.75);font-style:italic}
.single-post .entry-content img{border-radius:18px}
.single-post .entry-content a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.single-post .entry-content a:hover{color:var(--orange)}

/* ramka „Kiedy iść do lekarza” — w edytorze: blok Grupa/Akapit z klasą .mm-note */
.mm-note{background:var(--cream);border-radius:20px;padding:24px 28px;margin:32px 0}
.mm-note .eyebrow{color:var(--orange);font-weight:800;font-size:13px;letter-spacing:1.6px;text-transform:uppercase}
.mm-note p{margin-top:8px;font-size:17px}

/* wyliczanka z numerami w kółkach — w edytorze: lista numerowana z klasą .mm-kroki */
.mm-kroki{padding:0;margin:20px 0 0;list-style:none;counter-reset:n;display:grid;gap:16px}
.mm-kroki li{counter-increment:n;display:grid;grid-template-columns:40px 1fr;gap:14px;color:var(--slate);font-size:17.5px}
.mm-kroki li::before{content:counter(n);width:40px;height:40px;border-radius:50%;background:var(--lime);color:#fff;display:grid;place-items:center;font-family:'Fredoka',sans-serif;font-size:17px}
.mm-kroki li b{color:var(--ink)}

/* baner promocyjny ebooka pod wpisami / w treści — sekcja HTML (sekcje/blog-promo.html) */
.mm-promo{background:var(--green);color:#fff;border-radius:28px;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px;align-items:center}
.mm-promo h2{color:#fff;margin-top:10px}
.mm-promo p{color:rgba(255,255,255,.9);margin-top:12px;font-size:18px}
.mm-promo img{max-width:min(100%,300px);margin:0 auto;display:block}
.mm-promo .btn{margin-top:24px}
@media(max-width:820px){.mm-promo{grid-template-columns:1fr}}

/* wstawka CTA w treści wpisu — sekcja HTML (sekcje/blog-cta-w-tresci.html) */
.mm-inline-cta{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;border:2px solid var(--line);border-radius:22px;padding:22px;margin:40px 0}
.mm-inline-cta img{width:120px;display:block;border-radius:0}
.mm-inline-cta h3{color:var(--green-d);margin:0}
.mm-inline-cta p{font-size:16px;margin:6px 0 0}
.mm-inline-cta .btn{min-height:46px;font-size:16px;padding:0 22px;margin-top:14px}
@media(max-width:560px){.mm-inline-cta{grid-template-columns:1fr}}