/**
 * Jednoślad.pl - Modern Editorial Design System v3.1
 *
 * Samohostowana typografia: Schibsted Grotesk (nagłówki, tytuły, inicjały) + IBM Plex Sans (tekst główny, leady, UI).
 * Estetyka: Swiss / Porsche Christophorus Editorial – zero sztucznych klisz AI
 * (brak niebieskich pasków border-left, brak gradientowych boksów, brak pionowych znaczników ::before).
 */

/* ==========================================================================
   0. LOKALNE FONTY WOFF2 – SCHIBSTED GROTESK & IBM PLEX SANS (LATIN + LATIN-EXT)
   ========================================================================== */
@font-face {
    font-family: 'Schibsted Grotesk';
    font-style: italic;
    font-weight: 400 900;
    font-display: swap;
    src: url('/wp-content/font/local/SchibstedGrotesk-italic-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Schibsted Grotesk';
    font-style: italic;
    font-weight: 400 900;
    font-display: swap;
    src: url('/wp-content/font/local/SchibstedGrotesk-italic-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Schibsted Grotesk';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('/wp-content/font/local/SchibstedGrotesk-normal-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Schibsted Grotesk';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('/wp-content/font/local/SchibstedGrotesk-normal-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/wp-content/font/local/IBMPlexSans-italic-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/wp-content/font/local/IBMPlexSans-italic-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/wp-content/font/local/IBMPlexSans-normal-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/wp-content/font/local/IBMPlexSans-normal-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --gk-font-display: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --gk-font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --gk-ink-900: #09090b;
    --gk-ink-800: #18181b;
    --gk-ink-700: #27272a;
    --gk-ink-600: #3f3f46;
    --gk-ink-500: #52525b;
    --gk-ink-400: #71717a;
    --gk-line-light: #e4e4e7;
    --gk-line-strong: #18181b;
    --gk-surface-subtle: #fafafa;
    --gk-brand-accent: #dc2626;
}

/* ==========================================================================
   1. GLOBALNY SYSTEM TYPOGRAFICZNY (IBM PLEX SANS EDITORIAL)
   ========================================================================== */
body,
p,
li,
td,
th,
input,
textarea,
select,
button,
.post-excerpt,
.entry-content,
.entry-content p,
.entry-content ul li,
.entry-content ol li,
.entry-header .entry-sub-title,
.post-meta,
.single-post-meta,
#breadcrumb,
#main-nav .main-menu > ul > li > a {
    font-family: var(--gk-font-sans) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.post-title,
.post-title a,
.entry-title,
.entry-header h1.post-title,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.the-global-title h3,
.block-head h3,
.widget-title .the-subtitle,
.comment-reply-title,
.big-thumb-left-box-inner .post-title,
.big-thumb-left-box-inner .post-title a,
.slide .post-title,
.slide .post-title a {
    font-family: var(--gk-font-display) !important;
    letter-spacing: -0.008em !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ukrycie pływającego przycisku Jetpack "Subskrybuj", który na iPhone nachodzi na strzałkę #go-to-top i tytuły */
.jetpack-subscribe-floating-button {
    display: none !important;
}

/* ==========================================================================
   2. NAWIGACJA I HEADER (#theme-header)
   ========================================================================== */
#theme-header.main-nav-light .main-nav-wrapper {
    background: rgba(255, 255, 255, 0.97) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--gk-line-light) !important;
    box-shadow: none !important;
}

html.dark-skin #theme-header .main-nav-wrapper {
    background: rgba(15, 17, 22, 0.96) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Precyzyjne przełączanie logo Light Mode vs Dark Mode (100% ostrości Retina) */
#logo .tie-logo-picture,
#logo .tie-logo-img {
    max-height: 46px !important;
    width: auto !important;
    filter: none !important;
    box-shadow: none !important;
}

html:not(.dark-skin) #logo #tie-logo-default {
    display: inline-block !important;
}
html:not(.dark-skin) #logo #tie-logo-inverted {
    display: none !important;
}

html.dark-skin #logo #tie-logo-default,
#theme-header.main-nav-dark #logo #tie-logo-default {
    display: none !important;
}
html.dark-skin #logo #tie-logo-inverted,
#theme-header.main-nav-dark #logo #tie-logo-inverted {
    display: inline-block !important;
}

#main-nav .main-menu > ul > li > a {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

