/*
 * Easy24Service global frontend overrides
 * Category page typography + readability
 * 2026-08-12
 */

/* Category pages must not inherit the theme's white foreground color. */
.e24-category-page {
    color: #111827 !important;
}

.e24-category-page p,
.e24-category-page strong,
.e24-category-page .breadcrumb-item.active,
.e24-category-page .card,
.e24-category-page .card .h5 {
    color: #111827 !important;
}

.e24-category-page .text-muted {
    color: #4b5563 !important;
}

.e24-category-page .breadcrumb a {
    color: #0A345A !important;
}

/*
 * Sentence case:
 * The Blade/database text already contains the intended capitalization.
 * Disable legacy theme rules such as text-transform: capitalize/uppercase,
 * so "Kako poteka naročilo?" stays exactly that way.
 */
.e24-category-page h1,
.e24-category-page h2,
.e24-category-page h3,
.e24-category-page h4,
.e24-category-page h5,
.e24-category-page h6,
.e24-category-page .e24-category-seo-content h2,
.e24-category-page #subcategory-heading,
.e24-category-page #services-heading,
.e24-category-page a.card h3 {
    color: #111827 !important;
    text-transform: none !important;
}

/* SEO content block shared by all category pages. */
.e24-category-page .e24-category-seo-content {
    color: #111827;
}

.e24-category-page .e24-category-seo-content h2 {
    margin-bottom: 0.75rem;
    line-height: 1.25;
}

.e24-category-page .e24-category-seo-content p {
    color: #111827 !important;
    line-height: 1.65;
}

.e24-category-page .e24-category-seo-content strong {
    color: inherit !important;
}

/* Category SEO copy: slightly larger, calmer body typography, no bold emphasis. */
.e24-category-page .e24-category-seo-content p {
    font-size: 17.5px !important;
    line-height: 1.72 !important;
    font-weight: 400 !important;
    text-align: justify !important;
    text-justify: inter-word;
    hyphens: auto;
}

.e24-category-page .e24-category-seo-content strong {
    font-weight: 400 !important;
    color: inherit !important;
}

.e24-category-page .e24-category-seo-content h2 {
    font-size: clamp(23px, 2vw, 29px) !important;
    font-weight: 700 !important;
}

.e24-category-page .breadcrumb,
.e24-category-page .breadcrumb-item,
.e24-category-page .breadcrumb-item a {
    font-size: 15.5px !important;
    text-transform: none !important;
}