/* Wersja 2 „Niebo”: niebieski hero z karteczką „Dziś”, słońce, chmurki i kwiatek; kolorowe kafelki skrótów nachodzą na hero; dolny pasek na telefonie. */
.kp-hero--plan { background: var(--k-primary); color: #fff; padding-top: clamp(2.5rem, 7vw, 5rem); padding-bottom: clamp(4.5rem, 9vw, 7rem); overflow: hidden; }
.kp-hero--plan .wp-block-columns { gap: clamp(1.5rem, 5vw, 4rem); align-items: center; margin: 0; position: relative; z-index: 1; }
.kp-hero--plan h1 { color: #fff; font-size: clamp(2.2rem, 4.6vw, 3.5rem); line-height: 1.06; }
.kp-hero--plan .kp-hero__lead { color: rgb(255 255 255 / 0.92); }
.kp-hero--plan .wp-block-button.is-style-outline > .wp-block-button__link { color: #fff; background: transparent; border-color: #fff; }
@media (hover: hover) { .kp-hero--plan .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgb(255 255 255 / 0.12); } }
.kp-hero--plan .krc-miejsca, .kp-hero--plan .krc-miejsca__data { color: #fff; }
.kp-hero__card { background: #fff; color: var(--k-text); border-radius: var(--k-radius-lg); padding: clamp(1.25rem, 3vw, 1.75rem); box-shadow: 0 10px 0 rgb(0 0 0 / 0.12); transform: rotate(-1.5deg); }
.kp-hero__card .krc-today-menu dl { gap: 0.4rem; }
.kp-hero--plan .kp-deco--1 { width: 8rem; height: 8rem; right: 3%; top: -1.5rem; }
.kp-hero--plan .kp-deco--2 { width: 10rem; height: 5.8rem; left: 38%; bottom: 0.75rem; opacity: 0.22; }
.kp-hero--plan .kp-deco--3 { width: 3.5rem; height: 3.5rem; left: 2%; top: 1.5rem; background: var(--k-c4); }
/* Telefon: słońce w pasie nad tytułem, kwiatek ukryty (wchodził na litery). */
@media (max-width: 781px) {
	.kp-hero__card { transform: none; }
	.kp-hero--plan { padding-top: 3.5rem; }
	.kp-hero--plan .kp-deco--1 { width: 2.75rem; height: 2.75rem; right: 0.75rem; top: 0.4rem; }
	.kp-hero--plan .kp-deco--3 { display: none; }
}
.kp-tiles-wrap { padding-top: 0 !important; background: var(--k-bg); }
.kp-tiles-wrap::before { display: none; }
.kp-tiles-wrap .krc-tiles { margin-top: -3.25rem; position: relative; z-index: 2; }
.kp-tiles-wrap .krc-tiles a { box-shadow: 0 6px 0 rgb(19 41 75 / 0.08); }
/* Biały tekst na koralu miał 2,6:1; niebieski daje 4,95:1. */
.krc-v2 .kp-section--strong { background: var(--k-primary); }

.krc-v2 { --k-pagehead: var(--k-t1); }