/* ==========================================================================
   3. PRZEBUDOWA STRONY GŁÓWNEJ (MAGAZYNOWY BENTO GRID & SEKCJE TEMATYCZNE)
   ========================================================================== */

/* 3.1. Strefa Hero (#tie-block_1999):
   - Desktop (>=992px): 1 główny po lewej (4 rzędy) + 8 w symetrycznej siatce 2x4 po prawej
   - Mobile/Tablet (<992px): 1 główny u góry + czysta lista pozioma (miniaturka po lewej + tytuł po prawej) */
#tie-block_1999.big-thumb-left-box .container-wrapper {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#tie-block_1999 .mag-box-container {
    display: block !important;
}

#tie-block_1999 ul.posts-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#tie-block_1999 ul.posts-items::before,
#tie-block_1999 ul.posts-items::after {
    display: none !important;
}

/* Karta główna #1 (Mobile + Desktop bazowo) */
#tie-block_1999 ul.posts-items > li:first-child {
    width: 100% !important;
    float: none !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
}

#tie-block_1999 .big-thumb-left-box-inner {
    height: 100% !important;
    min-height: 310px !important;
    width: 100% !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Karty #2..#9: zawsze w układzie poziomym (miniaturka po lewej + tytuł po prawej, zero dziury na mobile!) */
#tie-block_1999 ul.posts-items > li:not(:first-child) {
    width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
}
html.dark-skin #tie-block_1999 ul.posts-items > li:not(:first-child) {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
#tie-block_1999 ul.posts-items > li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

@media (min-width: 992px) {
    #tie-block_1999 ul.posts-items {
        display: grid !important;
        grid-template-columns: 5fr 3.5fr 3.5fr !important;
        grid-template-rows: repeat(4, minmax(96px, 1fr)) !important;
        gap: 16px 24px !important;
        align-items: stretch !important;
    }
    #tie-block_1999 ul.posts-items > li:first-child {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 5 !important;
        height: 100% !important;
        margin: 0 !important;
    }
    #tie-block_1999 .big-thumb-left-box-inner {
        min-height: 440px !important;
    }
    #tie-block_1999 ul.posts-items > li:not(:first-child) {
        padding: 0 0 14px 0 !important;
        align-items: flex-start !important;
    }
    #tie-block_1999 ul.posts-items > li:nth-last-child(-n+2) {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
}

#tie-block_1999 .big-thumb-left-box-inner .post-overlay {
    background: linear-gradient(180deg, rgba(9, 9, 11, 0) 15%, rgba(9, 9, 11, 0.72) 62%, rgba(9, 9, 11, 0.95) 100%) !important;
}
#tie-block_1999 .big-thumb-left-box-inner .post-content {
    padding: 20px !important;
}
@media (min-width: 992px) {
    #tie-block_1999 .big-thumb-left-box-inner .post-content {
        padding: 28px !important;
    }
}
#tie-block_1999 .big-thumb-left-box-inner .post-title {
    font-family: var(--gk-font-display) !important;
    font-size: clamp(21px, 2.3vw, 29px) !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.015em !important;
    margin-top: 8px !important;
}
#tie-block_1999 .big-thumb-left-box-inner .post-title a {
    color: #ffffff !important;
}

#tie-block_1999 ul.posts-items > li:not(:first-child) .post-thumb {
    width: 112px !important;
    min-width: 112px !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}
#tie-block_1999 ul.posts-items > li:not(:first-child) .post-thumb img {
    width: 112px !important;
    height: 76px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
}
#tie-block_1999 ul.posts-items > li:not(:first-child) .post-details {
    padding: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
#tie-block_1999 ul.posts-items > li:not(:first-child) .post-title {
    font-family: var(--gk-font-display) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.36 !important;
    letter-spacing: -0.005em !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
html:not(.dark-skin) #tie-block_1999 ul.posts-items > li:not(:first-child) .post-title a {
    color: var(--gk-ink-900) !important;
}
html.dark-skin #tie-block_1999 ul.posts-items > li:not(:first-child) .post-title a {
    color: #f4f4f5 !important;
}

