/*!
Theme Name: Kadence Child
Theme URI: https://edumovly.com/
Template: kadence
Description: Motyw potomny Kadence — platforma edukacyjna npz.edu.pl (Naukowe Place Zabaw)
Version: 1.1.2
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: Edumovly
*/

/* ============================================================
   NPZ — DESIGN SYSTEM (npz.edu.pl)
   Brand: Naukowe Place Zabaw
   Źródło prawdy: brand/README.md
   ============================================================ */

:root {
  /* --- Kolory marki NPZ --- */
  --npz-bg:            #FFFFFF;   /* białe tło — baza */
  --npz-bg-soft:       #F2FAEA;   /* jasna zieleń — tła sekcji */
  --npz-ink:           #1D1932;   /* granat — tekst główny (tylko akcent/tekst) */
  --npz-ink-medium:    #4A4658;   /* przygaszony granat */
  --npz-ink-soft:      #8A8794;   /* jasny granatowo-szary */
  --npz-border:        #EAE8EF;   /* delikatny border */

  --npz-green:         #68B42D;   /* główny zielony NPZ */
  --npz-green-dark:    #4F8A22;   /* ciemniejszy zielony */
  --npz-green-soft:    #EBF7DD;   /* jasna zieleń — tła */
  --npz-green-light:   #9FE34A;   /* pomocniczy jasny zielony */
  --npz-green-muted:   #61993B;   /* dopełniający stonowany zielony */
  --npz-green-deep:    #34611A;   /* ciemna zieleń — tła dużych bloków (stopka, CTA) */

  --npz-pink:          #DD19B2;   /* różowy — barwa urządzeń */
  --npz-pink-dark:     #C80E92;   /* ciemny różowy */
  --npz-pink-violet:   #9D5391;   /* dopełniający fiolet-róż */
  --npz-magenta:       #910F66;   /* dopełniająca magenta */

  /* --- Fonty --- */
  --npz-font-display:  'Oswald', system-ui, sans-serif;       /* nagłówki */
  --npz-font-body:     'Montserrat', system-ui, sans-serif;   /* tekst */
  --npz-font-hand:     'Caveat', cursive;                     /* akcent odręczny */
  --npz-font-a11y:     'Atkinson Hyperlegible', system-ui, sans-serif; /* tryb ETR */

  /* --- Cienie --- */
  --npz-shadow-soft:   0 2px 8px rgba(29,25,50,.05), 0 8px 32px rgba(29,25,50,.05);
  --npz-shadow-card:   0 4px 16px rgba(29,25,50,.07), 0 16px 48px rgba(29,25,50,.09);

  /* --- Promienie --- */
  --npz-r-sm: 12px; --npz-r-md: 20px; --npz-r-lg: 28px;
}

/* ============================================================
   TYPOGRAFIA — nadpisuje domyślne Kadence
   ============================================================ */

body,
.entry-content,
.content-container {
  font-family: var(--npz-font-body);
  color: var(--npz-ink);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-heading {
  font-family: var(--npz-font-display);
  font-weight: 600;
  color: var(--npz-ink);
  letter-spacing: -0.005em;
}

h1, .entry-title { font-weight: 700; }

/* akcent odręczny — klasa pomocnicza */
.npz-hand {
  font-family: var(--npz-font-hand);
  font-weight: 600;
}

/* ============================================================
   KOLORY — klasy pomocnicze (do użycia w blokach Kadence)
   ============================================================ */

.has-npz-green-color                 { color: var(--npz-green) !important; }
.has-npz-green-background-color      { background-color: var(--npz-green) !important; }
.has-npz-green-dark-color            { color: var(--npz-green-dark) !important; }
.has-npz-pink-color                  { color: var(--npz-pink) !important; }
.has-npz-pink-background-color       { background-color: var(--npz-pink) !important; }
.has-npz-ink-color                   { color: var(--npz-ink) !important; }
.has-npz-green-deep-background-color { background-color: var(--npz-green-deep) !important; }
.has-npz-green-soft-background-color { background-color: var(--npz-green-soft) !important; }

/* ============================================================
   LINKI / PRZYCISKI — spójność z brandem
   ============================================================ */

a { color: var(--npz-green-dark); }
a:hover { color: var(--npz-green); }

/* tła sekcji */
.npz-section-soft { background: var(--npz-bg-soft); }
.npz-section-green-deep {
  background: var(--npz-green-deep);
  color: #fff;
}
.npz-section-green-deep a { color: var(--npz-green-light); }

/* ============================================================
   TRYB DOSTĘPNOŚCI — ETR (tekst łatwy do czytania)
   Aktywowany klasą .npz-etr na <body> (JS toggle — etap E6)
   ============================================================ */

body.npz-etr,
body.npz-etr .entry-content {
  font-family: var(--npz-font-a11y);
  font-size: 1.15em;
  line-height: 1.8;
}

/* ============================================================
   Theme customization — dalsze style sekcji dochodzą w E3 (patterns)
   -------------------------------------------------------------- */

/* Logo NPZ w header — powiększone (Kadence default 130px → 200px desktop, 220 → 260 tablet, 100 → 140 mobile).
   SVG logo skaluje się bez utraty jakości. */
.site-branding a.brand img.custom-logo,
.site-branding a.brand img.svg-logo-image {
  max-width: 200px !important;
  width: 200px !important;
  height: auto !important;
}
@media (max-width: 1024px) {
  .site-branding a.brand img.custom-logo,
  .site-branding a.brand img.svg-logo-image {
    max-width: 240px !important;
    width: 240px !important;
  }
}
@media (max-width: 767px) {
  .site-branding a.brand img.custom-logo,
  .site-branding a.brand img.svg-logo-image {
    max-width: 160px !important;
    width: 160px !important;
  }
}

/* T10: logo NPZ w stopce — center na mobile (Kadence content-mobile-align-default
   nie centruje; force CSS) */
@media (max-width: 768px) {
  .site-footer .footer-widget5 .widget,
  .site-footer .footer-widget5 .wp-block-image,
  .site-footer .footer-widget5 figure,
  .site-footer .footer-widget5 p {
    text-align: center !important;
  }
  .site-footer .footer-widget5 img {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }
}