/* =========================================================================
   O! Grafik — dopasowanie bloków WordPressa do design systemu.
   Tylko zmienne --og-* (tokens.css). Komponenty są w components.css.
   ========================================================================= */

/* Sekcje szablonu stykają się bez odstępu blockGap (nagłówek jest przypięty, stopka ma własny padding). */
:where(.wp-site-blocks) > * { margin-block-start: 0; }

/* Bloki WordPressa w .og-stack: odstęp daje gap, bez dokładania marginesu blockGap (inaczej odstępy się podwajają) */
:root .og-stack:is(.is-layout-flow, .wp-block-post-template) > * { margin-block: 0; }

/* Główna treść szablonu */
.og-main {
	padding-bottom: var(--og-section-y);
	min-height: 60svh;
	overflow-wrap: break-word; /* długie adresy i słowa nie rozpychają strony na telefonie */
}
.og-main > * + * { margin-block-start: var(--og-stack); }

/* Logo jako <img>: wysokość ustawia komponent, szerokość z proporcji pliku */
.og-logo { width: auto; aspect-ratio: 7352 / 1561; }
.og-footer__logo { display: inline-flex; align-items: center; min-height: var(--og-tap); }
.og-footer__logo img { height: 1.625rem; width: auto; }

/* Menu mobilne: kontakt wyśrodkowany */
.og-menu__contact { justify-content: center; }

/* Stopka: link prawny w kolorze noty */
.og-footer__legal a { display: inline-flex; align-items: center; min-height: var(--og-tap); margin-block: calc((var(--og-tap) - 1lh) / -2); color: var(--og-text-3); text-decoration: none; }
@media (hover: hover) and (pointer: fine) {
	.og-footer__legal a:hover { color: var(--og-text-1); }
}

/* Tytuły-linki (lista wpisów) w kolorze nagłówka */
.wp-block-post-title a { color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) {
	.wp-block-post-title a:hover { color: var(--og-cyan); }
}

/* Meta (data, kategoria) */
.og-meta { font-size: var(--og-fs-small); color: var(--og-text-3); }
.og-entry-head .og-eyebrow a { color: inherit; text-decoration: none; }

/* Lista wpisów */
.og-post-list .wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.og-post-list .wp-block-post-excerpt__more-link { font-weight: 500; }
.og-post-list .wp-block-post-excerpt__more-text { margin-block-start: var(--og-space-4); }

/* Paginacja: cele dotyku */
.wp-block-query-pagination a {
	display: inline-flex; align-items: center;
	min-height: var(--og-tap);
}

/* Strona 404 */
.og-404 { max-width: var(--og-container-text); padding-block: var(--og-space-12); }