/* ==========================================================================
   JEDNOŚLAD.PL - VELO / OUTSIDE INSPIRED TYPOGRAPHY (MERRIWEATHER)
   ========================================================================== */

/* 1. ARTICLE CONTENT & BODY TEXT */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content blockquote,
.post-content,
.post-excerpt,
.entry-summary,
.comment-content,
.author-bio,
.post-details .post-excerpt {
    font-family: 'Merriweather', Georgia, 'Times New Roman', serif !important;
}

/* Article Body Paragraphs - 18px / 32px line-height, 28px bottom margin */
.entry-content p,
.single .entry-content p {
    font-family: 'Merriweather', Georgia, serif !important;
    font-size: 18px !important;
    line-height: 32px !important;
    margin-bottom: 28px !important;
    letter-spacing: 0.005em !important;
    color: #22252a !important;
    font-weight: 400 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* First / Lead Paragraph */
.single .entry-content > p:first-of-type {
    font-size: 19px !important;
    line-height: 34px !important;
    margin-bottom: 30px !important;
    font-weight: 400 !important;
}

/* Dark mode text color */
.dark-skin .entry-content p,
.dark-skin .single .entry-content p {
    color: #e2e8f0 !important;
}

/* List items inside article content */
.entry-content ul li,
.entry-content ol li {
    font-family: 'Merriweather', Georgia, serif !important;
    font-size: 18px !important;
    line-height: 30px !important;
    margin-bottom: 14px !important;
    color: #22252a !important;
}

.dark-skin .entry-content ul li,
.dark-skin .entry-content ol li {
    color: #e2e8f0 !important;
}

/* Blockquotes */
.entry-content blockquote,
blockquote {
    font-family: 'Merriweather', Georgia, serif !important;
    font-style: italic !important;
    font-size: 1.15rem !important;
    line-height: 1.8 !important;
    margin-bottom: 28px !important;
}

/* Excerpts on lists and homepage blocks */
.post-excerpt,
.entry-summary,
.post-details .post-excerpt {
    font-family: 'Merriweather', Georgia, serif !important;
    font-size: 14.5px !important;
    line-height: 24px !important;
    color: #4b5563 !important;
}

.dark-skin .post-excerpt,
.dark-skin .entry-summary {
    color: #9ca3af !important;
}

/* 2. NAGŁÓWKI TREŚCI (CONTENT HEADINGS) - STYL MERRIWEATHER */
.entry-content h2,
.entry h2,
.content-only h2 {
    font-family: 'Merriweather', Georgia, serif !important;
    font-weight: 700 !important;
    font-size: 1.65rem !important;
    line-height: 1.35 !important;
    margin-top: 2.75rem !important;
    margin-bottom: 1.25rem !important;
    color: #111827 !important;
    letter-spacing: -0.01em !important;
}

.dark-skin .entry-content h2,
.dark-skin .entry h2 {
    color: #f3f4f6 !important;
}

.entry-content h3,
.entry h3,
.content-only h3 {
    font-family: 'Merriweather', Georgia, serif !important;
    font-weight: 700 !important;
    font-size: 1.35rem !important;
    line-height: 1.4 !important;
    margin-top: 2.25rem !important;
    margin-bottom: 1rem !important;
    color: #1f2937 !important;
}

.dark-skin .entry-content h3,
.dark-skin .entry h3 {
    color: #e5e7eb !important;
}

.entry-content h4,
.entry h4,
.content-only h4 {
    font-family: 'Merriweather', Georgia, serif !important;
    font-weight: 700 !important;
    font-size: 1.18rem !important;
    line-height: 1.45 !important;
    margin-top: 1.75rem !important;
    margin-bottom: 0.75rem !important;
    color: #374151 !important;
}

.dark-skin .entry-content h4,
.dark-skin .entry h4 {
    color: #d1d5db !important;
}

.entry-content h5,
.entry-content h6,
.entry h5,
.entry h6 {
    font-family: 'Merriweather', Georgia, serif !important;
    font-weight: 700 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* 3. ŚCISŁA OCHRONA TYTUŁÓW I MENU (TYTUŁÓW NIE ZMIENIAJ) */
/* Główne tytuły wpisów, stron i artykułów oraz kafelków zachowują oryginalny styl */
h1.entry-title,
h1.post-title,
.entry-title,
.post-title,
.post-title a,
.single-post-title,
.fullwidth-entry-title,
.fullwidth-entry-title h1,
.first-post-title,
.mag-box-title,
.section-title,
.widget-title,
/* Cała nawigacja i menu */
#theme-header,
#theme-header *,
#main-nav,
#main-nav *,
.main-menu,
.main-menu *,
.top-nav,
.top-nav * {
    /* Pozostają w 100% z oryginalnymi czcionkami i stylami */
}

/* 4. RESPONSYWNOŚĆ MOBILNA */
@media (max-width: 767px) {
    .entry-content p,
    .single .entry-content p {
        font-size: 17px !important;
        line-height: 30px !important;
        margin-bottom: 24px !important;
    }

    .single .entry-content > p:first-of-type {
        font-size: 18px !important;
        line-height: 32px !important;
        margin-bottom: 26px !important;
    }

    .entry-content ul li,
    .entry-content ol li {
        font-size: 17px !important;
        line-height: 28px !important;
        margin-bottom: 12px !important;
    }

    .entry-content h2,
    .entry h2 {
        font-size: 1.42rem !important;
        margin-top: 2rem !important;
        margin-bottom: 1rem !important;
    }

    .entry-content h3,
    .entry h3 {
        font-size: 1.22rem !important;
        margin-top: 1.75rem !important;
        margin-bottom: 0.75rem !important;
    }
}