/*
Theme Name: Gillion Child
Description: Child theme for Gillion theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: gillion
*/

/* Add your custom CSS below */
#content.content-with-sidebar-right{
paddig-top: 10px;
}
.post-container-excerpt p{
	text-align: justify;
}
.blog-slider-item .post-categories a{
	text-shadow: 4px 3px 3px rgba(0, 0, 0, 0.76);
	font-size: 18px;
}
.blog-slider-style5 .blog-grid-small .post-categories a{
	font-size: 16px;
}
.post-review{
	background: rgba(217,36,28,1) !important;
}
/* Hotfix dla białego pola po przełączeniu zakładki nowe/popularne */
.sh-categories .tab-pane{
    overflow: hidden;
}
.post-content p{
	text-align: justify;
	font-size: 1.2em;
}
/* Osadzone filmy YouTube (2026-07-16, na prosbe usera): poprzednio width:100vw
   (100% szerokosci EKRANU, nie kolumny tresci) wyrywalo odtwarzacz poza kolumne
   artykulu, a wysokosci 32.7vw/47vw/46vw byly zle policzonymi proporcjami (dla
   16:9 przy 100vw powinno byc 56.25vw) - film wychodzil rozjechany. Teraz:
   szerokosc = 100% kolumny tresci (jak obrazki), proporcja 16:9 przez
   aspect-ratio (wspierane we wszystkich aktualnych przegladarkach). */
.post-content iframe{
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	margin: 0 auto;
	display: block;
}
@media(min-width: 780px){
	.header-logo img{
		margin-left: -21px;
	}
}

/* Licznik wyswietlen (2026-07-13, na prosbe usera): liczba nadal zapisuje sie
   do bazy (gillion_add_post_views/gillion_get_update_post_views w motywie -
   niedotkniete), tylko publiczne wyswietlanie ukryte. .post-views to jedyne
   miejsce w calym motywie renderujace ten licznik (gillion_post_meta() w
   inc/helpers_blog.php) - wspoldzielone przez listy wpisow I pojedyncze wpisy. */
.post-views{
	display: none !important;
}

/* Ten sam fix c.d.: motyw rysuje cienka pionowa kreske (::after, 1px, szara -
   patrz gillion/style.css ~linia 3812, ".post-meta-content > *:after") jako
   separator MIEDZY kazdym elementem linii meta (data | czas czytania |
   wyswietlenia | ...). Po ukryciu .post-views ta kreska zostawala "wisząca"
   bez niczego po sobie (widoczna jako samotny "|"). Usuwamy ja u elementu
   ktory bezposrednio poprzedza .post-views w DOM - dzieki :has() dziala
   niezaleznie od tego, ktory to akurat element (data/czas czytania/inny -
   rozne uklady maja rozna kolejnosc).
*/
.post-meta-content > *:has(+ .post-views):after{
	content: none !important;
}

/* Czas czytania (2026-07-13, na prosbe usera): ten sam wzorzec co views wyzej.
   .post-readtime to jedyne miejsce renderujace "Czytano X min" (gillion_post_meta()
   w inc/helpers_blog.php:560) - wspoldzielone przez listy I pojedyncze wpisy (parametr
   'readtime' w wielu wariantach $items), wiec ukrywamy globalnie dla spojnosci. */
.post-readtime{
	display: none !important;
}
.post-meta-content > *:has(+ .post-readtime):after{
	content: none !important;
}
/* Ikony X i TikTok w nagłówku (SVG, 2026-10-08) */
.sh-share-item .th-svg { display: inline-block; width: 20px; height: 20px; line-height: 0; vertical-align: middle; position: relative; top: -4px; }
.sh-share-item .th-svg svg { width: 100%; height: 100%; display: block; }
.primary-desktop .sh-share-item-tiktok:hover a { background-color: transparent !important; }

/* WYDAJNOSC 2026-10-08: pasek cookies jako nakładka na dole - pokazywany skryptem
   nad nagłówkiem przesuwał całą stronę (CLS) */