/* 3.2. Nagłówki sekcji na stronie głównej – czysta typografia i linia redakcyjna (zero sztucznych pasków ::before) */
.mag-box .the-global-title,
.mag-box .block-head {
    border-top: 2px solid var(--gk-line-strong) !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    padding: 12px 0 !important;
    margin-bottom: 24px !important;
    background: transparent !important;
}
html.dark-skin .mag-box .the-global-title,
html.dark-skin .mag-box .block-head {
    border-top-color: #f4f4f5 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.mag-box .the-global-title::before,
.mag-box .the-global-title::after,
.mag-box .the-global-title h3::before,
.mag-box .the-global-title h3::after {
    display: none !important;
}
.mag-box .the-global-title h3 {
    font-family: var(--gk-font-display) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--gk-ink-900) !important;
}
html.dark-skin .mag-box .the-global-title h3,
html.dark-skin .mag-box .the-global-title h3 a {
    color: #f4f4f5 !important;
}

/* 3.3. Siatki kart na stronie głównej:
   - #tie-block_965 (Najnowsze publikacje: siatka 3x3)
   - #tie-block_1145 (Suzuki Poleca: siatka 3x2)
   - #tie-block_2993 (Prawo: siatka 4x1) */
#tie-block_965 .container-wrapper,
#tie-block_1145 .container-wrapper,
#tie-block_2993 .container-wrapper {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

#tie-block_965 ul.posts-items,
#tie-block_1145 ul.posts-items,
#tie-block_2993 ul.posts-items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

@media (min-width: 992px) {
    #tie-block_2993 ul.posts-items {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 24px 20px !important;
    }
}

@media (max-width: 991px) {
    #tie-block_965 ul.posts-items,
    #tie-block_1145 ul.posts-items,
    #tie-block_2993 ul.posts-items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    #tie-block_965 ul.posts-items,
    #tie-block_1145 ul.posts-items,
    #tie-block_2993 ul.posts-items {
        grid-template-columns: 1fr !important;
    }
}

#tie-block_965 ul.posts-items::before,
#tie-block_965 ul.posts-items::after,
#tie-block_1145 ul.posts-items::before,
#tie-block_1145 ul.posts-items::after,
#tie-block_2993 ul.posts-items::before,
#tie-block_2993 ul.posts-items::after {
    display: none !important;
}

#tie-block_965 ul.posts-items > li,
#tie-block_1145 ul.posts-items > li,
#tie-block_2993 ul.posts-items > li {
    width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border: none !important;
}

#tie-block_965 .post-thumb,
#tie-block_1145 .post-thumb,
#tie-block_2993 .post-thumb {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 10 !important;
    background: #f4f4f5 !important;
}
html.dark-skin #tie-block_965 .post-thumb,
html.dark-skin #tie-block_1145 .post-thumb,
html.dark-skin #tie-block_2993 .post-thumb {
    background: #18181b !important;
}

#tie-block_965 .post-thumb img,
#tie-block_1145 .post-thumb img,
#tie-block_2993 .post-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

#tie-block_965 ul.posts-items > li:hover .post-thumb img,
#tie-block_1145 ul.posts-items > li:hover .post-thumb img,
#tie-block_2993 ul.posts-items > li:hover .post-thumb img {
    transform: scale(1.03) !important;
}

#tie-block_965 .post-title,
#tie-block_1145 .post-title,
#tie-block_2993 .post-title {
    font-family: var(--gk-font-display) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.34 !important;
    letter-spacing: -0.018em !important;
    margin: 4px 0 8px 0 !important;
}
#tie-block_2993 .post-title {
    font-size: 16px !important;
}

html:not(.dark-skin) #tie-block_965 .post-title a,
html:not(.dark-skin) #tie-block_1145 .post-title a,
html:not(.dark-skin) #tie-block_2993 .post-title a {
    color: var(--gk-ink-900) !important;
}
html.dark-skin #tie-block_965 .post-title a,
html.dark-skin #tie-block_1145 .post-title a,
html.dark-skin #tie-block_2993 .post-title a {
    color: #f4f4f5 !important;
}

#tie-block_965 .post-excerpt,
#tie-block_2993 .post-excerpt {
    font-family: var(--gk-font-sans) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: var(--gk-ink-500) !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
html.dark-skin #tie-block_965 .post-excerpt,
html.dark-skin #tie-block_2993 .post-excerpt {
    color: #a1a1aa !important;
}

/* Kafle sliderów na stronie głównej (Klasyki / Wybrane dla Ciebie / Polecane) */
.fullwidth-slider-wrapper .slide,
.boxed-slider-wrapper .slide {
    border-radius: 8px !important;
    overflow: hidden !important;
}
.slide .thumb-title {
    font-family: var(--gk-font-display) !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -0.02em !important;
}

