/*
Theme Name: Twenty Twenty-One Child
Template: twentytwentyone
Version: 1.0.0
*/


/* ── Menu podświetlone ── */
#site-navigation ul li a {
    padding: 6px 14px !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    transition: border-color 0.18s ease, color 0.18s ease !important;
    display: inline-block !important;
}

#site-navigation ul li a:hover {
    text-decoration: none !important;
    border: 1px solid currentColor !important;
}

#site-navigation ul li.current-menu-item a,
#site-navigation ul li.current-page-ancestor a {
    border: 1px solid var(--global--color-primary) !important;
    color: var(--global--color-primary) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* ── Logo i nazwa strony obok siebie ── */

.site-header .site-branding {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
}

.site-header .site-logo {
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
}

.site-header .site-branding-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}


/* ── odstępny od logo góra i dół ── */

#masthead {
	
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	
}



/* - pola gry - */

.komorkagry
{
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 0px;
}
.kolorpola1
{
	background-color:#ffffff;
}
.kolorpola2
{
	background-color:#d2d2d2;
}
.kolorpola3
{
	background-color:#cab89f;
}
.kolorpola4
{
	background-color:#d1d1b2;
}
.kolorpola5
{
	background-color:#ebefdf;
}
.kolorpola6
{
	background-color:#55a49e;
}
.kolorpola7
{
	background-color:#a8cdbc;
}
.kolorpola8
{
	background-color:#b6d37a;
}
.kolorpola9
{
	background-color:#2bc9c8;
}
.kolorpolaarchi2
{
	border-radius: 50%;
  background-color: #78226e;
  user-select: none;
		text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  
}
.kolorpolaarchi1
{
	
  background-color: #cab89f;
  user-select: none;
		text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.kolorpolaarchi3
{
	border-radius: 50%;
  background-color: #50edbb;
	 
  user-select: none;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.kolorpolanono1
{
	
  background-color: #cab89f;
  user-select: none;
		text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.kolorpolanono2
{
	
  background-color: #78226e;
  user-select: none;
		text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.sudokuztablicy
{
	font-weight: bold;
}
.kolorpolaczarny
{
	background-color: #000000;
	color: #ffffff;
}
.kolorpolaczarnybezliczb
{
	background-color: #000000;
	user-select: none;
		text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.kolorpolaarchi8
{
	
  background-color: #B6B6B6;
  user-select: none;
		text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.kolorpolaarchi7
{
	border-radius: 50%;
  background-color: #FCFF33;
	 
  user-select: none;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.site-main > * {
    margin-top: calc(1 * var(--global--spacing-vertical));
    margin-bottom: calc(1 * var(--global--spacing-vertical));
}

.kolorpolalatar9
{
	
  background-color: #03E7FE;
  user-select: none;
		text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.kolorpolalatar8
{
	border-radius: 50%;
  background-color: #BBBBBB;
	 
  user-select: none;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}	


/* ── Wpisy w dwóch kolumnach ── */

.home #main {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 420px)) !important;
    gap: 16px !important;
    align-items: start !important;
    justify-content: center !important;
}

.home article {
    background: rgba(255,255,255,0.5) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 10px !important;
    padding: 16px 18px !important;
    margin: 0 !important;
}

.home .entry-title {
    font-size: 1rem !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
}

.home .entry-summary p {
    font-size: 0.85rem !important;
    line-height: 1.55 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 0 !important;
}





/* Czytaj dalej — mniejszy */
.home .more-link {
    font-size: 0.8rem !important;
    display: inline-block !important;
    margin-top: 8px !important;
}

@media (max-width: 600px) {
    .home #main {
        grid-template-columns: 1fr !important;
    }
}

/* Ukryj metadane — data, kategorie, tagi */
.home .entry-footer {
    display: none !important;
}

/* Separator między wpisami niepotrzebny */
.home .post-separator {
    display: none !important;
}

/* Responsywność — jedna kolumna na mobile */
@media (max-width: 600px) {
    .home #main {
        grid-template-columns: 1fr !important;
    }
	
	.site-content {
        margin-top: 60px !important;
    }
}


/* ── Paginacja ── */
.pagination {
    display: flex !important;
    justify-content: center !important;
    margin: 32px 0 48px !important;
}

.pagination .nav-links {
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
}

.pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
    color: var(--global--color-foreground) !important;
    transition: border-color 0.18s !important;
}

.pagination .page-numbers:hover {
    border-color: var(--global--color-foreground) !important;
    text-decoration: none !important;
}

.pagination .page-numbers.current {
    border: 1px solid var(--global--color-primary) !important;
    color: var(--global--color-primary) !important;
    font-weight: 500 !important;
}

/* ── Usuń pusty obszar po logo ── */
.site-footer .site-branding {
    display: none !important;
}

/* ── Stopka — jedna spójna siatka ── */
@media only screen and (min-width: 1024px){
.widget-area {
    grid-template-columns: repeat(5, 1fr);
}
}

/* - odstepy - */
.widget-area {
    margin-top: 0px;
}
.site-footer {
    padding-bottom: 0px;
}


#guziki {
	display: flex;
    justify-content: center;
}

#guziki button {
	border-radius: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

.tabelacross {
	min-width: 0px;
	border: 0px;
	padding: 0px;
	margin: 0px;	
	max-width: 37.778px;
	max-height: 37.778px;
}

.tabelacrossprawa {
	min-width: 0px;

	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	text-align:right;
	vertical-align:top;
}
.tabelacrosslewa {
	min-width: 0px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	text-align:left;
	vertical-align:bottom;
}