/*
Theme Name: Mądrzy Cyfrowo
Theme URI: https://madrzycyfrowo.pl
Author: Mądrzy Cyfrowo
Author URI: https://madrzycyfrowo.pl
Description: Dedykowany, lekki motyw blokowy WordPress dla marki Mądrzy Cyfrowo. Zbudowany natywnie na Site Editorze, theme.json i wzorcach blokowych — bez page builderów, bez ciężkich zależności i bez zewnętrznych CDN.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: madrzy-cyfrowo
Tags: block-theme, full-site-editing, one-column, custom-colors, custom-menu, editor-style, translation-ready, accessibility-ready

Mądrzy Cyfrowo to platforma edukacyjna i produktowa. Motyw prezentuje całą
markę: aplikację, szkolenia, wiedzę cyfrową, bezpieczeństwo i partnerstwa.
Nie zawiera logiki aplikacji /app/ — jest z nią wyłącznie połączony linkami.
*/

/* Style ładowane są przez theme.json (globalne) oraz poniższe reguły
   pomocnicze, których nie da się w pełni wyrazić przez theme.json. */

/* Skip-link dostępności */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999999;
	background: var(--wp--preset--color--primary);
	color: #fff;
	padding: 14px 22px;
	border-radius: 0 0 12px 0;
	font-weight: 700;
	text-decoration: none;
}
.skip-link:focus {
	left: 0;
}

/* Focus widoczny wszędzie, zgodnie z WCAG 2.4.7 */
:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
	border-radius: 4px;
}

/* Nigdy nie ukrywaj przewijania poziomego globalnie — to maskuje błędy
   układu. Poniższe zabezpiecza wyłącznie przed przypadkowym rozjechaniem
   szerokich elementów (tabel, osadzeń). */
.wp-site-blocks {
	overflow-x: clip;
}

/* Menu mobilne (nawigacja Gutenberga) — dopracowanie kontrastu i
   wielkości obszaru klikalnego zgodnie z wymaganiami 48×48 px. */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	min-width: 48px;
	min-height: 48px;
}
.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--background) !important;
}
.wp-block-navigation-item {
	font-size: 17px;
}

/* CTA "Wypróbuj aplikację" w nawigacji — wygląda jak wypełniony przycisk,
   nie jak zwykły link tekstowy, zgodnie z wymogiem "mocne biznesowe CTA". */
.mc-nav-cta a,
li.mc-nav-cta > a {
	background: var(--wp--preset--color--primary);
	color: #fff !important;
	padding: 10px 20px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.03em;
	min-height: 48px;
	display: inline-flex;
	align-items: center;
}
.mc-nav-cta a:hover,
li.mc-nav-cta > a:hover {
	background: var(--wp--preset--color--primary-dark);
	color: #fff !important;
}

/* Nie pozwól, aby długa nazwa marki złamała się w logo-linku nagłówka. */
.site-brand,
.site-brand * {
	white-space: nowrap;
}
@media (max-width: 480px) {
	.site-brand,
	.site-brand * {
		white-space: normal;
	}
}

/* Karty ogólnego użytku (filary platformy, produkty, partnerzy) */
.mc-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--lg, 20px);
	transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}
.mc-card:hover {
	border-color: var(--wp--preset--color--primary);
	box-shadow: 0 10px 28px rgba(32, 37, 34, 0.12);
	transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
	.mc-card {
		transition: none;
	}
	.mc-card:hover {
		transform: none;
	}
}

/* Pasek oznaczenia partnera sekcji — musi być zauważalny, ale nie
   dominować nad treścią. */
.mc-partner-strip {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	border: 2px solid var(--wp--preset--color--accent);
	background: var(--wp--preset--color--accent-tint);
	border-radius: var(--wp--custom--radius--md, 14px);
	padding: 18px 22px;
}
.mc-partner-strip .mc-partner-label {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 13px;
	font-weight: 700;
	color: var(--wp--preset--color--accent);
}
.mc-partner-strip img {
	max-height: 44px;
	width: auto;
}

/* Placeholder na brakujące zdjęcia/screeny — czytelny, elegancki,
   nigdy fałszywy interfejs. */
.mc-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
	min-height: 320px;
	padding: 32px;
	background: repeating-linear-gradient(
		135deg,
		var(--wp--preset--color--background-alt) 0 10px,
		var(--wp--preset--color--background) 10px 20px
	);
	border: 1px dashed var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--lg, 20px);
	color: var(--wp--preset--color--text-muted);
}
.mc-placeholder strong {
	font-family: var(--wp--preset--font-family--body);
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--text);
}

/* Numeracja edytorialowa (sekcja "Co znajdziesz") */
.mc-index-number {
	font-weight: 700;
	color: var(--wp--preset--color--accent);
	letter-spacing: 0.08em;
	font-size: 15px;
}

/* Legal document import — kontener dla treści dokumentów prawnych,
   które zostały wklejone bez zmiany treści. */
.mc-legal-doc h2 {
	border-bottom: 3px solid var(--wp--preset--color--primary-tint);
	padding-bottom: 8px;
}
.mc-legal-doc table {
	width: 100%;
	border-collapse: collapse;
}
.mc-legal-doc th,
.mc-legal-doc td {
	border: 1px solid var(--wp--preset--color--border);
	padding: 12px;
	text-align: left;
	vertical-align: top;
}
.mc-legal-doc th {
	background: var(--wp--preset--color--primary);
	color: #fff;
}
.mc-legal-doc .table-scroll {
	overflow-x: auto;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 14px;
	margin: 20px 0;
}

/* Ostrzeżenie redakcyjne wewnątrz wzorców-szkieletów (partner, social media).
   Widoczne zarówno w edytorze, jak i na froncie — to celowe: to zwykły,
   bezpieczny tekst instruktażowy (nie fałszywy link ani puste zdjęcie), więc
   nawet przypadkowa publikacja bez usunięcia ostrzeżenia nie tworzy
   nieprawidłowego elementu na stronie. Usuń ten akapit po uzupełnieniu wzorca
   prawdziwymi danymi. */
.mc-editor-warning {
	color: var(--wp--preset--color--error);
	background: var(--wp--preset--color--error-tint);
	border: 2px dashed var(--wp--preset--color--error);
	border-radius: var(--wp--custom--radius--md, 14px);
	padding: 14px 18px;
	margin: 10px 0 16px !important;
}

/* Społeczność / social — ukryte, dopóki nie podano prawdziwych adresów.
   Administrator usuwa atrybut "hidden" z bloku Grupy w edytorze, gdy
   poda prawdziwy URL (patrz dokumentacja). */
.mc-hidden-until-configured {
	display: none;
}

/* Wydajność: brak animacji, gdy użytkownik tego wymaga */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}