/* ==========================================================================
   4. STRONA ARTYKUŁOWA – REDAKCYJNA ARCHITEKTURA TREŚCI (ZERO KLISZ AI)
   ========================================================================== */

/* 4.1. Nagłówek artykułu, breadcrumbs i podtytuł */
.fullwidth-entry-title-wrapper {
    margin-top: 10px !important;
    padding-top: 10px !important;
    margin-bottom: 18px !important;
}

#breadcrumb {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: var(--gk-ink-400) !important;
    margin-bottom: 12px !important;
}

.entry-header h1.post-title,
h1.entry-title {
    font-family: var(--gk-font-display) !important;
    font-size: clamp(26px, 3.3vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.018em !important;
    color: var(--gk-ink-900) !important;
    margin-bottom: 12px !important;
}
html.dark-skin .entry-header h1.post-title,
html.dark-skin h1.entry-title {
    color: #fafafa !important;
}

.entry-header .entry-sub-title {
    font-family: var(--gk-font-sans) !important;
    font-size: clamp(17px, 1.5vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--gk-ink-500) !important;
    margin-top: 4px !important;
    margin-bottom: 16px !important;
}
html.dark-skin .entry-header .entry-sub-title {
    color: #a1a1aa !important;
}

/* Główne zdjęcie artykułu */
.single-featured-image {
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
}
.single-featured-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* 4.2. Sekcja "W skrócie" (#story-highlights) – czysty styl prasowy z poziomą linią (zero niebieskiego border-left i zero gradientu) */
#story-highlights {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px 0 !important;
    padding: 18px 0 20px 0 !important;
    background: transparent !important;
    border: none !important;
    border-top: 2px solid var(--gk-line-strong) !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clear: both !important;
}
html.dark-skin #story-highlights {
    border-top-color: #f4f4f5 !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

#story-highlights .the-global-title,
#story-highlights .widget-title {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
}
#story-highlights .the-global-title::before,
#story-highlights .the-global-title::after,
#story-highlights .the-global-title .the-subtitle::before,
#story-highlights .the-global-title .the-subtitle::after,
#story-highlights .the-global-title h3::before,
#story-highlights .the-global-title h3::after {
    display: none !important;
    content: none !important;
}
#story-highlights .the-global-title .the-subtitle,
#story-highlights .the-global-title h3 {
    font-family: var(--gk-font-display) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--gk-ink-900) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
}
html.dark-skin #story-highlights .the-global-title .the-subtitle,
html.dark-skin #story-highlights .the-global-title h3 {
    color: #f4f4f5 !important;
}

#story-highlights ul,
.entry-content #story-highlights ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 10px !important;
}
#story-highlights ul li,
.entry-content #story-highlights ul li {
    position: relative !important;
    padding: 0 0 0 18px !important;
    margin: 0 !important;
    border: none !important;
    font-family: var(--gk-font-sans) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    color: var(--gk-ink-800) !important;
}
html.dark-skin #story-highlights ul li,
html.dark-skin .entry-content #story-highlights ul li {
    color: #e4e4e7 !important;
}
#story-highlights ul li::before,
.entry-content #story-highlights ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: var(--gk-ink-900) !important;
}
html.dark-skin #story-highlights ul li::before,
html.dark-skin .entry-content #story-highlights ul li::before {
    background-color: #f4f4f5 !important;
}

/* 4.3. Treść artykułu (.entry-content) – prestiżowa typografia IBM Plex Sans + Schibsted Grotesk */
.entry-content {
    font-family: var(--gk-font-sans) !important;
    font-size: 17.5px !important;
    line-height: 1.76 !important;
    color: var(--gk-ink-800) !important;
}
html.dark-skin .entry-content {
    color: #e4e4e7 !important;
}

.entry-content p {
    margin-bottom: 1.45em !important;
    font-family: var(--gk-font-sans) !important;
    font-size: 17.5px !important;
    line-height: 1.76 !important;
    color: inherit !important;
}

/* Lead artykułu (pierwszy akapit) + Inicjał (Drop Cap) */
.entry-content > p:first-of-type {
    font-family: var(--gk-font-sans) !important;
    font-size: 19.5px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    color: var(--gk-ink-900) !important;
    margin-bottom: 1.5em !important;
}
html.dark-skin .entry-content > p:first-of-type {
    color: #fafafa !important;
}
body.single-post .entry-content > p:first-of-type::first-letter {
    font-family: var(--gk-font-display) !important;
    font-weight: 800 !important;
}

