/* ========================================================== DODATKOWY CSS — Radio Świnoujście — wersja 2.1 (2026-11-04) Zmiany względem poprzedniej wersji: - usunięto: ShiftNav (wtyczka nieinstalowana) (81 linii) - usunięto: Logo jako tło body::before (teraz link we wtyczce Pasek mobilny 3.2) (33 linii) - usunięto: Pierwszy blok .mobile-only (sprzeczny z późniejszym ukryciem) (13 linii) - selektory-wieloznaczniki szerokości tylko na desktopie (od 769px) - tytuły stron na telefonie: jeden styl (różowa kreska, czarny, do lewej) Wymaga: Pasek menu mobilnego 3.2 (logo mobilne jako link). ========================================================== */ /* === ORYGINALNY KOD === */ .entry-meta .comments, .entry-meta > div:after { display: none; } .entry-meta > div + .comments:before { content: "/"; } @media (min-width: 1000px) { .container, .post-template-default .site-content .container, .page-template-default:not(.woocommerce) .site-content .container { max-width: 1300px; } .post-boxed.inlined .post-img-wrap { height: 80px; width: 80px; } .newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-img-wrap { height: 234px; } .col-xxl-4 { flex: 0 0 50%; max-width: 50%; } .entry-content p { margin-bottom: 15px; } .featured-section .post-block .entry-header, .featured-section .two-column-featured-section .post-block .entry-header { padding: 10px 10px 0; } .navbar-head.navbar-bg-set { padding-top: 30px; padding-bottom: 30px; } .main-navigation a, .search-toggle { padding: 8px; } .main-navigation > ul > li.menu-item-has-children > a, .main-navigation > ul > li.page_item_has_children > a { padding-right: 32px; } .main-navigation > ul > li.menu-item-has-children > a:after, .main-navigation > ul > li.page_item_has_children > a:after { right: 115px; } } /* v2: tylko desktop - selektory [class*="scroll"] / [class*="ticker"] / [class*="informacje"] z !important łapały na telefonie przypadkowe elementy (pasek pigułek, player, przyciski). */ @media (min-width: 769px) { .top-header, .site-header .top-bar, .header-top, body > header:first-child, .newscard-top-header, .site-header, .navbar, .navigation-wrapper, .menu-wrapper, .primary-navigation, .site-navigation, .news-ticker, .breaking-news, .scroll-news, .marquee-news, .ticker-wrapper, .newscard-ticker, .scrolling-news, .news-scroll, .informacje-ticker, .informacje-scroll, .news-bar, .info-bar, .ticker-news, .scroll-wrapper, .informacje, [class*="informacje"], [class*="ticker"], [class*="scroll"]:not(.post):not(.entry):not(.content) { max-width: 1300px !important; margin: 0 auto !important; width: 100% !important; box-sizing: border-box !important; } .site-header > div:first-child, header.site-header > *:first-child, .site-header .container, .navigation .container, .ticker .container, .site-header .row, .navigation .row, .ticker .row { max-width: 1300px !important; margin: 0 auto !important; } } .navbar-head { display: none; } .entry-meta.category-meta { display: none; } .post-block .post-img-wrap a:after { display: none; } .post-block .entry-header:before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); z-index: 0; } .post-block .entry-title { position: relative; z-index: 1; } .featured-section .entry-title, .featured-stories .entry-title { text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 3.6em; line-height: 1.2em; } .entry-header-details .post-excerpt { display: none; } .entry-meta .by-author, .entry-meta > div:after { display: none; } .navbar-brand { max-width: 250px; } /* ========================================================== */ /* === UKRYCIE ORYGINALNEGO NAGŁÓWKA MOBILNEGO (PO WTYCZCE) === */ /* ========================================================== */ @media (max-width: 991px) { /* Ukrycie wszystkich głównych kontenerów nagłówka motywu */ .site-header, .navbar-main, .navbar-head, .main-navigation, #site-navigation, .site-header .container, .top-header, .header-top, .top-bar, .navbar-brand, .menu-toggle, .navbar-toggler { display: none !important; } } /* === POPRAWKA MENU NA DESKTOP === */ @media (min-width: 1000px) { .main-navigation a { padding-left: 6px !important; padding-right: 6px !important; } } /* ========================================================== */ /* === OSTATECZNA POPRAWKA CZERWONYCH LINII W PASKU BOCZNYM === */ /* ========================================================== */ #secondary div[style*="background-color: #fc006d"] { width: 100% !important; height: 2px !important; display: block !important; margin: 25px 0 !important; vertical-align: unset !important; } /* ========================================================== */ /* === ZWIĘKSZENIE SZEROKOŚCI NA STRONACH ARTYKUŁÓW === */ /* ========================================================== */ #fluent_latest_posts_widget-2 .fluent-news-column h2 { color: white !important; text-shadow: 0 0 10px rgba(255, 255, 255, 0.7) !important; } /* ========================================================== */ /* === OSTATECZNA POPRAWKA SZEROKOŚCI ARTYKUŁÓW === */ /* ========================================================== */ .post-template-default .site-content .container, .single .site-content .container { padding-left: 0 !important; padding-right: 0 !important; } .search-toggle { display: none; } .info-bar .date { display: none; } /* ========================================================== */ /* === NOWE STYLE MENU === */ /* ========================================================== */ .site-header { background-color: #ffffff !important; } /* === POPRAWKA: usunięto ".site-header span" === Powód: span dziedziczy kolor po . Gdy span miał WŁASNĄ regułę koloru, bezpośrednie dopasowanie wygrywało nad odziedziczonym białym kolorem z reguł hover poniżej, przez co tekst w menu zostawał fioletowy przy hover. */ .site-header a { color: #fc006d !important; font-size: 1.15em !important; font-weight: 700 !important; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important; } .main-navigation .menu-item:first-child a, .main-navigation .current-menu-item a { background-color: #fc006d !important; color: #ffffff !important; } .main-navigation a:hover { background-color: #d0004f !important; color: #ffffff !important; } .main-navigation li:hover > a { background-color: #fc006d !important; } .site-header .main-navigation ul { display: flex !important; justify-content: space-between !important; width: 100% !important; align-items: center !important; } /* ================================================================= */ /* === WERSJA OSTATECZNA: Pełne wyrównanie nagłówka (PRZYWRÓCONE DLA DESKTOPU) === */ /* ================================================================= */ .site-header .container { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } .navbar-main { padding-left: 0 !important; padding-right: 0 !important; } #site-navigation { flex-grow: 1 !important; position: static !important; } #site-navigation .nav-menu { display: flex !important; width: 100% !important; } #site-navigation .nav-menu > li { flex-grow: 1 !important; text-align: center !important; } /* Wymuś widoczność logo i menu na mobilkach */ .site-logo, .main-navigation, .menu-toggle, .nav-menu { display: block !important; visibility: visible !important; opacity: 1 !important; } /* Ukryj przypadkowe nakładki, które mogą zasłaniać menu */ .header-overlay, .mobile-menu-overlay { display: none !important; } /* Jeśli menu hamburgera jest poza ekranem */ .menu-toggle { position: relative !important; z-index: 9999 !important; } /* Upewnij się, że logo nie jest przezroczyste */ .site-logo img { opacity: 1 !important; max-height: 60px !important; } /* kontener całego widgetu */ .kb-cat-widget { border-top: 3px solid #fc006d; /* czerwona linia jak w nagłówku */ margin: 0 0 25px; padding-top: 8px; } /* pasek nagłówka */ .kb-cat-widget-header { font-size: 19px; font-weight: 700; color: #fc006d; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #fc006d; padding-bottom: 6px; } .kb-cat-widget-label { letter-spacing: 0.08em; margin-right: 4px; } .kb-cat-widget-name { color: #ffffff; } /* lista artykułów */ .kb-cat-widget-list { display: flex; flex-direction: column; gap: 10px; } /* pojedynczy artykuł */ .kb-cat-widget-item a { display: flex; align-items: center; text-decoration: none; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; } .kb-cat-widget-item:last-child a { border-bottom: none; } /* miniaturka */ .kb-cat-widget-thumb { flex: 0 0 90px; margin-right: 10px; } .kb-cat-widget-thumb img { width: 90px; height: 60px; object-fit: cover; display: block; } /* tytuł */ .kb-cat-widget-text { flex: 1 1 auto; } .kb-cat-widget-title { font-size: 15px; line-height: 1.3; color: #222; margin: 0; } .kb-cat-widget-item a:hover .kb-cat-widget-title { color: #fc006d; } /* DZS Videogallery sidebar – lista po lewej */ #sidebar .videogallery, #sidebar [id*="videogallery"] .gallery-nav, #sidebar .dzs-videogallery .gallery-nav-wrap, #sidebar .videogallery-skin-default .gallery-nav { max-height: 450px !important; overflow-y: auto !important; overflow-x: hidden !important; } #sidebar .gallery-nav::-webkit-scrollbar { width: 4px !important; } #sidebar .gallery-nav::-webkit-scrollbar-thumb { background: #888 !important; border-radius: 2px !important; } @media (max-width: 768px) { .site-content, .featured-stories .container { padding-top: 0 !important; } } .category-wiadomosci .entry-content .image { text-align: center; } .category-wiadomosci .entry-content .image img { display: inline-block; float: none !important; margin: 0 auto !important; } .post-meta .cat-links::after { content: " | "; padding: 0 5px; } .main-navigation ul li a { position: relative; overflow: hidden; transition: color 0.3s ease; } /* kreska */ .main-navigation ul li a::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0%; height: 3px; background: #fc006d; transition: all 0.35s ease; transform: translateX(-50%); } /* hover */ .main-navigation ul li a:hover::after, .main-navigation ul li.current-menu-item a::after { width: 100%; } /* kolor tekstu */ .main-navigation ul li a:hover { color: #ffffff !important; } /* ukryj oryginalne entry-meta – zastąpimy je przez JS */ .single .entry-header .entry-meta { visibility: hidden; height: 0; overflow: hidden; } /* ===== APPLE GLASS HEADER ===== */ .site-header, .main-navigation, #site-navigation, .header-wrap { background: rgba(255,255,255,0.78) !important; backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; border-top-left-radius: 28px; border-top-right-radius: 28px; border: 1px solid rgba(255,255,255,0.55); box-shadow: 0 10px 40px rgba(0,0,0,.08), 0 2px 10px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.85); overflow: hidden; transition: all .35s ease; } /* Efekt premium po najechaniu */ .site-header:hover, .main-navigation:hover, #site-navigation:hover, .header-wrap:hover { box-shadow: 0 16px 60px rgba(0,0,0,.12), 0 5px 20px rgba(252,0,109,.12), inset 0 1px 0 rgba(255,255,255,.9); } /* Pozycje menu */ .main-navigation a, #site-navigation a { position: relative; transition: all .25s ease; border-radius: 12px; } /* Apple hover */ .main-navigation a:hover, #site-navigation a:hover { background: rgba(252,0,109,.75); color: #ffffff !important; } /* Podświetlenie aktywnej strony */ .current-menu-item > a, .current_page_item > a { background: rgba(252,0,109,.10); color: #fc006d !important; border-radius: 12px; } /* Delikatna linia światła u góry */ .site-header::before, .header-wrap::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.95), transparent ); } .site-header, .main-navigation, #site-navigation, .header-wrap{ margin-top:10px; } /* Usuń białe tło motywu */ .site-header, .header-wrap, .main-navigation, #site-navigation, .navbar, .header-main { background: transparent !important; } /* Usuń ramkę kontenera nadrzędnego */ .site-header, .header-wrap { border: none !important; box-shadow: none !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Glass tylko na menu */ .main-navigation, #site-navigation { background: rgba(255,255,255,.75) !important; backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); border: 1px solid rgba(255,255,255,.45); border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; box-shadow: 0 10px 40px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.85); overflow: hidden; } .entry-title a, .entry-title, #content .entry-content a, #content .entry-content ul a, #content .entry-content ol a, .tags-links a, .cat-links a, .post-tags a { color: #fc006d !important; } #content .entry-content a:hover, .entry-title a:hover { color: #d0004f !important; text-decoration: underline !important; } /* ========================================================== */ /* === BLOKADA POZIOMEGO PRZEWIJANIA STRONY (MOBILE "PŁYWANIE") === */ /* ========================================================== */ html, body { max-width: 100%; overflow-x: hidden !important; } * { max-width: 100%; } /* ========================================================== */ /* === PEŁNA SZEROKOŚĆ TREŚCI NA MOBILE (WSZYSTKIE PODSTRONY) === */ /* ========================================================== */ @media (max-width: 991px) { .site-content, .site-content .container, .page-template-default .site-content .container, #primary, .content-area, body .container { max-width: 100% !important; width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } } /* ========================================================== */ /* === WYŁĄCZENIE GLOBALNEGO TŁA (CUSTOM BACKGROUND) NA MOBILE === */ /* ========================================================== */ @media (max-width: 991px) { body.custom-background { background-image: none !important; background-color: #ffffff !important; background-attachment: initial !important; } } /* ========================================================== */ /* === PEŁNA SZEROKOŚĆ - KOLUMNY BOOTSTRAP + JEDEN SPÓJNY MARGINES 16PX === */ /* (ostateczna wersja - zastępuje wcześniejsze, częściowe próby powyżej) */ /* ========================================================== */ @media (max-width: 991px) { /* Bootstrap: wszystkie wiersze i kolumny na pełną szerokość, bez własnych gutterów */ .row, [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* jedyny, "gazetowy" margines boczny - na samym kontenerze treści */ .site-content .container, #content.site-content { padding-left: 16px !important; padding-right: 16px !important; } /* kluczowe kontenery strukturalne - pełna szerokość, bez marginesów */ #primary, #secondary, .site-main, .entry-content, .entry-header, .content-area { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 991px) { /* #primary (col-lg-8) - zeruj własny padding, margines ma dawać tylko #content */ #primary.col-lg-8, body #primary { padding-left: 0 !important; padding-right: 0 !important; } /* sam wpis (article.type-post / .hentry) - zeruj własny padding */ article.type-post, .type-post.hentry, .site-main article { padding-left: 0 !important; padding-right: 0 !important; } /* jedyne źródło marginesu - #content, zmniejszone do 16px */ #content.site-content { padding-left: 16px !important; padding-right: 16px !important; } } @media (max-width: 991px) { /* Tytuł artykułu - duży, mocny, jak w wp.pl */ .single .entry-title { font-size: 26px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: -0.3px !important; } /* Tekst artykułu - większy, wygodniejszy do czytania na telefonie */ .single .entry-content p { font-size: 17px !important; line-height: 1.6 !important; } .single .entry-content { font-size: 17px !important; line-height: 1.6 !important; } /* Nagłówki wewnątrz treści artykułu */ .single .entry-content h2 { font-size: 21px !important; line-height: 1.35 !important; font-weight: 700 !important; } .single .entry-content h3 { font-size: 19px !important; line-height: 1.35 !important; font-weight: 700 !important; } /* Znacznik daty/kategorii - odrobinę większy dla czytelności */ .ndc-meta-date, .ndc-meta-cat, .single .entry-header .entry-meta, .entry-header time { font-size: 14px !important; } } @media (max-width: 991px) { .navigation.post-navigation { display: none !important; } } .postid-15215 .entry-meta, .postid-15215 .post-meta, .postid-15215 .byline, .postid-15215 .posted-on, .postid-15215 .cat-links { display:none !important; } .postid-14918 .entry-meta, .postid-14918 .post-meta, .postid-14918 .byline, .postid-14918 .posted-on, .postid-14918 .cat-links { display:none !important; } .postid-15212 .entry-meta, .postid-15212 .post-meta, .postid-15212 .byline, .postid-15212 .posted-on, .postid-15212 .cat-links { display:none !important; } .postid-16113 .entry-meta, .postid-16113 .post-meta, .postid-16113 .byline, .postid-16113 .posted-on, .postid-16113 .cat-links { display:none !important; } /* v2: tytuły stron na telefonie — jeden styl jak "Wiadomości" i "Pogoda": do lewej, czarny, różowa kreska. Wcześniej: różowe i wyśrodkowane. */ @media (max-width: 768px) { .page .entry-header .entry-title, .page-title { display: flex !important; align-items: center !important; gap: 10px !important; text-align: left !important; color: #111 !important; font-size: 22px !important; line-height: 1.25 !important; font-weight: 700 !important; margin: 14px 0 12px !important; } .page .entry-header .entry-title::before, .page-title::before { content: ""; display: inline-block; width: 5px; height: 24px; background: #fc006d; border-radius: 3px; flex-shrink: 0; } .single .entry-title { text-align: left !important; } } /* ========================================================== */ /* === STYL TYTUŁÓW Z PLUGINU KATEGORII — RÓŻOWA KRESKA + CZARNY TEKST === */ /* (zastępuje poprzedni wpis dla .single .entry-title) */ /* ========================================================== */ .single .entry-title, .kb-cat-widget-header, .rsw-cat-section-label { display: flex !important; align-items: center !important; gap: 10px !important; color: #111 !important; font-weight: 700 !important; font-family: inherit !important; /* tak jak w pluginie — bez wymuszania fontu */ } /* nadpisanie poprzedniego różowego tekstu tytułu artykułu */ .single .entry-title a { color: #111 !important; } /* ========================================================== */ /* === ZDJĘCIE Z RSS RETRIEVER — OPŁYWANE TEKSTEM (DESKTOP) === */ /* Obsługuje oba warianty wtyczki: ff-og-image-inserted i media_thumbnail */ /* ========================================================== */ .single .entry-content > div:has(> img.ff-og-image-inserted), .single .entry-content > div:has(> img.media_thumbnail), .single .entry-content > p:has(> img.media_thumbnail), .single .entry-content > figure:has(> img.ff-og-image-inserted), .single .entry-content > figure:has(> img.media_thumbnail) { float: left; width: 340px; max-width: 45%; margin: 4px 24px 12px 0; shape-margin: 12px; } .single .entry-content img.ff-og-image-inserted, .single .entry-content img.media_thumbnail { width: 100% !important; height: auto !important; display: block; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.12); } .single .entry-content::after { content: ""; display: table; clear: both; } /* ========================================================== */ /* === MOBILE — ZDJĘCIE WYŚRODKOWANE, PEŁNA SZEROKOŚĆ === */ /* ========================================================== */ @media (max-width: 768px) { .single .entry-content > div:has(> img.ff-og-image-inserted), .single .entry-content > div:has(> img.media_thumbnail), .single .entry-content > p:has(> img.media_thumbnail), .single .entry-content > figure:has(> img.ff-og-image-inserted), .single .entry-content > figure:has(> img.media_thumbnail) { float: none; width: 100% !important; max-width: 100% !important; margin: 0 0 16px !important; text-align: center; } .single .entry-content img.ff-og-image-inserted, .single .entry-content img.media_thumbnail { width: 100% !important; max-width: 100% !important; border-radius: 10px; } } /* ========================================================== */ /* === WYŚRODKOWANIE DATY, GODZINY I KATEGORII (MOBILE) === */ /* ========================================================== */ .single .entry-header .entry-meta { display: flex !important; justify-content: center !important; text-align: center !important; width: 100%; } .single .entry-header .entry-meta > span { justify-content: center !important; } /* ========================================================== */ /* === WYMUSZENIE UKRYCIA ENTRY-META NA WYBRANYCH POSTACH === */ /* (musi być na końcu i mieć tę samą specyficzność co reguła centrująca) */ /* ========================================================== */ .postid-15215 .entry-header .entry-meta, .postid-14918 .entry-header .entry-meta, .postid-15212 .entry-header .entry-meta, .postid-16113 .entry-header .entry-meta { display: none !important; } .single .entry-title::before, .kb-cat-widget-header::before { content: ""; display: inline-block; width: 5px; height: 24px; background: #fc006d; border-radius: 3px; flex-shrink: 0; } /* ========================================================== */ /* === DOPRECYZOWANIE: PASEK MENU NA PEŁNĄ SZEROKOŚĆ === */ /* Samo usunięcie max-width:1240px nie wystarczyło - sekcja "Apple Glass Header" nadaje .main-navigation/#site-navigation wygląd zaokrąglonej "pigułki" (tło, cień, zaokrąglenie), ale nigdzie nie wymusza dla nich width:100%, więc kurczyły się do szerokości własnej zawartości (same pozycje menu) zamiast rozciągać na cały pasek. Wymuszamy to tutaj wprost, na samym końcu pliku - ta pozycja w kaskadzie gwarantuje pierwszeństwo przy takiej samej specyficzności co wcześniejsze reguły. */ /* ========================================================== */ @media (min-width: 1000px) { .site-header .container, .navbar-main, .navbar-collapse, .main-navigation, #site-navigation { width: 100% !important; max-width: none !important; } #site-navigation .nav-menu { display: flex !important; width: 100% !important; } } /* ========================================================== */ /* === STOPKA: KOLOR LINKÓW I CZCIONKA SPÓJNE Z RESZTĄ STRONY === */ /* Linki w stopce wyświetlały się w domyślnym niebieskim kolorze przeglądarki, a nagłówki kolumn (h3.widget-title) w domyślnej czcionce systemowej - żadna wcześniejsza reguła kolorystyczna ich nie łapała (prawdopodobnie przez styl inline w treści widżetu albo zbyt niską specyficzność). Używamy !important, żeby zadziałało niezależnie od przyczyny. */ /* ========================================================== */ .site-footer, .site-footer p, .site-footer li, .site-footer .widget-title { font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif !important; } .site-footer a { color: #fc006d !important; text-decoration: none !important; transition: color 0.2s ease; } .site-footer a:hover { color: #d0004f !important; text-decoration: underline !important; } .site-footer .widget-title { font-weight: 700 !important; color: #111 !important; position: relative; padding-bottom: 12px; margin-bottom: 18px !important; } .site-footer .widget-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #fc006d; border-radius: 2px; } body, input, textarea, select, button { font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; } /* ── Single post: powietrze 15px po bokach (tytuł + streszczenie + treść) ── */ .single .entry-header, .single .entry-content{ padding-left:15px; padding-right:15px; box-sizing:border-box; } /* ── Single post: typografia treści (czytelność długich newsów) ── */ .single .entry-content{ font-size:1.08rem; /* delikatnie większy tekst */ line-height:1.75; /* luźniejszy interlinia */ color:#2a2a30; /* ciemny grafit zamiast czystej czerni — mniej męczy */ } .single .entry-content p{ margin:0 0 1.35em; /* wyraźniejsze odstępy między akapitami */ } /* Śródtytuły w treści (gdy są zwykłym w akapicie) trochę oddechu nad nimi */ .single .entry-content p strong{ display:inline; } .single .entry-content h2, .single .entry-content h3{ line-height:1.3; margin:1.6em 0 .5em; } /* Listy i cytaty też dostają luźniejszy rytm */ .single .entry-content li{ line-height:1.7; margin-bottom:.5em; } .single .entry-content blockquote{ line-height:1.7; } /* Na wąskich ekranach lekko mniejszy bazowy rozmiar, żeby nie było za duże */ @media (max-width:560px){ .single .entry-content{ font-size:1.02rem; line-height:1.7; } } /* ── Single post: hierarchia nagłówka i tekstu (editorial) ── */ /* 1. Tytuł — większy, ciaśniejszy, mocniejszy */ .single .entry-header .entry-title{ font-size:2.15rem; line-height:1.18; letter-spacing:-.01em; margin-bottom:14px; } @media(max-width:560px){ .single .entry-header .entry-title{ font-size:1.6rem; line-height:1.22; } } /* 3. Oddech między linią meta a startem artykułu */ .single .entry-content{ margin-top:6px; } /* 2. Akapit wiodący (lead) — większy i ciemniejszy, prowadzi w tekst. Celuje w pierwszy prawdziwy akapit; jeśli pierwszy jest "Źródło:", przeskakuje na kolejny. */ .single .entry-content > p:first-of-type{ font-size:1.16rem; line-height:1.7; color:#20202a; } /* ── Biały panel treści: zaokrąglenie + oderwanie od tła ── */ .single #primary.content-area{ background:#fff; border-radius:18px; box-shadow:0 10px 34px rgba(26,26,32,.12); overflow:hidden; /* przycina rogi elementów wewnątrz */ } @media(max-width:560px){ .single #primary.content-area{ border-radius:14px; box-shadow:0 6px 20px rgba(26,26,32,.10); } } /* Wewnętrzny oddech panelu treści (góra/dół) */ .single #primary.content-area{ padding-top:28px; padding-bottom:28px; } @media(max-width:560px){ .single #primary.content-area{ padding-top:20px; padding-bottom:20px; } } /* ========================================================== */ /* === NAGŁÓWKI SEKCJI KATEGORII (Wiadomości / Najnowsze): === */ /* === czytelna, zwarta pigułka niezależna od tła === */ /* ---------------------------------------------------------- */ /* POPRAWKA: pigułka idzie na TEKST — .rsw-cat-title (h1 */ /* "Wiadomości") oraz .rsw-cat-section-label ("Najnowsze") — */ /* a NIE na kontener .rsw-cat-header. Wcześniej tło było na */ /* dividzie, a h1 miał własny color:#111 z pluginu, więc */ /* "Wiadomości" pozostawało czarne na ciemnej pigułce. */ /* inline-flex + width:auto => pigułka kurczy się do tekstu. */ /* ========================================================== */ .rsw-cat-title, .rsw-cat-section-label{ display:inline-flex !important; align-items:center; gap:10px; width:auto !important; background:rgba(26,26,32,.72); color:#fff !important; padding:6px 16px; border-radius:999px; text-shadow:none !important; } /* ========================================================== */ /* === GALERIA WIDEO (YCG) — szklany kontener jak TOP5 === */ /* ========================================================== */ .ycg-wrapper{ max-width: 1100px; margin-left: auto !important; margin-right: auto !important; margin-top: 30px; margin-bottom: 30px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(25px) saturate(200%); -webkit-backdrop-filter: blur(25px) saturate(200%); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.2); padding: 26px 18px; box-shadow: 0 12px 35px rgba(0,0,0,0.2); box-sizing: border-box; } /* Gdyby rodzic-blok nie dawał się wyśrodkować przez auto-margin */ #block-39{ text-align: center; } /* === Hover kół — Wariant A: obracający się pierścień === */ .ycg-circle{ position: relative; z-index: 0; transition: transform .3s ease; } .ycg-circle::before{ content:""; position:absolute; inset:-5px; border-radius:50%; z-index:-1; background: conic-gradient(from 0deg, #fc006d, #8401fc, #fc006d); opacity:0; transition: opacity .3s ease; pointer-events:none; } .ycg-circle:hover::before{ opacity:1; animation: ycgSpin 2.8s linear infinite; } .ycg-circle:hover{ transform: scale(1.04); } @keyframes ycgSpin{ to{ transform: rotate(360deg); } } .ycg-circle-play{ transition: transform .25s ease; } .ycg-circle:hover .ycg-circle-play{ transform: scale(1.12); } /* ========================================================== */ /* === GALERIA WIDEO (YCG) — przycisk "Wczytaj więcej" === */ /* === różowy gradient, zaokrąglony, jak przycisk TOP5 === */ /* ========================================================== */ .ycg-load-more-row{ text-align: center; margin-top: 22px; } .ycg-load-more-btn{ display: inline-block; padding: 13px 42px; background: linear-gradient(to bottom, #fc016d, #d00155); color: #fff !important; font-family: 'Fira Sans', sans-serif; font-weight: 700; font-size: 15px; line-height: 1; text-decoration: none !important; border: none; border-radius: 999px; cursor: pointer; box-shadow: 0 4px 15px rgba(252,1,109,0.35); transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease; -webkit-appearance: none; appearance: none; } .ycg-load-more-btn:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(252,1,109,0.55); opacity: .97; } .ycg-load-more-btn:active{ transform: translateY(0) scale(.98); } /* ========================================================== >>> GÓRNE MENU — KOMPLET (szkło + pigułka V2) <<< ---------------------------------------------------------- Jeden, kompletny blok. Zastępuje w całości dwie wcześniejsze wstawki (pigułka V2 + dopieszczenie szkła) — usuń tamte i wklej ten na samym końcu Dodatkowego CSS (Wygląd -> Dostosuj -> Dodatkowy CSS). Pozycja na końcu pliku gwarantuje pierwszeństwo w kaskadzie i nadpisanie sekcji "APPLE GLASS HEADER" / "NOWE STYLE MENU" bez ich usuwania. Zakres: 1) Szkło paska: wyższe krycie + mocniejszy blur + muśnięcie różu. 2) Pozycje menu: hover i pozycja aktywna = gradient #fc016d->#8401fc, biały tekst (wariant V2, animowany). 3) LOGO (pierwsza pozycja, .menu-item-home) — NIETKNIĘTE. Cofnięcie: skasuj cały ten blok (do znacznika KONIEC na dole). ========================================================== */ @media (min-width: 1000px) { /* ---------- 1. SZKŁO PASKA (dopieszczone) ---------- */ #site-navigation, .main-navigation { background: rgba(255, 250, 252, .86) !important; /* biel z ledwie wyczuwalnym różem */ -webkit-backdrop-filter: blur(30px) saturate(160%) !important; backdrop-filter: blur(30px) saturate(160%) !important; border: 1px solid rgba(255, 255, 255, .6) !important; box-shadow: 0 12px 42px rgba(0, 0, 0, .12), 0 4px 16px rgba(252, 0, 109, .10), /* różowa poświata pod paskiem */ inset 0 1px 0 rgba(255, 255, 255, .92) /* górna linia światła */ !important; } #site-navigation:hover, .main-navigation:hover { box-shadow: 0 16px 56px rgba(0, 0, 0, .15), 0 6px 22px rgba(252, 0, 109, .16), inset 0 1px 0 rgba(255, 255, 255, .95) !important; } /* ---------- 2. POZYCJE MENU — PIGUŁKA V2 ---------- */ /* wszystkie pozycje tekstowe (bez logo = .menu-item-home) */ #site-navigation .nav-menu > li:not(.menu-item-home) > a { position: relative; isolation: isolate; /* zamyka z-index gradientu wewnątrz pigułki */ overflow: hidden; border-radius: 14px; transition: color .25s ease; } /* warstwa gradientu POD tekstem (na hover / gdy aktywna) */ #site-navigation .nav-menu > li:not(.menu-item-home) > a::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 14px; background: linear-gradient(135deg, #fc016d 0%, #8401fc 100%); opacity: 0; transform: scale(.92); transition: opacity .25s ease, transform .25s ease; } /* stara różowa kreska (::after) — V2 jej nie używa */ #site-navigation .nav-menu > li > a::after { content: none !important; } /* HOVER + AKTYWNA: gradient widoczny, znika stare płaskie tło */ #site-navigation .nav-menu > li:not(.menu-item-home):hover > a::before, #site-navigation .nav-menu > li:not(.menu-item-home).current-menu-item > a::before { opacity: 1; transform: scale(1); } #site-navigation .nav-menu > li:not(.menu-item-home):hover > a, #site-navigation .nav-menu > li:not(.menu-item-home).current-menu-item > a { background: transparent !important; /* kasuje #d0004f / rgba(...) ze starych reguł */ color: #ffffff !important; } #site-navigation .nav-menu > li:not(.menu-item-home):hover > a *, #site-navigation .nav-menu > li:not(.menu-item-home).current-menu-item > a * { color: #ffffff !important; /* ikona (dashicon) + tekst na biało */ } } /* >>> KONIEC: GÓRNE MENU — KOMPLET <<< */ /* ========================================================== >>> SZEROKOŚĆ SEKCJI — VIDEO + TOP 5 na równi z górą <<< ---------------------------------------------------------- Sekcje "VIDEO ZE ŚWINOUJŚCIA" (.ycg-wrapper, #block-39) oraz "TOP 5" (.ios-top5-grid-container, #block-46) miały max-width 1100px i przez to były węższe niż górne widżety, które siedzą w kontenerze .container (max-width 1300px). Wyrównujemy obie sekcje do 1300px, żeby ich krawędzie pokrywały się z górą. Cofnięcie: skasuj cały ten blok (do znacznika KONIEC na dole). ========================================================== */ @media (min-width: 1000px) { .ycg-wrapper, .ios-top5-grid-container { max-width: 1300px !important; /* było 1100px -> równo z .container */ margin-left: auto !important; margin-right: auto !important; } } /* >>> KONIEC: SZEROKOŚĆ SEKCJI — VIDEO + TOP 5 <<< */ /* ========================================================== >>> NAGŁÓWKI SEKCJI — KONCEPT C (kicker + kreska + blob) <<< ---------------------------------------------------------- Wyśrodkowany. Nadpisuje sekcję "APPLE ULTRA DIVIDER" (klasa .apple-ultra-divider), która jest w wielu widżetach na stronie głównej: VIDEO ZE ŚWINOUJŚCIA, LIFESTYLE, INNOWACJE, OSTATNIO DODANE, POLECAMY. Zmiana łapie wszystkie naraz, bez ruszania markupu w widżetach. Uwaga: reguły .apple-ultra-divider są wpisane inline w treści widżetów (w