.sh-page-notice { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; box-shadow: 0 -2px 12px rgba(0,0,0,.15); padding: 14px 0; }
/* Simple Line Icons: przeglądarka brała TTF (53 KB) zamiast WOFF2 (26 KB) */
@font-face { font-family: 'simple-line-icons'; src: url('../fonts/Simple-Line-Icons.woff2?v=2.2.2') format('woff2'), url('../fonts/Simple-Line-Icons.woff?v=2.2.2') format('woff'); font-weight: normal; font-style: normal; font-display: block; }
.sh-copyrights-image { width: auto; height: auto; } /* logo w stopce ma width/height z functions.php (2026-10-08) */

/* WYDAJNOSC 2026-10-08: slider strony glownej (styl 5) byl niewidoczny (opacity 0) az do
   inicjalizacji slick w JS - LCP czekal na skrypty. Pierwszy slajd widoczny od razu, reszta ukryta
   (regula motywu z selektorem „.blog-slider-style5 .blog-slider:not(...)” nigdy nie pasowala). */
.blog-slider-style5:not(.slick-initialized) { opacity: 1; }
.blog-slider-style5:not(.slick-initialized) > .blog-grid-list:not(:first-child) { display: none; }

/* DOSTEPNOSC 2026-10-08 (PageSpeed: kontrast): szary #8d8d8d na bialym = 3,3:1, wymagane 4,5:1 */
.post-meta a, .post-meta span, .post-tags-item, #sidebar .widget_recent_entries .post-date { color: #6b6b6b; }
#sidebar .post-meta a, #sidebar .widget_recent_comments .recentcomments > span a { color: #6b6b6b !important; }
/* Google+ nie istnieje od 2019 - przycisk udostepniania ukryty */
.jssocials-share-googleplus { display: none !important; }
/* kontrast cd.: menu glowne i paginacja (rgba(141,141,141) -> #6b6b6b), hover zostaje czerwony */
.sh-header .sh-nav > li.menu-item > a { color: #6b6b6b; }
ul.page-numbers a.page-numbers:not(.current) { color: #6b6b6b; }

/* Strona /tworcy/ - lista osob z [testhub_tworcy] (2026-10-08) */
.th-tworcy { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); gap: 16px; margin: 4px 0 32px; }
.th-tworca { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 10px; border: 1px solid #eeeeee; text-align: center; transition: border-color .2s; }
.th-tworca:hover, .th-tworca:focus { border-color: rgba(217,36,28,1); }
.th-tworca img { border-radius: 50%; width: 64px; height: 64px; }
.th-tworca-nazwa { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; color: #232323; }
.th-tworca-wpisy { font-size: 12px; color: #6b6b6b; }
html[data-motyw="ciemny"] .th-tworca { border-color: var(--c-ramka); }
html[data-motyw="ciemny"] .th-tworca-nazwa { color: var(--c-naglowek); }
html[data-motyw="ciemny"] .th-tworca-wpisy { color: var(--c-przygaszony); }

/* Dostepnosc (2026-10-08, PageSpeed target-size): link do poprzedniego/nastepnego wpisu min. 24 px wysokosci */
.post-switch-item-right p a { display: inline-block; min-height: 24px; }
.post-tags-item { line-height: 22px; margin-bottom: 6px; } /* tagi pod wpisem: min. 24 px pola klikniecia + odstep miedzy rzedami */

/* Audyt SEO 2026-10-08: tytul belki na stronach list jest <h1> (dawniej <h2>) - ten sam wyglad */
.sh-titlebar .titlebar-title h1 { font-size: 18px; margin-top: 0; margin-bottom: 0; font-weight: bold; line-height: normal; }

/* 2026-10-08 (user): zdjecia w tresci wpisu zawsze wysrodkowane. Bez zdjec z alignleft/alignright
   (13 starszych wpisow z celowym oplywaniem tekstem) i bez malych obrazkow w srodku zdania. */
.post-content figure:not(.alignleft):not(.alignright),
.post-content .wp-caption:not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; text-align: center; }
.post-content figure:not(.alignleft):not(.alignright) img,
.post-content img.aligncenter, .post-content img.alignnone,
.post-content img.size-large:not(.alignleft):not(.alignright),
.post-content img.size-full:not(.alignleft):not(.alignright),
.post-content img.size-medium:not(.alignleft):not(.alignright),
.post-content p > img:only-child:not(.alignleft):not(.alignright),
.post-content p > a:only-child > img:not(.alignleft):not(.alignright) { display: block; margin-left: auto; margin-right: auto; }
.post-content figcaption, .post-content .wp-caption-text { text-align: center; }