/* Śródtytuły H2 / H3 w artykule – czysta typografia bez pionowych pasków ::before */
.entry-content h2 {
    font-family: var(--gk-font-display) !important;
    font-size: clamp(22px, 2.2vw, 27px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.022em !important;
    color: var(--gk-ink-900) !important;
    margin: 2.1em 0 0.7em 0 !important;
    padding: 0 !important;
    border: none !important;
}
.entry-content h2::before,
.entry-content h2::after,
.entry-content h3::before,
.entry-content h3::after {
    display: none !important;
}
.entry-content h3 {
    font-family: var(--gk-font-display) !important;
    font-size: clamp(19px, 1.8vw, 22px) !important;
    font-weight: 700 !important;
    line-height: 1.32 !important;
    letter-spacing: -0.018em !important;
    color: var(--gk-ink-900) !important;
    margin: 1.8em 0 0.6em 0 !important;
}
html.dark-skin .entry-content h2,
html.dark-skin .entry-content h3 {
    color: #fafafa !important;
}

/* 4.4. Cytaty (blockquote) – klasyczny prasowy pull-quote (zero niebieskiego border-left i zero szarego boksu AI) */
.entry-content blockquote,
.entry-content blockquote.quote-simple,
blockquote.quote-light {
    margin: 32px 0 !important;
    padding: 22px 0 !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid var(--gk-line-light) !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html.dark-skin .entry-content blockquote,
html.dark-skin .entry-content blockquote.quote-simple {
    border-top-color: rgba(255, 255, 255, 0.12) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
.entry-content blockquote::before,
.entry-content blockquote::after {
    display: none !important;
}
.entry-content blockquote p {
    font-family: var(--gk-font-display) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.48 !important;
    letter-spacing: -0.015em !important;
    color: var(--gk-ink-900) !important;
    margin: 0 !important;
}
html.dark-skin .entry-content blockquote p {
    color: #fafafa !important;
}

/* 4.5. Wewnętrzny boks "Inne publikacje na ten temat:" (#inline-related-post) – pełna szerokość, 2 kolumny poziome */
#inline-related-post,
.entry-content #inline-related-post,
#inline-related-post.mag-box,
#inline-related-post.mini-posts-box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 32px 0 !important;
    padding: 18px 0 !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid var(--gk-line-light) !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clear: both !important;
}
html.dark-skin #inline-related-post {
    border-top-color: rgba(255, 255, 255, 0.12) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

#inline-related-post .container-wrapper,
#inline-related-post .mag-box-container {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#inline-related-post .the-global-title,
#inline-related-post .widget-title {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
}
#inline-related-post .the-global-title::before,
#inline-related-post .the-global-title::after,
#inline-related-post .the-global-title .the-subtitle::before,
#inline-related-post .the-global-title .the-subtitle::after,
#inline-related-post .the-global-title h3::before,
#inline-related-post .the-global-title h3::after {
    display: none !important;
    content: none !important;
}
#inline-related-post .the-global-title .the-subtitle,
#inline-related-post .the-global-title h3 {
    font-family: var(--gk-font-display) !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.09em !important;
    color: var(--gk-ink-400) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
}

#inline-related-post ul.posts-items {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
}
#inline-related-post ul.posts-items::before,
#inline-related-post ul.posts-items::after,
#inline-related-post ul.posts-items > li::before,
#inline-related-post ul.posts-items > li::after,
#tie-block_1999 ul.posts-items > li::before,
#tie-block_1999 ul.posts-items > li::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 640px) {
    #inline-related-post ul.posts-items {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

#inline-related-post ul.posts-items > li,
#inline-related-post ul.posts-items > li.widget-post-list {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
}

#inline-related-post ul.posts-items > li .post-widget-thumbnail,
#inline-related-post ul.posts-items > li .post-thumb {
    width: 96px !important;
    min-width: 96px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    display: block !important;
}
#inline-related-post ul.posts-items > li .post-thumb img {
    width: 96px !important;
    height: 66px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 6px !important;
    margin: 0 !important;
}

