/*
Theme Name: Mariusz Kowalski — Matematyka
Author: Mariusz Kowalski
Description: Lekki motyw blokowy. Zajęcia indywidualne, kurs Zalicz maturę i materiały mateMario. Wersja robocza do uzupełnienia przed premierą.
Version: 0.5.3
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mk-matematyka
Tags: full-site-editing, block-patterns, custom-colors, wide-blocks
*/

html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { -webkit-font-smoothing: antialiased; }
*, *::before, *::after { box-sizing: border-box; }
:where(a, button, input, textarea, select):focus-visible { outline: 3px solid #2455A6; outline-offset: 5px; }
.wp-site-blocks > * { margin-block-start: 0; }
.mk-shell { width: min(100% - 64px, 1200px); margin-inline: auto !important; }
.mk-header { padding-block: 28px; border-bottom: 1px solid #DDE2E8; }
.mk-brand { gap: 4px; }
.mk-brand .mk-wordmark { font-size: 23px; font-weight: 750; line-height: 1.15; letter-spacing: -.035em; }
.mk-brand .mk-wordmark a { color: #20262E; text-decoration: none; }
.mk-brand p { margin: 0; }
.mk-brand-subtitle { font-size: 11px; font-weight: 650; letter-spacing: .24em; color: #2455A6; text-transform: uppercase; }
.mk-nav { font-size: 14px; font-weight: 550; }
.mk-nav .wp-block-navigation-item__content { padding-block: 12px; }
.mk-nav .wp-block-navigation-item__content:hover { text-decoration: underline; text-underline-offset: 6px; }
.mk-hero { padding-block: 90px 96px; }
.mk-hero-columns { align-items: center !important; gap: 64px; }
.mk-eyebrow { color: #2455A6; font-size: 11px; line-height: 1.6; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.mk-hero h1 { font-size: clamp(38px, 4.3vw, 62px); line-height: 1.06; letter-spacing: -.055em; font-weight: 740; margin-block: 22px 24px; }
.mk-intro { font-size: 19px; line-height: 1.7; color: #59636E; max-width: 520px; }
.mk-hero .wp-block-buttons { margin-top: 30px; }
.mk-quiet-link { font-size: 15px; }
.mk-byline { margin-top: 32px; color: #59636E; font-size: 13px; }
.wp-block-button__link { transition: background-color .15s ease; }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background-color: #193F80; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background-color: #EEF3FA; }
.mk-notebook { background: #FFFFFF; padding: clamp(26px,4vw,52px); border: 1px solid #DDE2E8; border-radius: 4px; min-height: 380px; }
.mk-notebook-title { font-size: 11px; color: #59636E; letter-spacing: .12em; text-transform: uppercase; padding-bottom: 22px; border-bottom: 1px solid #DDE2E8; }
.mk-equation { color: #2455A6; font-size: clamp(32px,3vw,46px); font-family: Georgia, serif; font-style: italic; line-height: 1.35; }
.mk-equation p { margin: 16px 0; }
.mk-equation-result { display: inline-block; border-bottom: 2px solid #2455A6; padding-bottom: 8px; }
.mk-note { font-size: 13px; line-height: 1.65; color: #59636E; }
.mk-section { padding-block: 76px; }
.mk-section h2 { font-size: clamp(29px,3vw,42px); letter-spacing: -.04em; line-height: 1.15; font-weight: 700; }
.mk-section h3 { font-size: 21px; letter-spacing: -.02em; line-height: 1.3; }
.mk-section .wp-block-columns { gap: 64px; }
.mk-soft { background-color: #EEF3FA; }
.mk-divider { border-top: 1px solid #DDE2E8; }
.mk-section-copy { color: #59636E; line-height: 1.8; max-width: 620px; }
.mk-fact { padding-block: 18px; border-bottom: 1px solid #DDE2E8; }
.mk-fact:first-child { border-top: 1px solid #DDE2E8; }
.mk-fact h3 { margin: 0 0 6px; }
.mk-fact p { margin: 0; }
.mk-course-number { font-size: 112px; font-weight: 650; line-height: 1; letter-spacing: -.08em; color: #2455A6; margin: 0; }
.mk-course-aside { border-left: 2px solid #2455A6; padding-left: 34px; }
.mk-placeholder { border: 1px dashed #A9B4C4; padding: 24px; border-radius: 4px; background: #FFFFFF; }
.mk-placeholder p { color: #59636E; font-size: 14px; line-height: 1.7; }
.mk-placeholder .mk-eyebrow { color: #2455A6; font-size: 10px; }
.mk-video-placeholder { min-height: 270px; display: flex; flex-direction: column; justify-content: center; }
.mk-video-wordmark { font-size: 38px !important; color: #20262E !important; font-weight: 700; letter-spacing: -.05em; margin: 8px 0 !important; }
.mk-social-names { display: flex; gap: 24px; flex-wrap: wrap; font-size: 14px; color: #2455A6; }
.mk-footer { padding-block: 32px; border-top: 1px solid #DDE2E8; }
.mk-footer p { font-size: 13px; color: #59636E; }
.mk-page { padding-block: 64px; min-height: 60vh; }
.mk-page h1 { letter-spacing: -.04em; }
.mk-page .wp-block-post-content { margin-top: 32px; }
.wp-block-post-content img { max-width: 100%; height: auto; }
.wp-block-navigation__responsive-container.is-menu-open { padding: 32px; background: #FAFAF8 !important; }
/* Override the navigation block's right justification only inside its open overlay. */
.mk-nav .wp-block-navigation__responsive-container.is-menu-open {
  padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  width: 100%;
  max-width: none;
  overflow-x: hidden;
}
.mk-nav .is-menu-open .wp-block-navigation__responsive-dialog { position: relative; width: 100%; margin: 0; }
.mk-nav .is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 64px;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
.mk-nav .is-menu-open .wp-block-navigation__container {
  width: 100%;
  flex-direction: column;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0;
}
.mk-nav .is-menu-open .wp-block-navigation-item { width: 100%; align-items: flex-start !important; }
.mk-nav .is-menu-open .wp-block-navigation-item__content {
  display: block;
  width: 100%;
  padding: 18px 0 !important;
  border-bottom: 1px solid #E5E7E3;
  font-size: 20px;
  line-height: 1.4;
  text-align: left;
  overflow-wrap: anywhere;
}
.mk-nav .is-menu-open .wp-block-navigation__responsive-container-close { top: 0; right: 0; padding: 10px; }
@media (max-width: 900px) {
  .mk-hero-columns, .mk-section .wp-block-columns { gap: 32px; }
  .mk-hero { padding-block: 56px 64px; }
  .mk-brand .mk-wordmark { font-size: 20px; }
}
@media (max-width: 781px) {
  .mk-shell { width: calc(100% - 40px); }
  .mk-header { padding-block: 20px; }
  .mk-hero { padding-block: 42px 56px; }
  .mk-section { padding-block: 52px; }
  .mk-hero-columns, .mk-section .wp-block-columns { gap: 36px; }
  .mk-intro { font-size: 17px; }
  .mk-notebook { min-height: 0; }
  .mk-course-number { font-size: 80px; }
  .mk-course-aside { padding-left: 24px; }
  .mk-footer .wp-block-group { gap: 16px; }
}
@media (max-width: 599px) {
  .mk-brand .mk-wordmark { max-width: 210px; font-size: 19px; }
  .mk-hero h1 { font-size: 40px; }
  .mk-nav { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wp-block-button__link { transition: none; }
}