*{box-sizing:border-box}:root{--bg:#07090d;--panel:#0e131b;--line:#29323f;--text:#f6f7fa;--muted:#929cab;--red:#ef2738}html{background:#05070a}body{margin:0;background:#05070a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site{width:min(100%,1280px);min-height:100vh;margin:auto;background:#07090d;box-shadow:0 0 70px #000}a{color:inherit}.topbar{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;background:#080b10;border-bottom:1px solid #1e2530;position:sticky;top:0;z-index:25}.brand{text-align:center;text-decoration:none;line-height:.9}.brand strong{display:block;font-size:31px;font-weight:1000;letter-spacing:-1.7px}.brand span,.footer-brand span,.placeholder span,.video-empty span,.drawer-head span{color:var(--red)}.brand small{display:block;margin-top:7px;color:#8d96a3;font-size:8px;letter-spacing:2.4px}.hamb{display:none;border:0;background:none}.topnote{text-align:right;color:#687381;font-size:10px;letter-spacing:1.5px}.desktop-nav{height:44px;display:flex;align-items:center;justify-content:center;gap:28px;padding:0 20px;background:#0b0f15;border-bottom:1px solid #202733}.desktop-nav a{text-decoration:none;font-size:11px;font-weight:900;color:#cbd0d7}.desktop-nav a:hover{color:var(--red)}.drawer,.shade{display:none}main{padding:22px 28px 60px}.hero{min-height:500px;display:flex;align-items:flex-end;border:1px solid #303a47;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 72% 25%,#0c6a7b66,transparent 35%),linear-gradient(135deg,#49141e,#101a28);background-size:cover;background-position:center;box-shadow:0 18px 40px #0009}.hero-copy{padding:36px;max-width:800px;text-shadow:0 2px 12px #000}.tag{display:inline-block;background:var(--red);padding:5px 8px;border-radius:3px;font-size:9px;line-height:1;font-weight:950;text-transform:uppercase;letter-spacing:.6px}.hero h1{margin:10px 0 9px;font-size:52px;line-height:.98;letter-spacing:-2px}.hero p{max-width:650px;margin:0 0 18px;color:#d1d6dd;font-size:16px;line-height:1.45}.primary,.btn{display:inline-block;border:0;background:linear-gradient(#f43a4b,#d91e30);color:#fff;padding:11px 15px;border-radius:5px;text-decoration:none;font-size:12px;font-weight:900}.section-title{display:flex;align-items:center;gap:13px;margin:30px 2px 13px}.section-title h2{margin:0;font-size:17px;text-transform:uppercase;white-space:nowrap}.section-title i{height:2px;flex:1;background:linear-gradient(90deg,var(--red),transparent)}.feed{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story{display:grid;grid-template-columns:42% 58%;min-height:165px;overflow:hidden;background:linear-gradient(145deg,#10151d,#0b0f15);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0005}.story-image{min-width:0;background:#111722}.story-image img{width:100%;height:100%;display:block;object-fit:cover}.placeholder{height:100%;min-height:165px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 60% 40%,#8f243455,transparent 40%),linear-gradient(135deg,#182130,#35131a)}.placeholder b{font-size:15px}.placeholder small{margin-top:7px;color:#9099a7;font-size:9px}.story-copy{min-width:0;padding:13px;display:flex;flex-direction:column;align-items:flex-start}.story h3{margin:7px 0 5px;font-size:17px;line-height:1.15}.story h3 a{text-decoration:none}.story p{margin:0;color:var(--muted);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{width:100%;margin-top:auto;padding-top:8px;color:#707b89;font-size:9px}.meta strong{float:right;color:#ff5360}.ad{display:block;margin:28px 0;background:#0d121a;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none}.ad img{width:100%;aspect-ratio:16/4;object-fit:cover;display:block}.ad .pad{padding:10px 13px}.video-panel{margin-top:25px;padding:0 15px 15px;border:1px solid var(--line);border-radius:8px;background:#0b0f15}.home-video,.video-empty{aspect-ratio:16/9;max-height:500px}.home-video iframe{width:100%;height:100%;border:0}.video-empty{display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#5c202b,transparent 35%),#090c11;border:1px solid #252d38;border-radius:6px}.video-empty b{font-size:25px}.video-empty p{color:var(--muted);font-size:12px}footer{text-align:center;padding:35px 15px 48px;border-top:1px solid #181e27;color:#7e8997}.footer-brand{font-size:22px;font-weight:1000}footer p{font-size:11px}.card,.box,.item,.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px}.box,.item,.stat{padding:13px}.form input,.form textarea,.form select{width:100%;background:#080b10;border:1px solid #303947;color:#fff;border-radius:6px;padding:12px;margin:5px 0 10px;font:inherit}.form textarea{min-height:130px}.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:16px}.pill{white-space:nowrap;background:#171e28;padding:8px 11px;border:1px solid #293241;border-radius:5px;text-decoration:none;font-size:12px}.stats,.two,.row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cover,.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.cover{border-radius:8px;margin:12px 0 18px}.body{white-space:pre-line;font-size:16px;line-height:1.7;color:#d9dee6}.youtube{aspect-ratio:16/9}.youtube iframe{width:100%;height:100%;border:0}
@media(max-width:800px){.site{width:100%}.topbar{height:72px;grid-template-columns:48px 1fr 48px;padding:0 10px}.hamb{display:grid;gap:4px;place-content:center}.hamb span{width:21px;height:2px;background:#fff}.brand strong{font-size:25px}.topnote{font-size:0}.topnote:after{content:"⌕";font-size:27px;color:#fff}.desktop-nav{display:none}.drawer{display:block;position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(82vw,330px);padding:22px;background:#0a0e14;border-right:1px solid #303846;transform:translateX(-105%);transition:.2s;box-shadow:20px 0 50px #000b}.menu-open .drawer{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.drawer-head button{border:0;background:none;color:#fff;font-size:30px}.drawer a{display:block;text-decoration:none;padding:14px 4px;border-bottom:1px solid #202731;font-weight:750}.shade{display:block;position:fixed;z-index:45;inset:0;background:#0009;opacity:0;visibility:hidden;transition:.2s}.menu-open .shade{opacity:1;visibility:visible}main{padding:13px 13px 45px}.hero{min-height:365px}.hero-copy{padding:20px}.hero h1{font-size:34px;letter-spacing:-1px}.hero p{font-size:13px}.feed{grid-template-columns:1fr}.story{min-height:128px}.placeholder{min-height:128px}.story h3{font-size:15px}.story p{font-size:11px}.stats,.two,.row{grid-template-columns:1fr}}
@media(max-width:390px){.hero{min-height:330px}.hero h1{font-size:29px}.story{grid-template-columns:40% 60%}.story-copy{padding:9px}.story h3{font-size:14px}.story p{font-size:10px}}
/* PATCH 02 — readability, centered video, admin image separation */
@media(min-width:801px){
  .desktop-nav a{font-size:13px}
  .brand strong{font-size:34px}
  .brand small{font-size:9px}
  .section-title h2{font-size:20px}
  .story h3{font-size:20px;line-height:1.18}
  .story p{font-size:14px;line-height:1.45}
  .meta{font-size:11px}
  .tag{font-size:10px}
  .video-panel{padding:0 18px 22px}
  .home-video,.video-empty{width:min(74%,820px);max-height:none;margin:0 auto;aspect-ratio:16/9}
  .video-panel>h3{width:min(74%,820px);margin:11px auto 0;text-align:center;font-size:16px}
}
.upload-panel{margin:16px 0;padding:15px;border:1px solid #303947;border-radius:8px;background:#0a0e14}
.upload-panel h3{margin:0 0 6px;font-size:16px}
.upload-panel p{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.45}
.admin-img{display:block;width:min(100%,420px);aspect-ratio:16/9;object-fit:cover;border-radius:7px;border:1px solid #303947;margin:8px 0 12px}
.article-editor{min-height:320px!important}
@media(max-width:800px){
  .section-title h2{font-size:17px}
  .story h3{font-size:16px}
  .story p{font-size:12px}
  .meta{font-size:10px}
  .home-video,.video-empty{width:100%;margin:0 auto}
  .video-panel>h3{width:100%;text-align:center}
}
/* RETROBZIK PATCH 03 */
.article-v3{width:min(100%,980px);margin:0 auto;padding:28px 24px 54px}.article-head{max-width:860px;margin:0 auto 20px}.article-kicker{display:flex;align-items:center;gap:12px;margin-bottom:12px}.article-category{padding:5px 9px;border-radius:4px;background:var(--red,#ef3340);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase}.article-date{color:var(--muted,#8c96a6);font-size:12px}.article-v3 .article-head h1{margin:0;color:#fff;font-size:clamp(34px,4.1vw,54px);line-height:1.04;letter-spacing:-.035em}.article-lead{margin:15px 0 0;max-width:790px;color:#b8c0cd;font-size:17px;line-height:1.55}.article-cover-wrap{margin:0 auto 30px}.article-v3 .article-cover{width:100%;aspect-ratio:16/9;margin:0;border:1px solid #2d3643;border-radius:12px;object-fit:cover}.article-copy{max-width:790px;margin:0 auto}.article-v3 .article-body{color:#d8dde6;font-size:17px;line-height:1.82;white-space:pre-line;overflow-wrap:anywhere}.article-section{max-width:860px;margin:42px auto 0}.article-section-title{display:flex;align-items:center;gap:14px;margin-bottom:16px;color:#fff;font-size:16px;font-weight:900}.article-section-title span{white-space:nowrap}.article-section-title:after{content:"";height:2px;flex:1;background:linear-gradient(90deg,var(--red,#ef3340),transparent)}.article-youtube{overflow:hidden;border:1px solid #303a48;border-radius:10px}.review-summary{display:grid;grid-template-columns:210px 1fr;overflow:hidden;border:1px solid #313b49;border-radius:12px;background:#0d121a}.review-score{min-height:170px;display:flex;align-items:baseline;justify-content:center;align-content:center;flex-wrap:wrap;padding:24px 16px;background:radial-gradient(circle at 50% 40%,rgba(239,51,64,.24),transparent 62%),#10151d;border-right:1px solid #313b49}.review-score-number{color:#fff;font-size:68px;line-height:.9;font-weight:950}.review-score-max{color:var(--red,#ef3340);font-size:25px;font-weight:900}.review-score small{flex-basis:100%;margin-top:12px;color:#aab3c1;text-align:center;font-size:10px;font-weight:900}.review-verdict{display:flex;flex-direction:column;justify-content:center;padding:26px 30px}.review-verdict strong{color:#fff;font-size:20px}.review-verdict p{color:#9da7b7;font-size:14px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.review-list{padding:20px;border:1px solid #313b49;border-radius:10px;background:#0d121a}.review-list-head{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:#fff}.review-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:21px;font-weight:900}.pros .review-icon{background:#173322;color:#62df8c}.cons .review-icon{background:#3b171c;color:#ff6975}.review-list-body{color:#c4cbd6;font-size:14px;line-height:1.75;white-space:pre-line}.reader-rating,.comment-form{padding:20px;border:1px solid #313b49;border-radius:10px;background:#0d121a}.reader-rating-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}.reader-label{display:block;color:#929cac;font-size:11px;font-weight:800;text-transform:uppercase}.reader-rating-top strong{color:#fff;font-size:35px}.reader-rating-top strong small{color:var(--red,#ef3340);font-size:16px}.reader-votes{color:#929cac;font-size:12px}.rating-buttons{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.rating-btn{min-height:40px;border:1px solid #394352;border-radius:6px;background:#151b24;color:#fff;font-weight:900;cursor:pointer}.rating-btn:hover{border-color:var(--red,#ef3340);background:var(--red,#ef3340)}.comment-form label{display:block;margin:0 0 6px;color:#aab3c1;font-size:12px;font-weight:800}.comment-form input,.comment-form textarea{width:100%;box-sizing:border-box;margin:0 0 14px}.comment-form textarea{min-height:120px}.comments-list{margin-top:12px}.comment-card,.no-comments{margin-top:10px;padding:17px 18px;border:1px solid #2b3441;border-radius:9px;background:#0b1017}.comment-top{display:flex;justify-content:space-between}.comment-top span{color:#7f8998;font-size:10px}.comment-card p{color:#c7ced8;font-size:14px;line-height:1.6}.no-comments{color:#8e98a7;font-size:13px;text-align:center}
@media(max-width:600px){.article-v3{padding:17px 13px 36px}.article-v3 .article-head h1{font-size:30px;line-height:1.08}.article-lead{font-size:14px}.article-v3 .article-body{font-size:16px;line-height:1.72}.article-section{margin-top:34px}.review-summary{grid-template-columns:1fr}.review-score{border-right:0;border-bottom:1px solid #313b49}.pros-cons{grid-template-columns:1fr}.reader-rating-top{align-items:flex-start;flex-direction:column}.rating-buttons{grid-template-columns:repeat(5,1fr)}.rating-btn{min-height:44px}.comment-top{flex-direction:column;gap:3px}}/* RETROBZIK PATCH 04 */
.byline{display:flex;align-items:center;gap:10px;margin-top:18px}.byline img,.author-fallback{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #ef3340}.author-fallback{display:grid;place-items:center;background:#171d27;color:#fff;font-weight:900}.byline b,.byline small{display:block}.byline small{color:#8993a2;font-size:11px;margin-top:2px}.magazine-body{max-width:790px;margin:0 auto}.mag-p{margin:0 0 22px;color:#d8dde6;font-size:17px;line-height:1.82}.mag-h2{margin:44px 0 16px;padding-left:14px;border-left:4px solid #ef3340;color:#fff;font-size:30px;line-height:1.15}.mag-h3{margin:30px 0 12px;color:#fff;font-size:22px}.mag-quote{margin:32px 0;padding:20px 24px;border-left:4px solid #ef3340;background:#0d121a;color:#fff;font-size:21px;line-height:1.55;font-style:italic}.mag-image{margin:34px 0}.mag-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #303946;cursor:zoom-in}.mag-image figcaption{padding-top:8px;color:#8e98a7;font-size:11px}.mag-image figcaption a,.mag-p a{color:#ef3340}.mag-video{margin:34px 0;border-radius:10px;overflow:hidden}.mag-separator{margin:40px 0;border:0;border-top:1px solid #303946}.txt-red{color:#ef3340}.txt-gold{color:#f1c75b}.txt-white{color:#fff}.txt-muted{color:#aab3c1}.lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.94);padding:55px}.lightbox.open{display:flex}.lightbox img{max-width:min(1400px,90vw);max-height:88vh;object-fit:contain}.lb-close,.lb-prev,.lb-next{position:absolute;border:0;background:rgba(20,24,31,.85);color:#fff;cursor:pointer}.lb-close{right:20px;top:16px;width:46px;height:46px;border-radius:50%;font-size:30px}.lb-prev,.lb-next{top:50%;width:48px;height:64px;font-size:42px}.lb-prev{left:15px}.lb-next{right:15px}.lb-lock{overflow:hidden}.editor-title{margin-top:28px}.editor-help,.inline-help{color:#9da7b7;font-size:13px}.inline-help{padding:12px;background:#0c1118;border:1px solid #2d3643;border-radius:8px;margin-bottom:12px}.content-block{margin:12px 0;padding:14px;border:1px solid #303946;border-radius:10px;background:#0b1017}.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.block-head strong{color:#fff}.mini,.formatbar button,.add-blocks button{border:1px solid #394352;border-radius:6px;background:#151b24;color:#fff;padding:7px 10px;cursor:pointer}.danger{color:#ff6975}.formatbar{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.block-text{min-height:120px}.add-blocks{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 24px}.add-blocks button{border-color:#ef3340}.block-preview{width:100%;max-width:500px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:8px}.legacy{margin:20px 0;padding:12px;border:1px solid #303946;border-radius:8px}.author-admin-photo{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #ef3340;margin-bottom:15px}
@media(max-width:600px){.mag-p{font-size:16px;line-height:1.72}.mag-h2{font-size:25px;margin-top:36px}.mag-h3{font-size:20px}.mag-quote{font-size:18px;padding:17px}.lightbox{padding:12px}.lb-prev,.lb-next{width:42px;height:56px}.formatbar button,.add-blocks button{min-height:40px}.content-block{padding:11px}}

/* RETROBZIK PATCH 05 — dopracowanie artykułu i formularzy */

/* Główne zdjęcie artykułu: duże, ale nie dominuje nad treścią */
.article > .cover,
.article .article-cover,
.article .main-article-image {
    display: block;
    width: min(100%, 720px);
    max-width: 720px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin: 22px auto 30px;
}

/* Zdjęcia wewnątrz treści: mniejsze — kliknięcie/lightbox ma sens */
.magazine-body figure,
.magazine-body .magazine-image,
.magazine-body .article-image-block {
    width: min(100%, 550px);
    max-width: 550px;
    margin: 30px auto;
}

.magazine-body figure img,
.magazine-body .magazine-image img,
.magazine-body .article-image-block img,
.magazine-body img[data-lightbox],
.magazine-body img.lightbox-image {
    display: block;
    width: 100%;
    max-width: 550px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    cursor: zoom-in;
}

/* Czytelniejsze odstępy jak w magazynie */
.magazine-body p {
    margin: 0 0 22px;
}
.magazine-body h2 {
    margin-top: 42px;
    margin-bottom: 18px;
}
.magazine-body h3 {
    margin-top: 32px;
    margin-bottom: 14px;
}

/* Formularz komentarzy zgodny z ciemnym wyglądem Retrobzik */
#comments + form input,
#comments + form textarea,
.article form.form input,
.article form.form textarea {
    background: #0c1118 !important;
    color: #f3f5f7 !important;
    border: 1px solid #303846 !important;
}
#comments + form input::placeholder,
#comments + form textarea::placeholder,
.article form.form input::placeholder,
.article form.form textarea::placeholder {
    color: #7f8998 !important;
}

/* Telefon — zdjęcia wykorzystują szerokość ekranu */
@media (max-width: 700px) {
    .article > .cover,
    .article .article-cover,
    .article .main-article-image,
    .magazine-body figure,
    .magazine-body .magazine-image,
    .magazine-body .article-image-block,
    .magazine-body figure img,
    .magazine-body .magazine-image img,
    .magazine-body .article-image-block img,
    .magazine-body img[data-lightbox],
    .magazine-body img.lightbox-image {
        width: 100%;
        max-width: 100%;
    }

    .magazine-body h2 {
        margin-top: 34px;
    }
}

/* PATCH 05 — korekta rozmiaru YouTube */
.article .youtube,
.magazine-body .youtube {
    width: min(100%, 720px);
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 700px) {
    .article .youtube,
    .magazine-body .youtube {
        width: 100%;
        max-width: 100%;
    }
}


/* RETROBZIK PATCH 05 — MOBILE FIX
   Kontrast + jednolita czerwień marki. Nie zmienia układu. */

:root {
    --retrobzik-red: #e50914;
    --rb-text: #e6e8ec;
    --rb-secondary: #b8bec8;
    --rb-muted: #929aa7;
}

/* Czerwień elementów należących do strony Retrobzik */
.logo .accent,
.logo-accent,
.brand-accent,
.red,
.category,
.badge,
.tag,
.btn,
.article h2::before,
.section::after {
    color: var(--retrobzik-red);
}

/* Tła czerwonych etykiet/przycisków */
.category,
.badge,
.tag {
    background-color: var(--retrobzik-red);
}

/* Linie i obramowania akcentowe */
.article h2,
.section,
.section-title {
    border-color: var(--retrobzik-red);
}

/* Logo — obsługa najczęstszych wariantów z obecnego szablonu */
.logo b,
.logo strong,
.brand b,
.brand strong,
.site-logo b,
.site-logo strong {
    color: var(--retrobzik-red) !important;
}

/* Mobilny kontrast */
@media (max-width: 700px) {
    /* Treść artykułu */
    .magazine-body,
    .magazine-body p,
    .article .body,
    .article .body p {
        color: var(--rb-text);
    }

    /* Lead / excerpt pod tytułem */
    .article .lead,
    .article .excerpt,
    .article-header .excerpt,
    .article-header p,
    .hero p,
    .hero .excerpt {
        color: var(--rb-secondary) !important;
    }

    /* Teksty drugorzędne */
    .article .small,
    .article .meta,
    .article .muted,
    .small,
    .muted,
    .card .excerpt,
    .card p,
    .score-box p,
    .rating-box p,
    .pros-cons p,
    .pros,
    .cons {
        color: var(--rb-secondary);
    }

    /* Najdrobniejsze informacje */
    .card .date,
    .post-date,
    time {
        color: var(--rb-muted);
    }

    /* HERO: mocniejszy gradient pod tekstem */
    .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(
            90deg,
            rgba(0,0,0,.82) 0%,
            rgba(0,0,0,.58) 58%,
            rgba(0,0,0,.16) 100%
        );
    }

    .hero > * {
        position: relative;
        z-index: 1;
    }
}


/* RETROBZIK PATCH 05 — HOTFIX COLORS
   Nadpisuje zbyt szerokie reguły MOBILE FIX. Nie zmienia układu. */

:root { --retrobzik-red: #e50914; }

/* Nagłówki i zwykła treść mają pozostać jasne */
.section,
.section-title,
.home-section-title,
.article h1,
.article h2,
.article h3,
.magazine-body h2,
.magazine-body h3 {
    color: #f5f6f8 !important;
}

/* Nagłówki sekcji strony głównej */
h2.section,
h2.section-title,
.latest-title,
.latest h2 {
    color: #f5f6f8 !important;
}

/* Karty nie mogą być przygaszone */
.card,
.card * {
    opacity: 1;
}
.card h2,
.card h3,
.card .title,
.card a {
    color: #f5f6f8;
}
.card p,
.card .excerpt {
    color: #b8bec8 !important;
}
.card .date,
.card time,
.post-date {
    color: #929aa7 !important;
}

/* HERO — czytelniejszy opis */
.hero p,
.hero .excerpt,
.hero .lead {
    color: #d6dae0 !important;
    opacity: 1 !important;
}
.hero h1,
.hero h2,
.hero .title {
    color: #ffffff !important;
}

/* Czerwone pozostają tylko akcenty */
.category,
.badge,
.tag {
    background: var(--retrobzik-red) !important;
    color: #fff !important;
}
.btn {
    background-color: var(--retrobzik-red);
}

/* Poprawny branding: RETRO jasne, BZIK czerwone.
   Najpierw cofamy wymuszenie całej marki na czerwono. */
.logo,
.brand,
.site-logo {
    color: #f1f2f4 !important;
}
.logo b,
.logo strong,
.brand b,
.brand strong,
.site-logo b,
.site-logo strong {
    color: var(--retrobzik-red) !important;
}

/* Jeżeli napis jest zbudowany z osobnych spanów */
.logo .retro,
.brand .retro,
.site-logo .retro {
    color: #f1f2f4 !important;
}
.logo .bzik,
.brand .bzik,
.site-logo .bzik,
.logo .accent,
.brand .accent,
.site-logo .accent {
    color: var(--retrobzik-red) !important;
}

/* Stopka */
footer .logo,
footer .brand,
.footer-logo {
    color: #f1f2f4 !important;
}
footer .logo b,
footer .logo strong,
footer .brand b,
footer .brand strong,
.footer-logo b,
.footer-logo strong,
.footer-logo .bzik {
    color: var(--retrobzik-red) !important;
}

/* Telefon */
@media (max-width: 700px) {
    .hero p,
    .hero .excerpt,
    .hero .lead {
        color: #d6dae0 !important;
    }

    .section,
    .section-title,
    .home-section-title,
    .latest-title,
    .latest h2 {
        color: #f5f6f8 !important;
        opacity: 1 !important;
    }

    .card {
        opacity: 1 !important;
        filter: none !important;
    }
}


/* RETROBZIK PATCH 05 — HOTFIX 02
   Tylko 3 korekty: logo, tytuł sekcji Najnowsze artykuły, pierwsza karta.
   Bez zmian układu, wymiarów i HERO. */

/* 1. Nagłówek "Najnowsze artykuły" */
.latest-posts > h2,
.latest-posts .section-title,
.latest-posts-title,
.latest .section-title,
.home-latest .section-title,
main .section-title {
    color: #f4f5f7 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* 2. Pierwsza karta najnowszych materiałów */
.latest-posts .card:first-of-type,
.latest-posts .card:first-of-type *,
.latest .card:first-of-type,
.latest .card:first-of-type *,
.home-latest .card:first-of-type,
.home-latest .card:first-of-type * {
    opacity: 1 !important;
    filter: none !important;
}

.latest-posts .card:first-of-type h2,
.latest-posts .card:first-of-type h3,
.latest-posts .card:first-of-type .title,
.latest .card:first-of-type h2,
.latest .card:first-of-type h3,
.latest .card:first-of-type .title,
.home-latest .card:first-of-type h2,
.home-latest .card:first-of-type h3,
.home-latest .card:first-of-type .title {
    color: #f5f6f8 !important;
}

.latest-posts .card:first-of-type p,
.latest-posts .card:first-of-type .excerpt,
.latest .card:first-of-type p,
.latest .card:first-of-type .excerpt,
.home-latest .card:first-of-type p,
.home-latest .card:first-of-type .excerpt {
    color: #aeb5c0 !important;
}

.latest-posts .card:first-of-type time,
.latest-posts .card:first-of-type .date,
.latest .card:first-of-type time,
.latest .card:first-of-type .date,
.home-latest .card:first-of-type time,
.home-latest .card:first-of-type .date {
    color: #8f97a4 !important;
}

/* Telefon */
@media (max-width: 700px) {
    .latest-posts > h2,
    .latest-posts .section-title,
    .latest-posts-title,
    .latest .section-title,
    .home-latest .section-title,
    main .section-title {
        color: #f4f5f7 !important;
        opacity: 1 !important;
    }
}


/* RETROBZIK PATCH 05 — HOTFIX 03
   Precyzyjnie pod aktualny base.html i home.html. */

/* LOGO: <a class="brand"><strong>RETRO<span>BZIK</span></strong>... */
.topbar .brand strong {
    color: #f4f5f7 !important;
}
.topbar .brand strong span {
    color: #e50914 !important;
}
.topbar .brand small {
    color: #8f97a4 !important;
}

/* Nagłówki sekcji: <div class="section-title"><h2>... */
.section-title h2 {
    color: #f4f5f7 !important;
    opacity: 1 !important;
    filter: none !important;
}
.section-title i {
    opacity: 1 !important;
}

/* Karty strony głównej: .feed > .story */
.feed .story,
.feed .story * {
    opacity: 1 !important;
    filter: none !important;
}
.feed .story .story-copy h3,
.feed .story .story-copy h3 a {
    color: #f5f6f8 !important;
}
.feed .story .story-copy p {
    color: #aeb5c0 !important;
}
.feed .story .story-copy .meta,
.feed .story .story-copy .meta span {
    color: #8f97a4 !important;
}
.feed .story .story-copy .meta strong {
    color: #ff5260 !important;
}
.feed .story .tag {
    color: #fff !important;
    background: #e50914 !important;
}

/* Szczególnie telefon — bez zmian layoutu */
@media (max-width: 700px) {
    .topbar .brand strong {
        color: #f4f5f7 !important;
        opacity: 1 !important;
    }
    .topbar .brand strong span {
        color: #e50914 !important;
    }
    .section-title h2 {
        color: #f4f5f7 !important;
        opacity: 1 !important;
        filter: none !important;
    }
    .feed .story,
    .feed .story:first-child,
    .feed .story .story-copy,
    .feed .story:first-child .story-copy {
        opacity: 1 !important;
        filter: none !important;
    }
    .feed .story .story-copy h3 a,
    .feed .story:first-child .story-copy h3 a {
        color: #f5f6f8 !important;
        opacity: 1 !important;
    }
    .feed .story .story-copy p,
    .feed .story:first-child .story-copy p {
        color: #aeb5c0 !important;
        opacity: 1 !important;
    }
    .feed .story .story-copy .meta,
    .feed .story:first-child .story-copy .meta {
        opacity: 1 !important;
    }
}

/* FIX: ograniczenie mobilnego gradientu HERO */
.hero { position: relative; }


/* HERO MOBILE — delikatnie jaśniejsze zdjęcie */
@media (max-width: 700px) {
    .hero::after {
        background: linear-gradient(
            90deg,
            rgba(0,0,0,.68) 0%,
            rgba(0,0,0,.43) 58%,
            rgba(0,0,0,.08) 100%
        ) !important;
    }
}

/* RETROBZIK — FINALNA CZERWIEŃ MARKI */
:root {
    --red: #E50914 !important;
    --retrobzik-red: #E50914 !important;
}

.tag,
.category,
.badge,
.primary,
.btn {
    background: #E50914 !important;
    color: #fff !important;
}

.brand strong span,
.footer-brand span,
.placeholder span,
.video-empty span,
.drawer-head span {
    color: #E50914 !important;
}

.section-title i {
    background: linear-gradient(90deg, #E50914, transparent) !important;
}

.meta strong,
.review-score-max,
.reader-rating-top strong small {
    color: #E50914 !important;
}

/* RETROBZIK — FINALNY KOLOR MARKI */
:root {
    --red: #E50914 !important;
    --retrobzik-red: #E50914 !important;
}

/* Logo */
.brand strong span,
.drawer-head span,
.footer-brand span,
.placeholder span,
.video-empty span {
    color: #E50914 !important;
}

/* Etykiety */
.tag,
.category,
.badge {
    background: #E50914 !important;
    color: #FFFFFF !important;
}

/* Przyciski */
.primary,
.btn {
    background: #E50914 !important;
    color: #FFFFFF !important;
}

/* Linie i akcenty */
.section-title i {
    background: linear-gradient(90deg, #E50914, transparent) !important;
}

/* Oceny na kartach */
.meta strong,
.story .meta strong,
.feed .story .meta strong {
    color: #E50914 !important;
}

/* Ocena w artykule */
.review-score-max,
.reader-rating-top strong small {
    color: #E50914 !important;
}

/* Pozostałe czerwone akcenty */
.red,
.logo-accent,
.brand-accent {
    color: #E50914 !important;
}


/* RETROBZIK — większy branding na desktopie */
@media (min-width: 801px) {
    .brand strong {
        font-size: 38px !important;
        letter-spacing: -1.8px;
    }

    .brand small {
        font-size: 10px !important;
        letter-spacing: 2.7px;
        margin-top: 8px;
    }

    .topnote {
        font-size: 12px !important;
        letter-spacing: 1.8px;
    }
}

/* RETROBZIK — większa stopka na desktopie */
@media (min-width: 801px) {
.footer-brand { font-size: 28px !important; font-weight: 1000; }
footer p { font-size: 14px !important; line-height: 1.5; margin-top: 14px; }
}

/* RETROBZIK — większa sekcja autora na desktopie */
@media (min-width: 801px) {
.author-box img, .author-row img, .article-author img, .author-avatar { width: 64px !important; height: 64px !important; object-fit: cover; }
.author-box, .author-row, .article-author { gap: 14px !important; }
.author-box strong, .author-row strong, .article-author strong { font-size: 17px !important; }
.author-box small, .author-row small, .article-author small { font-size: 12px !important; }
}

/* RETROBZIK — autor artykułu desktop — FIX */
@media (min-width: 801px) {
    .byline { gap: 16px !important; align-items: center !important; }
    .byline img,
    .byline .author-fallback {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }
    .byline b {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }
    .byline small {
        display: block !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin-top: 4px !important;
    }
}

/* PATCH 06 — mobilny panel administratora Retrobzik */

/* Dashboard — bez wpływu na publiczne karty artykułów */
.admin-dashboard .stats{gap:12px}
.admin-dashboard .stat{display:flex;flex-direction:column;justify-content:center;min-height:104px}
.admin-dashboard .stat b{order:-1;font-size:34px;line-height:1;color:#fff;margin-bottom:6px}
.admin-dashboard .stat span{font-size:13px;color:#aeb7c5}
.admin-materials{display:grid;gap:10px}
.admin-material-card{position:relative;padding:16px 17px!important}
.admin-material-title{display:block;font-size:17px;line-height:1.3;padding-right:92px}
.admin-material-meta{margin-top:5px}
.admin-edit-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid #E50914;border-radius:8px;background:#E50914;color:#fff!important;text-decoration:none;font-weight:850;font-size:13px}

/* Formularz admina — czytelność i wygodne pola dotykowe */
.editor-form label{display:block;margin-top:4px;font-weight:700}
.editor-form input,.editor-form textarea,.editor-form select{border-color:#3b4656}
.editor-form .editor-help{color:#aeb7c5}
.editor-form .inline-help{color:#b8c0cc}
.editor-form .btn{min-height:48px;padding:12px 18px}

@media(max-width:800px){
  /* Zakładki panelu — przewijane poziomo, bez ścisku */
  .tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;padding:2px 0 8px;margin:0 0 24px!important;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabs .pill{flex:0 0 auto;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px!important;border:1px solid #394556!important;border-radius:9px!important;background:#0c1119!important;font-size:15px!important;font-weight:650;text-decoration:none}

  .admin-dashboard h1{font-size:38px!important;line-height:1.05;margin:12px 0 26px}
  .admin-dashboard .stats{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .admin-dashboard .stat{min-height:96px!important;padding:12px 8px!important;text-align:center;border-radius:12px!important}
  .admin-dashboard .stat b{font-size:31px!important;margin-bottom:7px}
  .admin-dashboard .stat span{font-size:11px!important;line-height:1.15}
  .admin-dashboard .section{font-size:29px!important;margin-top:30px!important}
  .admin-material-card{padding:17px!important;min-height:126px}
  .admin-material-title{font-size:18px!important;line-height:1.28;padding-right:0;margin-bottom:7px}
  .admin-material-meta{font-size:13px!important;color:#98a3b3!important;margin-bottom:14px}
  .admin-edit-btn{position:static;transform:none;min-height:43px;padding:0 18px;font-size:14px}

  /* Nowy / edytowany materiał */
  main > h1{line-height:1.08}
  .editor-form{padding:18px!important;border-radius:13px!important}
  .editor-form label{font-size:17px!important;margin:10px 0 4px}
  .editor-form input,.editor-form select{min-height:52px!important;padding:12px 14px!important;font-size:16px!important}
  .editor-form textarea{padding:13px 14px!important;font-size:16px!important;line-height:1.5}
  .editor-form > textarea[name="excerpt"]{min-height:150px!important}
  .upload-panel{margin:22px 0!important;padding-top:4px}
  .upload-panel h3,.editor-title{font-size:25px!important;line-height:1.2}
  .upload-panel p,.editor-help{font-size:14px!important;line-height:1.5}
  .inline-help{font-size:14px!important;line-height:1.45;padding:14px!important}
  .add-blocks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
  .add-blocks button{width:100%;min-height:50px!important;font-size:15px!important;padding:9px 8px!important;border-radius:9px!important}
  .content-block{padding:13px!important}
  .block-head{min-height:42px}
  .mini{min-width:42px;min-height:42px!important}
  .formatbar button{min-height:42px!important}
  .row{grid-template-columns:1fr!important;gap:0!important}
  .legacy{margin:22px 0!important;padding:15px!important}
  .legacy summary{font-size:17px;cursor:pointer}
  .editor-form .btn{width:100%;min-height:54px!important;font-size:17px!important;margin-top:10px}
}

@media(max-width:420px){
  .admin-dashboard .stats{grid-template-columns:1fr!important}
  .admin-dashboard .stat{min-height:82px!important;text-align:left;align-items:flex-start;padding:14px 16px!important}
  .admin-dashboard .stat b{font-size:28px!important;margin-bottom:3px}
}


/* RETROBZIK — 3 statystyki na desktopie */
@media (min-width: 801px) {
    .admin-dashboard .stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* PATCH 07 — szkic / podglad / publikacja */
.publish-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:22px;align-items:stretch}
.publish-actions .btn,.publish-actions .preview-disabled{min-height:50px;display:flex;align-items:center;justify-content:center;margin:0!important;text-align:center;border-radius:9px;text-decoration:none;font-weight:850}
.publish-actions .draft-btn{background:#171e28!important;border:1px solid #465264!important;color:#fff!important}
.publish-actions .preview-btn{background:#252d39!important;border:1px solid #657287!important;color:#fff!important}
.publish-actions .publish-btn{background:#E50914!important;border:1px solid #E50914!important;color:#fff!important}
.publish-actions .preview-disabled{background:#11161e;border:1px dashed #3a4555;color:#7f8998;padding:8px 12px}
.preview-bar{position:relative;z-index:5;margin:0 0 24px;padding:14px 16px;border:1px solid #E50914;border-radius:10px;background:#16090c;display:flex;justify-content:space-between;align-items:center;gap:18px}
.preview-bar div{display:flex;flex-direction:column;gap:3px}.preview-bar b{color:#fff;font-size:14px;letter-spacing:.5px}.preview-bar span{color:#b8c0cc;font-size:13px}
.preview-bar a{flex:0 0 auto;padding:10px 14px;border-radius:8px;background:#E50914;color:#fff!important;text-decoration:none;font-weight:800;font-size:13px}
@media(max-width:700px){.publish-actions{grid-template-columns:1fr;gap:9px}.publish-actions .btn,.publish-actions .preview-disabled{width:100%;min-height:52px}.preview-bar{align-items:flex-start;flex-direction:column}.preview-bar a{width:100%;text-align:center}}


/* PATCH 09 - kategorie i wyszukiwarka */
.listing09{padding:18px 0 34px}.listing09-head{margin-bottom:22px;border-bottom:1px solid #28313d;padding-bottom:13px}.listing09-head span{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#E50914}.listing09-head h1{margin:4px 0 0;font-size:34px}.listing09-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.listing09-card{display:grid;grid-template-columns:210px 1fr;min-height:150px;background:#0f151e;border:1px solid #303a48;border-radius:10px;overflow:hidden}.listing09-image{display:block;min-height:150px}.listing09-image img{width:100%;height:100%;object-fit:cover;display:block}.listing09-empty{height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;background:#1a1118;color:#fff;font-weight:1000}.listing09-empty span{color:#E50914}.listing09-copy{padding:15px}.listing09-copy h2{font-size:19px;line-height:1.2;margin:8px 0}.listing09-copy h2 a{color:#fff;text-decoration:none}.listing09-copy p{color:#aeb7c5;font-size:14px;line-height:1.45;margin:0 0 10px}.listing09-more{color:#fff;text-decoration:none;font-size:13px;font-weight:850}.empty09{padding:24px;border:1px solid #303a48;border-radius:10px;background:#0f151e;color:#aeb7c5}.search09-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}.search09-form input{min-height:52px;background:#0c1119;border:1px solid #3b4656;border-radius:9px;color:#fff;padding:0 15px;font-size:16px}.search09-form .btn{min-width:120px}.search09-info{color:#aeb7c5;margin:0 0 18px}.search09-info b{color:#fff}@media(max-width:900px){.listing09-grid{grid-template-columns:1fr}}@media(max-width:700px){.listing09-head h1{font-size:30px}.listing09-card{grid-template-columns:128px 1fr;min-height:128px}.listing09-image,.listing09-empty{min-height:128px}.listing09-copy{padding:12px}.listing09-copy h2{font-size:17px}.listing09-copy p{font-size:13px}.search09-form{grid-template-columns:1fr}.search09-form .btn{width:100%}}


/* PATCH 11 - wyszukiwanie i filtrowanie materialow */
.admin-material-tools{margin:0 0 18px}.admin-material-search input{width:100%;min-height:50px;padding:0 15px;border:1px solid #3a4554;border-radius:9px;background:#0c1119;color:#fff;font-size:16px;outline:none}.admin-material-search input:focus{border-color:#E50914;box-shadow:0 0 0 2px rgba(229,9,20,.14)}.admin-material-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.admin-filter{min-height:40px;padding:0 14px;border:1px solid #3a4554;border-radius:8px;background:#121923;color:#c9d0da;font-weight:800;cursor:pointer}.admin-filter:hover{border-color:#687587;color:#fff}.admin-filter.active{background:#E50914;border-color:#E50914;color:#fff}.admin-filter span{opacity:.82}.admin-no-results{margin-top:14px;padding:18px;border:1px solid #303a48;border-radius:9px;background:#0f151e;color:#aeb7c5}.admin-material-card[hidden]{display:none!important}
@media(max-width:800px){.admin-material-tools{margin-bottom:15px}.admin-material-search input{min-height:52px;font-size:16px}.admin-material-filters{display:grid;grid-template-columns:1fr;gap:7px}.admin-filter{width:100%;min-height:46px;text-align:left;padding:0 14px}}

/* PATCH 09 MOBILE SEARCH FIX */
.topnote{text-decoration:none}
@media(max-width:800px){
  .topnote{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    justify-self:end;
    cursor:pointer;
    text-decoration:none;
  }
}


/* PATCH 12 - stronicowanie materialow */
.admin-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0 6px}
.admin-pagination button{min-height:44px;border:1px solid #3a4554;border-radius:8px;background:#121923;color:#fff;font-weight:800;cursor:pointer;padding:0 14px}
.admin-pagination button:disabled{opacity:.35;cursor:default}
.admin-pagination span{text-align:center;color:#c9d0da;font-weight:800;white-space:nowrap}
.admin-pagination[hidden]{display:none!important}
@media(max-width:800px){.admin-pagination{gap:7px;margin-top:16px}.admin-pagination button{min-height:48px;padding:0 8px;font-size:13px}.admin-pagination span{font-size:13px}}


/* PATCH 13 FIX - wizualne menu mobilne */
@media(max-width:800px){
 .drawer{padding:20px 20px 28px;overflow-y:auto}
 .drawer-head{padding-bottom:13px;border-bottom:1px solid #26303c;margin-bottom:8px}
 .drawer-head b{font-size:24px;line-height:.9}
 .drawer-head b small{display:block;margin-top:7px;color:#8993a1;font-size:7px;letter-spacing:2px}
 .drawer-links a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;padding:10px 2px;border-bottom:0;font-size:15px;font-weight:700}
 .drawer-links a:first-child{color:#E50914}
 .drawer-links .mi{width:34px;text-align:center;color:#fff;font-size:24px;line-height:1}
 .drawer-links a:first-child .mi{color:#E50914}
 .drawer-social{margin-top:14px;padding-top:15px;border-top:1px solid #303946}
 .drawer-social-title{margin-bottom:13px;color:#d9dee6;font-size:12px;font-weight:800}
 .drawer-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
 .drawer-social-grid a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;border:0;text-decoration:none}
 .social-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;margin-bottom:7px;color:#fff;font-size:24px;font-weight:1000}
 .social-youtube .social-icon{background:#E50914}
 .social-facebook .social-icon{background:#1877f2}
 .social-email .social-icon{background:#4b5563}
 .drawer-social-grid b{font-size:12px;color:#fff}
 .drawer-social-grid small{margin-top:3px;color:#8f99a7;font-size:9px;line-height:1.2}
 .drawer-admin{margin-top:15px;padding-top:8px;border-top:1px solid #303946}
 .drawer-admin a{padding:11px 2px;font-size:12px}
}


/* PATCH 13 - social media cards */
@media (max-width:800px){
.drawer-social{margin-top:20px;padding-top:18px;border-top:1px solid #343c49}
.drawer-social-title{margin:0 0 13px;color:#f3f5f8;font-size:14px;line-height:1.3;font-weight:850}
.drawer-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.drawer .drawer-social-grid>a{min-width:0;min-height:112px;margin:0;padding:11px 5px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;border:1px solid #303946;border-radius:12px;background:linear-gradient(180deg,#111721 0%,#0b1017 100%);box-shadow:0 7px 18px rgba(0,0,0,.24);text-decoration:none;overflow:hidden}
.drawer .drawer-social-grid>a:active{transform:translateY(1px);border-color:#E50914}
.drawer-social-grid .social-icon{width:44px;height:44px;flex:0 0 44px;margin:0 0 2px;display:grid;place-items:center;border:1px solid #3b4655;border-radius:10px;background:#151c26;color:#fff;font-size:24px;line-height:1;font-weight:900}
.drawer-social-grid .social-youtube .social-icon{border-color:rgba(229,9,20,.7);background:linear-gradient(180deg,#d90b15,#a80008)}
.drawer-social-grid .social-facebook .social-icon,.drawer-social-grid .social-email .social-icon{border-color:#465363;background:#151c26;color:#fff}
.drawer-social-grid b{display:block;width:100%;margin:0;color:#fff;font-size:12px;line-height:1.15;font-weight:900;white-space:nowrap}
.drawer-social-grid small{display:block;width:100%;margin:0;color:#8f99a8;font-size:9px;line-height:1.15;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:370px){
.drawer-social-grid{gap:6px}
.drawer .drawer-social-grid>a{min-height:106px;padding-left:3px;padding-right:3px}
.drawer-social-grid .social-icon{width:40px;height:40px;flex-basis:40px;font-size:22px}
.drawer-social-grid b{font-size:11px}.drawer-social-grid small{font-size:8px}
}


/* PATCH 13.1 - compact social media */
@media (max-width:800px){
  .drawer-social{margin-top:13px!important;padding-top:12px!important}
  .drawer-social-title{margin-bottom:9px!important;font-size:13px!important}
  .drawer-social-grid{gap:7px!important}
  .drawer .drawer-social-grid>a{
    min-height:88px!important;
    padding:7px 4px 6px!important;
    gap:3px!important;
    border-radius:10px!important;
  }
  .drawer-social-grid .social-icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    margin-bottom:1px!important;
    border-radius:9px!important;
    font-size:20px!important;
  }
  .drawer-social-grid b{font-size:11px!important;line-height:1.1!important}
  .drawer-social-grid small{font-size:8px!important;line-height:1.1!important}
}


/* PATCH 13.2 - compact mobile drawer */
@media (max-width:800px){
  .drawer-head{
    padding-bottom:12px!important;
    margin-bottom:8px!important;
  }

  .drawer > a{
    padding-top:8px!important;
    padding-bottom:8px!important;
    min-height:0!important;
  }

  .drawer-social{
    margin-top:8px!important;
    padding-top:9px!important;
  }

  .drawer-social-title{
    margin-bottom:7px!important;
  }

  .drawer .drawer-social-grid > a{
    min-height:82px!important;
    padding-top:6px!important;
    padding-bottom:5px!important;
  }
}


/* PATCH 13.3 - balanced mobile drawer spacing */
@media (max-width:800px){
  .drawer > a{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }

  .drawer-social{
    margin-top:11px!important;
    padding-top:11px!important;
  }

  .drawer-social-title{
    margin-bottom:8px!important;
  }

  .drawer .drawer-social-grid > a{
    min-height:84px!important;
  }
}

/* PATCH 14 - colorful drawer icons */
@media (max-width:800px){
.drawer>a{display:flex!important;align-items:center!important;gap:12px!important}
.drawer>a::before{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:9px;font-size:17px;line-height:1;background:#151c26;border:1px solid #394453}
.drawer>a[href="/"]::before{content:"⌂";color:#ff3b46;border-color:#7b2d34;background:#241417}
.drawer>a[href="/kategoria/newsy"]::before{content:"▤";color:#ff5360;border-color:#78343b;background:#24171a}
.drawer>a[href="/kategoria/recenzje"]::before{content:"★";color:#ffc83d;border-color:#75612e;background:#211e14}
.drawer>a[href="/kategoria/retro"]::before{content:"◆";color:#ff8a3d;border-color:#784b30;background:#241b15}
.drawer>a[href="/kategoria/sprzet"]::before{content:"⚙";color:#aeb8c6}
.drawer>a[href="/kategoria/nintendo"]::before{content:"●";color:#e50914;border-color:#7c252c;background:#241315}
.drawer>a[href="/kategoria/playstation"]::before{content:"P";color:#5596ff;border-color:#315581;background:#121b29;font-weight:900}
.drawer>a[href="/kategoria/xbox"]::before{content:"X";color:#58ca63;border-color:#376d3c;background:#132016;font-weight:900}
.drawer>a[href="/kategoria/pc"]::before{content:"▣";color:#9685ff;border-color:#514984;background:#181629}
.drawer>a[href="/kategoria/inne"]::before{content:"•••";color:#d875ff;border-color:#704184;background:#211527;font-size:12px;font-weight:900;letter-spacing:1px}
.drawer-social-grid>a::before{content:none!important;display:none!important}
}


/* PATCH 14.1 - force colorful mobile menu icons */
@media (max-width:800px){
  /* Hide any legacy icon drawn on nested spans/elements, but keep text. */
  .drawer > a > .nav-icon,
  .drawer > a > .drawer-icon,
  .drawer > a > .menu-icon{
    display:none!important;
  }

  /* Give the existing link pseudo-icon a consistent gaming tile. */
  .drawer > a::before{
    box-sizing:border-box!important;
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:9px!important;
    font-family:Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-align:center!important;
    background:#151c26!important;
    border:1px solid #394453!important;
    color:#fff!important;
  }

  .drawer > a[href="/"]::before{
    content:"⌂"!important;color:#ff4652!important;
    background:#261416!important;border-color:#7b3036!important;
  }
  .drawer > a[href="/kategoria/newsy"]::before{
    content:"▤"!important;color:#ff5a66!important;
    background:#251719!important;border-color:#7d343b!important;
  }
  .drawer > a[href="/kategoria/recenzje"]::before{
    content:"★"!important;color:#ffc83d!important;
    background:#241f12!important;border-color:#75612d!important;
  }
  .drawer > a[href="/kategoria/retro"]::before{
    content:"◆"!important;color:#ff8a3d!important;
    background:#261b13!important;border-color:#7c4b2d!important;
  }
  .drawer > a[href="/kategoria/sprzet"]::before{
    content:"⚙"!important;color:#b9c4d2!important;
    background:#18202a!important;border-color:#4b5969!important;
  }
  .drawer > a[href="/kategoria/nintendo"]::before{
    content:"●"!important;color:#ff3340!important;
    background:#281315!important;border-color:#842a31!important;
  }
  .drawer > a[href="/kategoria/playstation"]::before{
    content:"P"!important;color:#5b9cff!important;
    background:#121c2b!important;border-color:#345b8d!important;
  }
  .drawer > a[href="/kategoria/xbox"]::before{
    content:"X"!important;color:#59d065!important;
    background:#122217!important;border-color:#397443!important;
  }
  .drawer > a[href="/kategoria/pc"]::before{
    content:"▣"!important;color:#9c8cff!important;
    background:#19172b!important;border-color:#554d8d!important;
  }
  .drawer > a[href="/kategoria/inne"]::before{
    content:"•••"!important;color:#db7aff!important;
    background:#221529!important;border-color:#75438a!important;
    font-size:11px!important;
  }

  /* Social cards must keep their own icons. */
  .drawer-social-grid > a::before{
    content:none!important;
    display:none!important;
  }
}



/* PATCH 14.2 - real colorful icons inside .drawer-links */
@media (max-width:800px){
  .drawer-links > a{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
  }

  .drawer-links > a .mi{
    box-sizing:border-box!important;
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:9px!important;
    border:1px solid #3a4553!important;
    background:#151c26!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:800!important;
    text-align:center!important;
  }

  .drawer-links > a[href="/"] .mi{
    color:#ff4652!important;background:#261416!important;border-color:#7b3036!important;
  }
  .drawer-links > a[href="/kategoria/newsy"] .mi{
    color:#ff5a66!important;background:#251719!important;border-color:#7d343b!important;
  }
  .drawer-links > a[href="/kategoria/recenzje"] .mi{
    color:#ffc83d!important;background:#241f12!important;border-color:#75612d!important;
  }
  .drawer-links > a[href="/kategoria/retro"] .mi{
    color:#ff8a3d!important;background:#261b13!important;border-color:#7c4b2d!important;
  }
  .drawer-links > a[href="/kategoria/sprzet"] .mi{
    color:#b9c4d2!important;background:#18202a!important;border-color:#4b5969!important;
  }
  .drawer-links > a[href="/kategoria/nintendo"] .mi{
    color:#ff3340!important;background:#281315!important;border-color:#842a31!important;
  }
  .drawer-links > a[href="/kategoria/playstation"] .mi{
    color:#5b9cff!important;background:#121c2b!important;border-color:#345b8d!important;
  }
  .drawer-links > a[href="/kategoria/xbox"] .mi{
    color:#59d065!important;background:#122217!important;border-color:#397443!important;
  }
  .drawer-links > a[href="/kategoria/pc"] .mi{
    color:#9c8cff!important;background:#19172b!important;border-color:#554d8d!important;
  }
  .drawer-links > a[href="/kategoria/inne"] .mi{
    color:#db7aff!important;background:#221529!important;border-color:#75438a!important;
    font-size:11px!important;letter-spacing:1px!important;
  }

  /* Disable the unused PATCH 14/14.1 pseudo-icons. */
  .drawer-links > a::before{
    content:none!important;
    display:none!important;
  }
}


/* PATCH 16 - delete post button */
.admin-material-actions{display:flex;align-items:center;gap:8px;margin-top:8px}
.admin-delete-form{margin:0}
.admin-delete-btn{appearance:none;border:1px solid #7d2830;background:#2a1215;color:#ff6570;border-radius:8px;padding:8px 12px;font:inherit;font-weight:800;cursor:pointer}
.admin-delete-btn:hover{background:#3a1519;border-color:#E50914;color:#fff}
@media(max-width:800px){.admin-material-actions{gap:7px}.admin-delete-btn{min-height:38px;padding:8px 12px}}

/* PATCH 17 - desktop menu size + active section */
@media (min-width:801px){
.desktop-nav a{font-size:120%!important}
.desktop-nav a.rb-active{color:#FFD43B!important;position:relative}
.desktop-nav a.rb-active::after{content:"";position:absolute;left:12%;right:12%;bottom:-7px;height:2px;border-radius:2px;background:#FFD43B;box-shadow:0 0 8px rgba(255,212,59,.28)}
}

/* PATCH 18.1 - minimalist footer */
footer{padding:20px 16px!important;min-height:0!important;text-align:center!important}
footer .footer-copyright{margin:0!important;color:#8f99a8!important;font-size:13px!important;line-height:1.4!important;font-weight:400!important}