/* Style zmigrowane z header.php (audyt 2026-07-05) - blok 1: nav/sticky-header, blok 2: lt-post-enhance */

/* Reset for nav elements */
        .sticky-header ul, .sticky-header li { list-style: none; margin: 0; padding: 0; }

        /* Header layout */
        .sticky-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; z-index: 1000; background: rgba(255,255,255,.98); box-shadow: 0 2px 20px rgba(0,0,0,.08); }
        .sticky-header nav { display: flex; justify-content: space-between; align-items: center; height: 100%; gap: 1rem; }

        /* Header right section */
        .header-right { display: flex; align-items: center; gap: 1rem; }

        /* Navigation menu */
        .nav-menu { display: flex; align-items: center; gap: 0.5rem; }

        /* Nav links */
        .nav-link { display: inline-flex; align-items: center; padding: 0.5rem 0.75rem; color: #212529; font-size: 0.875rem; font-weight: 500; border-radius: 0.5rem; white-space: nowrap; text-decoration: none; transition: all 0.2s ease; }
        .nav-link:hover { color: #004A99; background: rgba(0,74,153,0.05); }

        /* Nav CTA button */
        .nav-link-cta { background: #F37021; color: #fff !important; padding: 0.5rem 1.25rem; margin-left: 0.5rem; }
        .nav-link-cta:hover { background: #D95B0E; color: #fff !important; }

        /* Nav dropdown */
        .nav-dropdown { position: relative; }
        .nav-dropdown-toggle { display: inline-flex; align-items: center; gap: 6px; padding: 0.5rem 0.75rem; color: #212529; font-size: 0.875rem; font-weight: 500; border-radius: 0.5rem; white-space: nowrap; background: transparent; border: none; cursor: pointer; font-family: inherit; }
        .nav-dropdown-toggle:hover { color: #004A99; background: rgba(0,74,153,0.05); }
        /* Chevron styling and rotation - high specificity */
        .nav-dropdown-chevron,
        .nav-dropdown .nav-dropdown-chevron,
        .nav-dropdown-toggle .nav-dropdown-chevron,
        i.nav-dropdown-chevron,
        i.fas.fa-chevron-down.nav-dropdown-chevron {
            display: inline-block !important;
            font-size: 0.65rem !important;
            transition: transform 0.2s ease !important;
            transform-origin: center !important;
            color: #6c757d !important;
            transform: rotate(0deg) !important;
        }
        /* Rotation when open - maximum specificity */
        .nav-dropdown.is-open .nav-dropdown-chevron,
        .nav-dropdown.is-open i.nav-dropdown-chevron,
        .nav-dropdown.is-open i.fas.fa-chevron-down.nav-dropdown-chevron,
        li.nav-dropdown.is-open .nav-dropdown-chevron,
        #calculators-dropdown.is-open .nav-dropdown-chevron,
        #calculators-dropdown.is-open i.nav-dropdown-chevron,
        .nav-dropdown-toggle[aria-expanded="true"] .nav-dropdown-chevron,
        .nav-dropdown-toggle[aria-expanded="true"] i.nav-dropdown-chevron {
            transform: rotate(180deg) !important;
            color: #004A99 !important;
        }
        .nav-dropdown-toggle:hover .nav-dropdown-chevron { color: #004A99 !important; }
        .nav-dropdown-menu { position: absolute; top: calc(100% + 0.5rem); left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #dee2e6; border-radius: 0.75rem; box-shadow: 0 10px 40px rgba(0,0,0,0.15); min-width: 280px; padding: 0.5rem; z-index: 1001; opacity: 0; visibility: hidden; transition: all 0.2s ease; }
        .nav-dropdown.is-open .nav-dropdown-menu,
        .nav-dropdown-menu.open { opacity: 1; visibility: visible; }
        .nav-dropdown-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 0.5rem; color: #212529; font-size: 0.875rem; font-weight: 500; text-decoration: none; }
        .nav-dropdown-item:hover { background: rgba(0,74,153,0.05); color: #004A99; }
        .nav-dropdown-item svg { color: #004A99; flex-shrink: 0; }

        /* Language dropdown */
        .language-dropdown { position: relative; }
        .sticky-header .nav-container { max-width: 1240px; }
        .current-language { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; background: #fff; border: 1px solid #dee2e6; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; color: #212529; min-height: 40px; }
        .current-language:hover { border-color: #004A99; }
        .current-flag img { width: 22px; height: 16px; object-fit: cover; border-radius: 2px; }
        .language-options { position: absolute; top: calc(100% + 0.5rem); right: 0; background: #fff; border: 1px solid #dee2e6; border-radius: 0.75rem; box-shadow: 0 10px 40px rgba(0,0,0,0.15); min-width: 180px; padding: 0.5rem; z-index: 1001; opacity: 0; visibility: hidden; transition: all 0.2s ease; }
        .language-options.open { opacity: 1; visibility: visible; }
        .language-option { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 0.5rem; color: #212529; font-size: 0.875rem; text-decoration: none; }
        .language-option:hover { background: #f8f9fa; }
        .language-option img { width: 24px; height: 18px; object-fit: cover; border-radius: 3px; }

        /* Hamburger - hidden on desktop */
        .hamburger, #mobile-menu-toggle { display: none; }
        /* Szybki guzik "Blog" na pasku - tylko mobile/tablet (<=1180px); navbar bloga jest bialy, wiec pigulka niebieska */
        .nav-blog-quick { display: none; }
        @media (max-width: 1180px) {
            .nav-blog-quick { display: inline-flex; align-items: center; margin-left: auto; padding: 8px 16px; border: 1.5px solid #004A99; border-radius: 8px; font-weight: 600; font-size: 14px; line-height: 1; text-decoration: none; white-space: nowrap; color: #004A99; transition: background-color .2s, color .2s, border-color .2s; }
            .nav-blog-quick:hover, .nav-blog-quick:focus-visible { background: #F37021; border-color: #F37021; color: #fff; }
        }
        /* <=768: main-site.css nadaje logo order:1 / hamburger order:2 + flex-wrap:wrap - wpasuj guzik miedzy nie i trzymaj 1 linie */
        @media (max-width: 768px) {
            .sticky-header .nav-container { flex-wrap: nowrap; }
            .nav-blog-quick { order: 2; }
            #mobile-menu-toggle { margin-left: 0 !important; }
        }
        @media (max-width: 470px) {
            .logo { flex-shrink: 1 !important; min-width: 0 !important; max-width: 48vw !important; overflow: hidden; }
            .logo svg { width: 100% !important; height: auto !important; max-height: 48px !important; }
        }
        @media (max-width: 400px) { .nav-blog-quick { padding: 7px 12px !important; font-size: 13px !important; } }
        @media (max-width: 360px) { .logo { max-width: 44vw !important; } .nav-blog-quick { padding: 6px 10px !important; font-size: 12px !important; } }
        .hamburger .close-icon { display: none; }

        /* CSS Variables for blog */
        :root {
            --primary: #004A99;
            --primary-dark: #003870;
            --accent: #F37021;
            --accent-darker: #D95B0E;
            --text-dark: #1a1a2e;
            --text-muted: #6c757d;
            --border-color: #e0e0e0;
        }

        /* Blog specific */
        .blog-content-section { padding: 100px 0 80px; background: #f8fafc; min-height: 60vh; overflow: visible; }
        .blog-container { max-width: 1140px; margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box; overflow: visible; }
        /* Ensure main doesn't clip children */
        main#main-content { overflow: visible !important; }

        /* Single post layout fixes */
        article.single-post { max-width: 800px; margin: 0 auto; background: #fff; border-radius: 20px; box-shadow: 0 4px 30px rgba(0,0,0,0.08); padding: 40px; box-sizing: border-box; }
        .single-post .post-title { font-size: 2.2rem; font-weight: 700; color: var(--primary); line-height: 1.3; margin-bottom: 15px; }
        .single-post .post-meta { display: flex; flex-wrap: wrap; gap: 15px; font-size: 0.85rem; color: var(--text-muted); margin-bottom: 20px; }
        .single-post .post-meta i { margin-right: 5px; color: var(--accent); }
        .single-post .post-meta a { color: var(--primary); text-decoration: none; }
        .single-post .post-meta a:hover { color: var(--accent); }
        .post-content { font-size: 1.05rem; line-height: 1.8; color: var(--text-dark); }
        .post-content h2 { font-size: 1.6rem; font-weight: 600; color: var(--primary); margin-top: 40px; margin-bottom: 20px; }
        .post-content h3 { font-size: 1.3rem; font-weight: 600; color: var(--primary); margin-top: 30px; margin-bottom: 15px; }
        .post-content p { margin-bottom: 20px; }
        .post-content a { color: var(--accent); }
        .post-content ul, .post-content ol { margin-bottom: 20px; padding-left: 25px; }
        .post-content li { margin-bottom: 8px; }
        .post-content img { max-width: 100%; height: auto; border-radius: 12px; }
        .post-content blockquote { border-left: 4px solid var(--accent); padding-left: 25px; margin: 30px 0; font-style: italic; color: var(--text-muted); }

        /* Comments form fixes */
        .comments-section { margin-top: 50px; padding-top: 40px; border-top: 1px solid var(--border-color); }
        .comment-reply-title { font-size: 1.2rem; font-weight: 600; color: var(--primary); margin-bottom: 20px; }
        .comment-form input[type="text"],
        .comment-form input[type="email"],
        .comment-form input[type="url"],
        .comment-form textarea { width: 100%; padding: 12px 16px; border: 2px solid var(--border-color); border-radius: 10px; font-family: inherit; font-size: 1rem; margin-bottom: 15px; box-sizing: border-box; }
        .comment-form input:focus,
        .comment-form textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0,74,153,0.1); }
        .comment-form .submit { display: inline-flex; padding: 12px 28px; background: var(--accent); color: #fff; border: none; border-radius: 10px; font-size: 1rem; font-weight: 600; cursor: pointer; }
        .comment-form .submit:hover { background: var(--accent-darker); }
        .comment-form label { display: block; font-size: 0.9rem; font-weight: 500; color: var(--text-dark); margin-bottom: 6px; }

        /* Author box */
        .author-box { display: flex; gap: 20px; margin-top: 40px; padding: 25px; background: #f8fafc; border-radius: 16px; }
        .author-avatar { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
        .author-name { font-size: 1.1rem; font-weight: 600; color: var(--primary); margin-bottom: 8px; }
        .author-bio { font-size: 0.9rem; color: var(--text-muted); line-height: 1.6; margin-bottom: 10px; }
        .author-social { display: flex; gap: 10px; }
        .author-social a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--primary); color: #fff; border-radius: 50%; font-size: 0.85rem; text-decoration: none; }
        .author-social a:hover { background: var(--accent); }

        /* Post navigation */
        .post-navigation { display: flex; justify-content: space-between; gap: 20px; margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--border-color); }
        .post-navigation a { display: flex; flex-direction: column; gap: 5px; max-width: 45%; text-decoration: none; }
        .nav-label { font-size: 0.85rem; color: var(--text-muted); }
        .nav-label i { color: var(--accent); }
        .nav-title { font-size: 0.95rem; font-weight: 500; color: var(--primary); line-height: 1.4; }
        .nav-next { text-align: right; }

        /* Related posts - outside main content area */
        .related-posts-section { background: #f8fafc; padding: 50px 0; }
        .related-posts-section .container { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
        .related-posts-section h3 { font-size: 1.3rem; font-weight: 600; color: var(--primary); margin-bottom: 25px; text-align: center; }
        .related-posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
        .related-post-card { display: block; background: #fff; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: all 0.3s ease; }
        .related-post-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
        .related-post-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
        .related-post-card h4 { padding: 15px; font-size: 0.95rem; font-weight: 500; color: var(--text-dark); line-height: 1.4; }
        .related-thumbnail-placeholder { width: 100%; aspect-ratio: 16/9; background: linear-gradient(135deg, var(--primary) 0%, #0066CC 100%); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.3); font-size: 2rem; }

        /* Comments section - outside main content area */
        .comments-section-wrapper { background: #f0f4f8; padding: 50px 0; width: 100%; }
        .comments-section-wrapper .container { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
        .comments-section-wrapper .comments-inner { max-width: 800px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 4px 30px rgba(0,0,0,0.08); }

        /* Body and HTML reset for full width sections */
        html, body {
            overflow-x: hidden;
        }
        body.blog-page {
            overflow-x: hidden !important;
        }

        /* Footer full width fix */
        footer.footer,
        .footer {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            box-sizing: border-box !important;
        }
        .footer .container { max-width: 1140px; margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box; }

        /* Related posts and comments sections */
        .related-posts-section,
        .comments-section-wrapper {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            box-sizing: border-box !important;
        }

        /* Post tags */
        .post-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 40px; padding-top: 25px; border-top: 1px solid var(--border-color); }
        .tags-label { font-weight: 600; color: var(--text-dark); }
        .tags-label i { margin-right: 5px; color: var(--accent); }
        .tag-link { display: inline-block; padding: 6px 14px; background: #f4f6f8; border-radius: 20px; font-size: 0.85rem; color: var(--text-muted); text-decoration: none; }
        .tag-link:hover { background: var(--primary); color: #fff; }

        @media (max-width: 992px) {
            .related-posts-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {
            article.single-post { padding: 25px; border-radius: 16px; }
            article.single-post .post-title { font-size: 1.7rem; }
            .author-box { flex-direction: column; text-align: center; }
            .author-avatar { margin: 0 auto; }
            .author-social { justify-content: center; }
            .post-navigation { flex-direction: column; }
            .post-navigation a { max-width: 100%; }
            .nav-next { text-align: left; }
            .related-posts-grid { grid-template-columns: 1fr; }
            .related-posts-section { padding: 30px 15px 0; margin-top: 30px; }
            .comments-section-wrapper { padding: 25px; margin-top: 30px; border-radius: 16px; }
        }

        /* WordPress Admin Bar offset */
        .admin-bar .sticky-header { top: 32px; }
        .admin-bar .blog-content-section { padding-top: 132px; }
        .admin-bar .header-right { top: 104px; } /* 72px header + 32px admin bar */
        @media screen and (max-width: 782px) {
            .admin-bar .sticky-header { top: 46px; }
            .admin-bar .blog-content-section { padding-top: 146px; }
            .admin-bar .header-right { top: 118px; } /* 72px + 46px */
            /* WP admin bar na mobile jest position:absolute (chowa sie przy scrollu) -> przypnij na stale, zeby offset navbara (46px) byl zawsze wazny i nie bylo pustej przerwy u gory. Dotyczy tylko zalogowanego admina; goscie nie maja #wpadminbar, wiec regula jest dla nich bezczynna. */
            #wpadminbar { position: fixed !important; top: 0 !important; }
        }

        /* Mobile */
        @media (max-width: 1180px) {
            .hamburger, #mobile-menu-toggle { display: block; padding: 0.5rem; background: transparent; border: none; cursor: pointer; }
            .hamburger.is-active .hamburger-icon { display: none; }
            .hamburger.is-active .close-icon { display: block; }
            .header-right { position: fixed; top: 72px; left: 0; right: 0; bottom: 0; background: #fff; flex-direction: column; padding: 1.5rem; transform: translateX(100%); transition: transform 0.3s ease; overflow-y: auto; align-items: stretch; gap: 0; }
            .header-right.mobile-menu-active { transform: translateX(0); }
            .nav-menu { flex-direction: column; width: 100%; gap: 0; }
            .nav-link { display: block; width: 100%; padding: 1rem; border-bottom: 1px solid #eee; font-size: 1rem; border-radius: 0; text-align: center; }
            .nav-link-cta { margin: 1rem 0 0; border-radius: 0.5rem; text-align: center; }
            .nav-dropdown { width: 100%; }
            .nav-dropdown-toggle { display: flex; width: 100%; padding: 1rem; border-bottom: 1px solid #eee; font-size: 1rem; border-radius: 0; justify-content: center; }
            .nav-dropdown-menu { position: static; transform: none; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; opacity: 1; visibility: visible; box-shadow: none; border: none; border-radius: 0; min-width: 100%; padding: 0; background: #f8f9fa; }
            .nav-dropdown.is-open .nav-dropdown-menu { max-height: 500px; }
            .language-dropdown { order: -1; margin: 0 0 1.5rem; width: 100%; }
            .current-language { width: 100%; justify-content: center; }
            .language-options { position: static; box-shadow: none; border: 1px solid #dee2e6; margin-top: 0.5rem; transform: none; }
            .language-options:not(.open) { display: none; }
        }

.single .entry-content{font-size:1.07rem;line-height:1.78;color:#1f2733}
.single .entry-content,.single .entry-content p,.single .entry-content li{text-align:left !important}
.single .entry-content p{margin:0 0 1.4rem}
.single .entry-content>p:first-of-type{font-size:1.14rem;color:#16202c}
.single .entry-content h2{font-size:1.7rem;line-height:1.3;font-weight:700;color:#16202c;margin:2.8rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #eef1f5;text-align:left}
.single .entry-content h3{font-size:1.3rem;line-height:1.35;font-weight:600;color:#004A99;margin:2rem 0 .7rem;text-align:left}
.single .entry-content h4{font-size:1.12rem;font-weight:600;color:#16202c;margin:1.6rem 0 .55rem;text-align:left}
.single .entry-content ul,.single .entry-content ol{margin:0 0 1.4rem}
.single .entry-content ol{padding-left:1.6rem}
.single .entry-content li{margin-bottom:.5rem;line-height:1.7}
.single .entry-content ul{list-style:none !important;padding-left:.2rem}
.single .entry-content ul>li{position:relative;padding-left:1.4rem}
.single .entry-content ul>li::marker{content:"" !important}
.single .entry-content ul>li::before{content:"";position:absolute;left:.12rem;top:.66em;width:6px;height:6px;border-radius:50%;background:#F37021}
.single .entry-content ol li::marker{color:#004A99;font-weight:600}
.single .entry-content a{color:#004A99;text-decoration:underline;text-decoration-color:rgba(0,74,153,.4);text-underline-offset:2px}
.single .entry-content a:hover{color:#F37021;text-decoration-color:#F37021}
.single .entry-content strong,.single .entry-content b{color:#16202c;font-weight:600}
.single .entry-content blockquote{margin:1.8rem 0;padding:1rem 1.4rem;border-left:4px solid #F37021;background:#f8fafc;border-radius:0 8px 8px 0;font-style:italic;color:#334155}
.single .entry-content blockquote p:last-child{margin-bottom:0}
.single .entry-content img{max-width:100%;height:auto}
.single .entry-content figure{margin:1.5rem 0}
.single .entry-content figure img{border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.single .entry-content figcaption{font-size:.88rem;color:#64748b;text-align:center;margin-top:.5rem}
.single .entry-content iframe{max-width:100%}
.single .entry-content table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.97rem;border:1px solid #e2e8f0}
.single .entry-content th,.single .entry-content td{padding:.78rem 1rem;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #eaeef3}
.single .entry-content thead td,.single .entry-content th{background:#004A99 !important;color:#fff !important;font-weight:600;border:0}
.single .entry-content thead td *,.single .entry-content th *{color:#fff !important}
.single .entry-content tbody tr:last-child td{border-bottom:0}
.single .entry-content tbody tr:nth-child(even) td{background:#fafbfc}
/* Wyrownanie sekcji powiazanych postow i komentarzy do szerokosci artykulu (theme daje je 1100px, artykul 800px) */
.single .related-posts-grid,.single .comments-section,.single .related-posts,.single .post-navigation{max-width:800px;margin-left:auto;margin-right:auto}
/* ====== POSTY NA WASKICH TELEFONACH (S23 ~360px, iPhone 16 Pro ~393px) ======
   Problem: potrojny padding (body 25 + kontener 20 + karta 25 = 140px/360) duszil tekst do ~218px (~28 znakow/linia).
   Fix: utnij paddingi -> ~304px tekstu (~40 znakow/linia) + delikatnie wieksza czcionka i ciasniejsze lamanie naglowkow. */
@media(max-width:640px){
.single .entry-content{font-size:1.06rem;line-height:1.72}
.single .entry-content>p:first-of-type{font-size:1.12rem}
.single .entry-content h2{font-size:1.42rem;line-height:1.28;margin-top:2rem}
.single .entry-content h3{font-size:1.16rem;line-height:1.32}
.single .entry-content h4{font-size:1.08rem}
.single .entry-content blockquote{padding:.8rem 1rem;margin:1.4rem 0}
.single .entry-content ul>li{padding-left:1.25rem}
.single article.single-post .post-title{font-size:1.58rem !important;line-height:1.28}
body.single{padding-left:0 !important;padding-right:0 !important}
.single .blog-container{padding-left:12px !important;padding-right:12px !important}
.single article.single-post{padding:24px 16px !important}
}
.single .post-categories{font-size:0;line-height:1.9}
.single .post-categories i{font-size:.92rem;vertical-align:middle;margin-right:.3rem}
.single .post-categories a[rel="category tag"]{display:inline-block;font-size:.76rem;font-weight:500;color:#004A99 !important;background:#eef3fb;padding:.22rem .66rem;border-radius:999px;margin:.12rem .35rem .12rem 0;text-decoration:none !important;line-height:1.5;vertical-align:middle}
.single .post-categories a[rel="category tag"]:hover{background:#004A99;color:#fff !important}
.single .post-featured-image{max-width:100%;margin:1.3rem 0}
.single .post-featured-image img,.single .featured-image{max-width:100% !important;height:auto !important;display:block}
/* Okruszki: ostatni element (tytul artykulu) to <span> inline, na ktorym max-width/overflow/ellipsis NIE dzialaja -> dlugi tytul sie lamal i ucinal brzydko. inline-block wlacza obcinanie z wielokropkiem (...) i utrzymuje go w jednej linii. */
.single .breadcrumb-current{display:inline-block !important;vertical-align:middle;max-width:min(68vw,360px) !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ====== META NAGLOWEK POSTA (UX/UI) ====== */
.single .post-meta-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.7rem 1rem;margin:0 0 1.5rem}
.single .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin:0;font-size:.85rem;line-height:1.4}
.single .post-date,.single .post-reading-time{display:inline-flex;align-items:center;gap:.4rem;background:#f1f5f9;color:#475569;padding:.34rem .72rem;border-radius:999px;font-weight:500;font-size:.8rem;white-space:nowrap}
.single .post-date i,.single .post-reading-time i{color:#94a3b8;margin:0;font-size:.82rem}
.single .post-date::after{content:none !important}
.single .post-categories{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.38rem;font-size:0}
.single .post-categories>i{font-size:.85rem;color:#94a3b8;margin:0 .1rem 0 0}
.single .post-categories a[rel="category tag"]{display:inline-flex;font-size:.77rem;font-weight:500;color:#004A99 !important;background:#eaf1fb;padding:.3rem .72rem;border-radius:999px;margin:0;text-decoration:none !important;line-height:1.45;transition:background .15s,color .15s}
.single .post-categories a[rel="category tag"]:hover{background:#004A99;color:#fff !important}
.single .blog-language-switcher{flex-shrink:0;position:relative}
.single .blog-lang-current{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.4rem .8rem;font-size:.84rem;font-weight:500;color:#334155;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .15s,box-shadow .15s}
.single .blog-lang-current:hover{border-color:#cbd5e1;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.single .blog-lang-current img{width:20px;height:14px;border-radius:2px;object-fit:cover}

/* ====== SEKCJA KOMENTARZY (UX/UI) ====== */
.single .comments-section{margin-top:3.2rem;padding-top:2rem;border-top:1px solid #e8edf2}
.single .comments-title,.single .comments-section>h2,.single .comments-section>h3{font-size:1.4rem;font-weight:700;color:#16202c;margin:0 0 1.5rem}
.single ol.commentlist,.single ol.commentlist .children{list-style:none !important;margin:0;padding:0}
.single ol.commentlist li.comment{list-style:none;margin:0 0 1rem}
.single ol.commentlist li.comment::before{display:none !important;content:none !important}
.single .comment-body{background:#fff;border:1px solid #e8edf2;border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.single .commentlist .children{margin:1rem 0 0 1.4rem;padding-left:.6rem;border-left:2px solid #eef2f7}
.single .comment-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:0 0 .7rem;padding:0;border:0;background:none}
.single .comment-author.vcard{display:flex;align-items:center;gap:.65rem;margin:0;min-width:0}
.single .comment-author .avatar{width:42px;height:42px;border-radius:50%;border:0;flex-shrink:0}
.single .comment-author .fn{font-style:normal;font-weight:600;color:#16202c;font-size:.95rem;overflow-wrap:anywhere}
.single .comment-author .says{display:none}
.single .comment-metadata{margin-left:auto;flex-shrink:0}
.single .comment-metadata a{color:#9aa6b6 !important;font-size:.78rem;text-decoration:none !important;white-space:nowrap}
.single .comment-metadata .comment-edit-link{margin-left:.5rem;color:#cbd5e1 !important}
.single .comment-content{color:#3a4658;line-height:1.7;font-size:.96rem;overflow-wrap:break-word}
.single .comment-content p{margin:0 0 .6rem}.single .comment-content p:last-child{margin:0}
.single .comment-body .reply{margin-top:.6rem}
.single .comment-body .reply a{display:inline-flex;align-items:center;font-size:.8rem;font-weight:500;color:#004A99 !important;background:#eaf1fb;padding:.28rem .8rem;border-radius:999px;text-decoration:none !important;transition:background .15s,color .15s}
.single .comment-body .reply a:hover{background:#004A99;color:#fff !important}
.single .post-meta .visually-hidden,.single .post-categories .visually-hidden,.single .comment-author .says,.single .visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
@media(min-width:700px){.single .post-meta-row{position:relative;padding-right:128px}.single .blog-language-switcher{position:absolute;top:0;right:0}}
/* ====== TABELA RESPONSYWNA (mobile: scroll poziomy zamiast lamania slow) ====== */
.single .entry-content figure.wp-block-table,.single .entry-content .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6rem 0}
.single .entry-content table{min-width:540px}
.single .entry-content th,.single .entry-content td{word-break:normal;overflow-wrap:normal;hyphens:none}
@media(max-width:560px){.single .entry-content figure.wp-block-table{position:relative;border:1px solid #e8edf2;border-radius:10px}.single .entry-content table{min-width:520px;border:0}}

/* ====== FORMULARZ KOMENTARZA (UX/UI) ====== */
.single .comment-form .logged-in-as{background:#f1f5f9;border-radius:10px;padding:.78rem 1rem;font-size:.86rem;color:#64748b;margin:0 0 1.3rem;line-height:1.7}
.single .comment-form .logged-in-as a{color:#004A99 !important;font-weight:500;text-decoration:none !important}
.single .comment-form .logged-in-as a:hover{color:#F37021 !important}
.single .comment-form .comment-notes,.single .comment-form .comment-form-comment+*+.comment-notes{font-size:.83rem;color:#94a3b8;margin:0 0 1.2rem;line-height:1.6}
.single .comment-form label{display:block;font-weight:600;color:#16202c;font-size:.88rem;margin-bottom:.45rem}
.single .comment-form textarea{min-height:140px;border:1.5px solid #e2e8f0 !important;border-radius:12px !important}
.single .comment-form input[type="text"],.single .comment-form input[type="email"],.single .comment-form input[type="url"]{border:1.5px solid #e2e8f0 !important;border-radius:10px !important;padding:.7rem 1rem !important}
.single .comment-form .form-submit{margin-top:.3rem}
.single .comment-form .submit{background:#E67E22 !important;border-radius:10px !important;padding:.8rem 1.9rem !important;font-weight:600;box-shadow:0 3px 10px rgba(230,126,34,.28);transition:background .15s,transform .1s,box-shadow .15s}
.single .comment-form .submit:hover{background:#d46b15 !important;transform:translateY(-1px);box-shadow:0 5px 14px rgba(230,126,34,.32)}