#inline-related-post ul.posts-items > li .post-widget-body,
#inline-related-post ul.posts-items > li .post-details {
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
#inline-related-post ul.posts-items > li .post-title {
    font-family: var(--gk-font-display) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.015em !important;
    margin: 0 !important;
    display: block !important;
}
html:not(.dark-skin) #inline-related-post ul.posts-items > li .post-title,
html:not(.dark-skin) #inline-related-post ul.posts-items > li .post-title a {
    color: var(--gk-ink-900) !important;
}
html.dark-skin #inline-related-post ul.posts-items > li .post-title,
html.dark-skin #inline-related-post ul.posts-items > li .post-title a {
    color: #f4f4f5 !important;
}
#inline-related-post .post-meta {
    display: none !important;
}
#check-also-box {
    display: none !important;
}

/* 4.6. Kompaktowy pasek redakcyjny "Przeczytaj również" (.gk-editorial-embed – zamiast wielkich 550px iframe oEmbed) */
.gk-editorial-embed {
    margin: 28px 0 !important;
    padding: 14px 0 !important;
    border-top: 1px solid var(--gk-line-light) !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    background: transparent !important;
    clear: both !important;
}
html.dark-skin .gk-editorial-embed {
    border-top-color: rgba(255, 255, 255, 0.12) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

.gk-editorial-embed__link {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    text-decoration: none !important;
    color: inherit !important;
}

.gk-editorial-embed__thumb {
    width: 120px !important;
    min-width: 120px !important;
    height: 78px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #f4f4f5 !important;
}
.gk-editorial-embed__thumb img {
    width: 120px !important;
    height: 78px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 6px !important;
}

.gk-editorial-embed__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.gk-editorial-embed__kicker {
    font-family: var(--gk-font-display) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.09em !important;
    color: var(--gk-ink-400) !important;
    line-height: 1.2 !important;
}

.gk-editorial-embed__title {
    font-family: var(--gk-font-display) !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    line-height: 1.32 !important;
    letter-spacing: -0.015em !important;
    color: var(--gk-ink-900) !important;
    transition: color 0.15s ease !important;
}
html.dark-skin .gk-editorial-embed__title {
    color: #fafafa !important;
}
.gk-editorial-embed__link:hover .gk-editorial-embed__title {
    color: #2563eb !important;
}

.gk-editorial-embed__meta {
    font-family: var(--gk-font-sans) !important;
    font-size: 12px !important;
    color: var(--gk-ink-400) !important;
    line-height: 1.2 !important;
}

/* 4.7. Newsletter pod artykułem (Jetpack Subscriptions "Odkryj więcej z Jednoślad.pl") i Tagi (.post-bottom-tags) */
.entry-content .has-text-align-center {
    text-align: center !important;
}

.entry-content > .wp-block-group:has(.wp-block-jetpack-subscriptions) {
    margin: 36px 0 28px 0 !important;
    padding: 24px 24px !important;
    border-top: 2px solid var(--gk-line-strong) !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    background: var(--gk-surface-subtle) !important;
    text-align: center !important;
}
html.dark-skin .entry-content > .wp-block-group:has(.wp-block-jetpack-subscriptions) {
    background: rgba(255, 255, 255, 0.02) !important;
    border-top-color: #f4f4f5 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.entry-content > .wp-block-group:has(.wp-block-jetpack-subscriptions) .wp-block-group {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.entry-content .wp-block-group:has(.wp-block-jetpack-subscriptions) hr.wp-block-separator {
    display: none !important;
}

.entry-content .wp-block-group:has(.wp-block-jetpack-subscriptions) h3.wp-block-heading {
    font-family: var(--gk-font-display) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 6px 0 !important;
    text-align: center !important;
    color: var(--gk-ink-900) !important;
}
html.dark-skin .entry-content .wp-block-group:has(.wp-block-jetpack-subscriptions) h3.wp-block-heading {
    color: #fafafa !important;
}

.entry-content .wp-block-group:has(.wp-block-jetpack-subscriptions) p {
    font-family: var(--gk-font-sans) !important;
    font-size: 14.5px !important;
    color: var(--gk-ink-500) !important;
    text-align: center !important;
    margin: 0 auto 16px auto !important;
}

.wp-block-jetpack-subscriptions form#subscribe-blog .wp-block-jetpack-subscriptions__form-elements {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    max-width: 480px !important;
    margin: 0 auto !important;
}
.wp-block-jetpack-subscriptions form#subscribe-blog #subscribe-email,
.wp-block-jetpack-subscriptions form#subscribe-blog #subscribe-submit {
    margin: 0 !important;
    padding: 0 !important;
}
.wp-block-jetpack-subscriptions form#subscribe-blog #subscribe-email {
    flex: 1 1 240px !important;
}
.wp-block-jetpack-subscriptions form#subscribe-blog input#subscribe-field {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-family: var(--gk-font-sans) !important;
    font-size: 14px !important;
    border: 1px solid #d4d4d8 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: var(--gk-ink-900) !important;
    box-sizing: border-box !important;
}
.wp-block-jetpack-subscriptions form#subscribe-blog button.wp-block-button__link {
    height: 44px !important;
    padding: 0 22px !important;
    margin: 0 !important;
    font-family: var(--gk-font-display) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    background: var(--gk-ink-900) !important;
    color: #ffffff !important;
    border: 1px solid var(--gk-ink-900) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.wp-block-jetpack-subscriptions form#subscribe-blog button.wp-block-button__link:hover {
    background: var(--gk-ink-700) !important;
}

