/*
 * Inco - warstwa integracyjna WordPress.
 * Uzupelnienia do main.css (kompilat inco-design): mapowanie blokow core
 * na klasy designu + drobne poprawki markupu WP. Bez nowych wzorcow wizualnych.
 */

/* ============================================================
   Core button jako .button-more
   Klase .button-more (+ warianty) nadaje sie na WRAPPER bloku
   (.wp-block-button) w panelu "Dodatkowe klasy CSS". Wrapper
   dostaje wyglad przycisku z main.css (te same reguly co <a> w
   designie, w tym kontekstowe: .about-slide/.blog-shop/.blog-list),
   a wewnetrzny link jest neutralizowany i rozciagniety na caly box.
   ============================================================ */
.wp-block-button.button-more {
	position: relative;
	cursor: pointer;
}
.wp-block-button.button-more .wp-block-button__link {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: inherit;
	font: inherit;
	line-height: inherit;
	text-decoration: none;
}
/* Pelna klikalnosc: link pokrywa caly box przycisku. */
.wp-block-button.button-more .wp-block-button__link::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* Wrapper .wp-block-buttons przezroczysty dla layoutu: .button-more uczestniczy
   bezposrednio w kolumnie flex rodzica (align-self/margin z main.css dzialaja 1:1). */
.about-slide__content .wp-block-buttons,
.blog-shop .wp-block-buttons {
	display: contents;
}

/* Dwa przyciski CTA sklepu (rozne etykiety desktop/mobile). W designie to spany
   w jednym <a>; tu dwa bloki core, wiec przelaczanie widocznosci robimy z wyzsza
   specyficznoscia niz .blog-shop .button-more z main.css. */
@media (min-width: 768px) {
	.blog-shop .wp-block-button.blog-shop__cta--mobile {
		display: none;
	}
}
@media (max-width: 767px) {
	.blog-shop .wp-block-button.blog-shop__cta--desktop {
		display: none;
	}
	.blog-shop .wp-block-button.blog-shop__cta--mobile {
		display: inline-flex;
	}
}

/* ============================================================
   Pasek nagrod: wygaszenie koncowych logotypow (w designie
   nadawane recznie klasami --dim50/--dim60 na pozycjach 6/8/9).
   ============================================================ */
.section-awards-strip .award-logo:nth-child(6),
.section-awards-strip .award-logo:nth-child(9) {
	opacity: 0.5;
}
.section-awards-strip .award-logo:nth-child(8) {
	opacity: 0.6;
}

/* ============================================================
   Domyslny blockGap WP (flow layout) nie wnosi marginesow do
   komponentow designu. Punktowo: sekcje stykaja sie jak w makiecie,
   dzieci gridow/flexow bez doklejanych 24px.
   ============================================================ */
.wp-site-blocks > * {
	margin-block: 0;
}
.wp-block-post-content > .wp-block-flexisnap-section {
	margin-block: 0;
}
.wp-block-group.blog > * {
	margin-block: 0;
}
.about-slide > .about-slide__content {
	margin-block-start: 0;
}

/* ============================================================
   Drobne resety markupu WP
   ============================================================ */
/* figure core/image bez domyslnych marginesow przegladarki. */
.wp-block-image {
	margin: 0;
}