/*
Theme Name: INAP — Zin
Description: Vzdušná bloková šablona pro Institut neuroafirmativní péče. Upravitelné texty, navigace a ilustrace, samostatná sazba pro dlouhé čtení.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Author: INAP
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inap-zin
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, editor-style, featured-images, wide-blocks
*/

/* Shared with the Site Editor. All artwork remains a normal Image block. */
:root { --inap-blue: #a9d5d5; --inap-ink: #191b1b; --inap-paper: #f7f2e8; }
html { scroll-behavior: auto; }
body { margin: 0; overflow-wrap: break-word; }
*, *::before, *::after { box-sizing: border-box; }
.wp-site-blocks > * { margin-block-start: 0; }
img { max-width: 100%; }
a { text-underline-offset: .2em; text-decoration-thickness: .08em; }
a:hover { text-decoration-thickness: .13em; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--inap-ink); outline-offset: 5px; border-radius: 2px;
}
.wp-block-button__link:hover { box-shadow: 0 3px 0 var(--inap-ink); }
.inap-shell { max-width: 1320px; margin-inline: auto; padding-inline: clamp(22px, 4.5vw, 68px); }
.inap-header { background: var(--inap-blue); }
.inap-header-row { min-height: 130px; padding-block: 30px; column-gap: 36px; row-gap: 24px; }
.inap-brand { gap: 22px; flex-shrink: 0; }
.inap-mark { font-family: Andika, sans-serif; font-weight: 700; font-size: 50px; line-height: 1; margin: 0; letter-spacing: -.05em; }
.inap-mark a { text-decoration: none; }
.inap-name { margin: 0; padding-left: 22px; border-left: 1px solid var(--inap-ink); font-family: Andika, sans-serif; font-size: 18px; line-height: 1.3; }
.inap-navigation { font-family: Andika, sans-serif; font-size: 18px; font-weight: 700; }
.inap-navigation .wp-block-navigation__container { column-gap: clamp(20px, 3vw, 42px); row-gap: 10px; }
.inap-navigation .wp-block-navigation-item__content { padding-block: 10px; min-height: 44px; }
.inap-navigation .wp-block-navigation-item__label { white-space: normal; }
.inap-navigation .wp-block-navigation__responsive-container-open,
.inap-navigation .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; }
.inap-navigation .wp-block-navigation__responsive-container.is-menu-open { background: var(--inap-paper); color: var(--inap-ink); padding: 28px; }
.inap-navigation .is-menu-open .wp-block-navigation__container { gap: 22px; align-items: flex-start; }
.inap-navigation .is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start; padding-top: 70px; }
.inap-navigation .is-menu-open .wp-block-navigation-item__content { font-size: 24px; padding: 8px; }
.inap-hero { background: var(--inap-blue); padding-block: 25px 48px; }
.inap-hero-columns { gap: 16px; margin: 0; align-items: center !important; }
.inap-hero-copy { position: relative; z-index: 1; padding-block: 38px; }
.inap-motto { font-family: 'Courier Prime', monospace; font-weight: 700; font-size: clamp(39px, 5.3vw, 74px); line-height: 1.13; letter-spacing: -.045em; margin: 0; }
.inap-motto::after { content: ''; display: block; height: 7px; max-width: 98%; margin-top: 21px; background: #d9663d; clip-path: polygon(0 40%, 4% 15%, 26% 24%, 50% 4%, 75% 15%, 98% 0, 100% 55%, 94% 85%, 65% 70%, 35% 100%, 2% 83%); }
.inap-intro { font-family: 'Courier Prime', monospace; font-size: clamp(22px, 2.15vw, 29px); line-height: 1.55; margin-top: 36px; margin-bottom: 30px; max-width: 34ch; }
.inap-hero-copy .wp-block-buttons { margin-top: 28px; }
.inap-hero-art { margin: 0; }
.inap-illustration { margin: 0; }
.inap-illustration img { display: block; width: 100%; height: auto; object-fit: contain; }
.inap-note { font-family: 'Patrick Hand', cursive; font-size: clamp(28px, 2.6vw, 36px); line-height: 1.3; text-align: right; margin: 10px 10px 0 0; }
.inap-footer { position: relative; padding-block: 48px 36px; background: var(--inap-paper); }
.inap-footer::before { content: ''; position: absolute; top: -17px; left: 0; width: 100%; height: 18px; background: var(--inap-paper); clip-path: polygon(0 55%, 3% 30%, 6% 55%, 9% 13%, 13% 40%, 16% 5%, 21% 50%, 25% 20%, 30% 62%, 34% 24%, 40% 56%, 45% 20%, 51% 50%, 56% 10%, 62% 46%, 69% 19%, 74% 55%, 81% 18%, 87% 52%, 92% 6%, 97% 40%, 100% 22%, 100% 100%, 0 100%); }
.inap-footer p { font-size: 16px; line-height: 1.5; margin: 0; }
.inap-reading { padding: clamp(42px, 7vw, 92px) 24px 90px; }
.inap-reading > .wp-block-post-title { margin-top: 0; margin-bottom: 44px; }
.inap-reading .wp-block-post-content { font-family: Andika, sans-serif; font-size: 20px; line-height: 1.65; }
.inap-reading .wp-block-post-content > :first-child { margin-top: 0; }
.inap-reading .wp-block-post-content p, .inap-reading .wp-block-post-content ul, .inap-reading .wp-block-post-content ol { margin-block: 0 1.25em; }
.inap-reading .wp-block-post-content h2 { margin-block: 1.7em .7em; font-family: Andika, sans-serif; font-size: 30px; font-weight: 700; line-height: 1.3; }
.inap-reading .wp-block-post-content h3 { margin-block: 1.6em .65em; font-family: Andika, sans-serif; font-size: 25px; font-weight: 700; line-height: 1.35; }
.inap-reading .wp-block-post-content h4, .inap-reading .wp-block-post-content h5, .inap-reading .wp-block-post-content h6 { font-family: Andika, sans-serif; }
.inap-reading li { margin-bottom: .55em; }
.inap-reading blockquote { margin-inline: 0; padding-left: 24px; border-left: 3px solid var(--inap-ink); font-style: normal; }
.inap-reading pre { max-width: 100%; overflow: auto; }
.inap-reading .wp-block-table { overflow-x: auto; }
.inap-reading .wp-block-post-featured-image { margin-block: 32px; }
.inap-post-list .wp-block-post { border-bottom: 1px solid #b6b4ab; padding-block: 10px 32px; margin-bottom: 28px; }
.inap-post-list .wp-block-post-title { margin-block: 0 16px; font-size: 30px; }
.inap-post-list .wp-block-post-excerpt { margin-block: 16px; }
.inap-post-list .wp-block-post-excerpt__excerpt { margin-bottom: 16px; }
.inap-post-meta { font-size: 16px; margin-block: -24px 32px; }
.inap-page-heading { font-family: 'Courier Prime', monospace; }
.inap-reading .wp-block-search__input { background: #fffdf8; color: var(--inap-ink); border: 1px solid var(--inap-ink); min-height: 48px; font: inherit; }
.inap-reading .wp-block-search__button { background: #d9663d; color: var(--inap-ink); border: 1px solid var(--inap-ink); font: inherit; }
@media (max-width: 900px) {
  .inap-header-row { column-gap: 22px; }
  .inap-brand { gap: 16px; }
  .inap-mark { font-size: 42px; }
  .inap-name { padding-left: 16px; font-size: 16px; }
  .inap-navigation { font-size: 16px; }
  .inap-navigation .wp-block-navigation__container { column-gap: 18px; }
}
@media (max-width: 781px) {
  .inap-header-row { min-height: 110px; padding-block: 25px; }
  .inap-hero { padding-top: 12px; }
  .inap-hero-columns { gap: 18px; }
  .inap-hero-copy { padding-block: 18px 12px; }
  .inap-motto { font-size: clamp(36px, 7.5vw, 58px); }
  .inap-motto::after { margin-top: 18px; height: 6px; max-width: 560px; }
  .inap-intro { margin-top: 28px; font-size: 24px; }
  .inap-hero-art { max-width: 480px; margin-inline: auto; width: 100%; }
  .inap-note { font-size: 30px; text-align: center; }
  .inap-reading .wp-block-post-content { font-size: 19px; }
}
@media (max-width: 420px) {
  .inap-mark { font-size: 36px; }
  .inap-name { font-size: 14px; }
  .inap-brand { gap: 12px; }
  .inap-name { padding-left: 12px; }
  .inap-header-row { column-gap: 12px; }
  .inap-motto { font-size: clamp(30px, 8.3vw, 35px); }
  .inap-intro { font-size: 21px; }
  .inap-note { font-size: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media print {
  .inap-navigation, .inap-footer, .wp-block-buttons { display: none; }
  body, .inap-header, .inap-hero { background: white !important; }
  .inap-reading { padding: 20px 0; }
}