/* Tagi pod artykułem (.post-bottom-tags) – czysta pozioma linia zamiast samotnego kafelka na środku */
.post-bottom-meta.post-bottom-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 24px 0 8px 0 !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--gk-line-light) !important;
    text-align: left !important;
}
html.dark-skin .post-bottom-meta.post-bottom-tags {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}
.post-bottom-meta.post-bottom-tags .post-bottom-meta-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 4px 0 0 !important;
    font-family: var(--gk-font-display) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: var(--gk-ink-400) !important;
}
.post-bottom-meta.post-bottom-tags .tagcloud {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.post-bottom-meta.post-bottom-tags .tagcloud a {
    font-family: var(--gk-font-sans) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    background: #f4f4f5 !important;
    color: var(--gk-ink-700) !important;
    border: none !important;
    margin: 0 !important;
}
html.dark-skin .post-bottom-meta.post-bottom-tags .tagcloud a {
    background: #27272a !important;
    color: #e4e4e7 !important;
}

/* 4.8. Sekcja "Przeczytaj także" pod artykułem (#related-posts) – symetryczna siatka 3 kolumn, ZERO szarych boksów o nierównej wysokości */
#related-posts,
.post-components #related-posts {
    margin-top: 32px !important;
    padding: 24px 0 0 0 !important;
    border: none !important;
    border-top: 2px solid var(--gk-line-strong) !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.dark-skin #related-posts {
    border-top-color: #f4f4f5 !important;
}

#related-posts .the-global-title {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
}
#related-posts .the-global-title::before,
#related-posts .the-global-title::after,
#related-posts .the-global-title h3::before,
#related-posts .the-global-title h3::after {
    display: none !important;
}
#related-posts .the-global-title h3 {
    font-family: var(--gk-font-display) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--gk-ink-900) !important;
    margin: 0 !important;
    text-align: left !important;
}
html.dark-skin #related-posts .the-global-title h3 {
    color: #fafafa !important;
}

#related-posts .related-posts-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}
#related-posts .related-posts-list::before,
#related-posts .related-posts-list::after {
    display: none !important;
}

@media (max-width: 767px) {
    #related-posts .related-posts-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 480px) {
    #related-posts .related-posts-list {
        grid-template-columns: 1fr !important;
    }
}

#related-posts .related-posts-list .related-item {
    width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
}
#related-posts .related-posts-list .related-item:nth-child(4):last-child {
    display: none !important;
}

#related-posts .related-item .post-thumb {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 10 !important;
    background: #f4f4f5 !important;
}
#related-posts .related-item .post-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

#related-posts .related-item .post-title {
    font-family: var(--gk-font-display) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.015em !important;
    margin: 4px 0 0 0 !important;
}
html:not(.dark-skin) #related-posts .related-item .post-title a {
    color: var(--gk-ink-900) !important;
}
html.dark-skin #related-posts .related-item .post-title a {
    color: #f4f4f5 !important;
}

/* ==========================================================================
   5. SYSTEM EMISJI REKLAM GAM – ZERO BIAŁYCH DZIUR I PUSTYCH RAMEK
   ========================================================================== */
.stream-item-top-wrapper,
.stream-item-in-post,
.stream-item-below-post-content,
.stream-item-before-autoloaded,
#tie-block_3384 {
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.stream-item-top-wrapper .stream-item-size,
.stream-item-in-post .stream-item-size,
.stream-item-below-post-content .stream-item-size,
.stream-item-before-autoloaded .stream-item-size,
[id^="div-gpt-ad-"] {
    min-height: 0 !important;
    height: auto !important;
    max-width: 100% !important;
}

.stream-item .stream-title {
    display: none !important;
}

.stream-item.gk-ad-empty,
.widget_custom_html.gk-ad-empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.stream-item-top-wrapper.gk-ad-filled {
    margin: 10px auto 8px auto !important;
    text-align: center !important;
}

/* Stabilizacja Layout Shift (CLS = 0.000): sztywne wymiary paska nawigacji, logo i proporcji miniatur */
#theme-header .main-nav-wrapper {
    min-height: 60px !important;
}
@media (min-width: 992px) {
    #theme-header .main-nav-wrapper {
        min-height: 90px !important;
    }
}
#logo a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 45px !important;
}
.single-featured-image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px;
}

.stream-item-in-post.gk-ad-filled,
.stream-item-below-post-content.gk-ad-filled,
.stream-item-before-autoloaded.gk-ad-filled {
    margin: 24px auto !important;
    padding: 12px 0 !important;
    background: transparent !important;
    border-top: 1px solid var(--gk-line-light) !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    border-radius: 0 !important;
    text-align: center !important;
}
html.dark-skin .stream-item-in-post.gk-ad-filled,
html.dark-skin .stream-item-below-post-content.gk-ad-filled,
html.dark-skin .stream-item-before-autoloaded.gk-ad-filled {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.stream-item.gk-ad-filled .stream-title {
    display: block !important;
    font-family: var(--gk-font-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: var(--gk-ink-400) !important;
    margin-bottom: 6px !important;
}

/* ==========================================================================
   6. PRZYCISK GOOGLE NEWS (PREFEROWANE ŹRÓDŁO PONIŻEJ LEADU)
   ========================================================================== */
.follow-us-post-section {
    display: none !important;
}

.jednoslad-gnews-post-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 18px auto 24px auto;
    padding: 10px 16px;
    background: transparent;
    border-top: 1px solid var(--gk-line-light);
    border-bottom: 1px solid var(--gk-line-light);
    text-align: center;
    clear: both;
    max-width: 100%;
}
html.dark-skin .jednoslad-gnews-post-wrapper {
    border-color: rgba(255, 255, 255, 0.1);
}

.jednoslad-gnews-box,
.jednoslad-google-preferred-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.jednoslad-gnews-custom-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    background: #ffffff !important;
    color: var(--gk-ink-900) !important;
    padding: 8px 18px !important;
    border-radius: 9999px !important;
    border: 1px solid #d4d4d8 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    text-decoration: none !important;
    font-family: var(--gk-font-sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    transition: all 0.15s ease !important;
    cursor: pointer !important;
}
.jednoslad-gnews-custom-btn:hover {
    border-color: var(--gk-ink-900) !important;
    transform: translateY(-1px) !important;
}
.jednoslad-gnews-custom-btn .gnews-star-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f59e0b;
    flex-shrink: 0;
}
.jednoslad-gnews-custom-btn .gnews-btn-text {
    white-space: nowrap;
    color: var(--gk-ink-900) !important;
}
.jednoslad-gnews-custom-btn .gnews-btn-logo-wrap {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.jednoslad-gnews-custom-btn .gnews-btn-logo-wrap img {
    width: 96px !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    border: none !important;
}

/* ==========================================================================
   7. SIDEBAR I STOPKA (#sidebar, #footer, #site-info)
   ========================================================================== */
.sidebar .widget-title {
    border-top: 2px solid var(--gk-line-strong) !important;
    border-bottom: 1px solid var(--gk-line-light) !important;
    padding: 10px 0 !important;
    margin-bottom: 16px !important;
}
html.dark-skin .sidebar .widget-title {
    border-top-color: #f4f4f5 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.sidebar .widget-title::before,
.sidebar .widget-title::after,
.sidebar .widget-title .the-subtitle::before,
.sidebar .widget-title .the-subtitle::after {
    display: none !important;
}
.sidebar .widget-title .the-subtitle {
    font-family: var(--gk-font-display) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.widget-post-list .post-widget-body .post-title {
    font-family: var(--gk-font-display) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

#footer-widgets-container {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: #09090b !important;
}
#site-info {
    background-color: #09090b !important;
    padding: 20px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
#site-info .copyright-text {
    font-family: var(--gk-font-sans) !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
    color: #a1a1aa !important;
}