/*
Theme Name:  Kadence Child — ROZS.pl
Theme URI:   https://rozs.pl
Description: Child theme dla rozs.pl — serwis informacyjny o opłatach środowiskowych
Author:      ROZS.pl
Author URI:  https://rozs.pl
Template:    kadence
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kadence-child
Domain Path: /languages

Tokens designu:
  --green:      #1C4C34  (ciemna zieleń — primary brand)
  --amber:      #F4A800  (amber — CTA accent)
  --cream:      #F3F0E8  (ciepłe tło)
  Fonty:        Outfit (nagłówki) + Source Serif 4 (body)
*/

/* ══════════════════════════════════════════════
   DESIGN TOKENS — spójne z app.rozs.pl
══════════════════════════════════════════════ */
:root {
  --rozs-cream:       #F3F0E8;
  --rozs-cream2:      #EAE6DB;
  --rozs-cream3:      #E0DBD0;
  --rozs-white:       #FFFFFF;
  --rozs-green:       #1C4C34;
  --rozs-green2:      #255F41;
  --rozs-green3:      #35845C;
  --rozs-green4:      #4AA678;
  --rozs-green-pale:  #EAF3EE;
  --rozs-green-pale2: #D4E9DC;
  --rozs-amber:       #E8960A;
  --rozs-amber2:      #F4A800;
  --rozs-amber-pale:  #FEF4DC;
  --rozs-amber-dark:  #C07800;
  --rozs-red-pale:    #FDEAEA;
  --rozs-red:         #C03030;
  --rozs-text:        #1A2E22;
  --rozs-text2:       #2E4A38;
  --rozs-text3:       #4A6855;
  --rozs-text4:       #7A9888;
  --rozs-border:      rgba(28,76,52,0.10);
  --rozs-border2:     rgba(28,76,52,0.18);

  --rozs-font-sans:   'Outfit', system-ui, -apple-system, sans-serif;
  --rozs-font-serif:  'Source Serif 4', Georgia, serif;

  --rozs-container:   1160px;
  --rozs-radius:      14px;
  --rozs-shadow:      0 4px 20px rgba(28,76,52,0.08);
  --rozs-shadow-md:   0 8px 40px rgba(28,76,52,0.12);
}

/* ══════════════════════════════════════════════
   RESET KADENCE DEFAULTS dla strony głównej
══════════════════════════════════════════════ */
body.home {
  background-color: var(--rozs-cream);
  font-family: var(--rozs-font-serif);
  color: var(--rozs-text);
  -webkit-font-smoothing: antialiased;
}

body.home .site-container,
body.home .content-container {
  max-width: 100%;
  padding: 0;
}

body.home main.site-main {
  padding: 0;
  margin: 0;
}

/* Ukryj domyślny tytuł strony Kadence na homepage */
body.home .entry-title,
body.home .page-title {
  display: none;
}

/* ══════════════════════════════════════════════
   TYPOGRAPHY GLOBAL
══════════════════════════════════════════════ */
body.home h1, body.home h2, body.home h3,
body.home h4, body.home h5, body.home h6 {
  font-family: var(--rozs-font-sans);
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--rozs-text);
}

body.home p {
  font-family: var(--rozs-font-serif);
  line-height: 1.7;
  color: var(--rozs-text3);
}

body.home a {
  color: var(--rozs-green2);
  text-decoration: none;
}

body.home a:hover {
  color: var(--rozs-green);
}

/* ══════════════════════════════════════════════
   UTILITY CLASSES
══════════════════════════════════════════════ */
.rozs-container {
  max-width: var(--rozs-container);
  margin: 0 auto;
  padding: 0 40px;
}

.rozs-section {
  padding: 88px 0;
}

.rozs-section--tight {
  padding: 64px 0;
}

.rozs-section--green {
  background-color: var(--rozs-green);
}

.rozs-section--white {
  background-color: var(--rozs-white);
}

.rozs-section--cream {
  background-color: var(--rozs-cream);
}

.rozs-section--cream2 {
  background-color: var(--rozs-cream2);
}

/* Section header */
.rozs-sec-head {
  text-align: center;
  margin-bottom: 56px;
}

.rozs-sec-head h2 {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  margin: 14px 0;
}

.rozs-sec-head p {
  max-width: 520px;
  margin: 0 auto;
  font-size: 15.5px;
}

.rozs-sec-head--white h2 { color: #fff; }
.rozs-sec-head--white p  { color: rgba(255,255,255,0.55); }

/* Chip label */
.rozs-chip {
  display: inline-flex;
  align-items: center;
  font-family: var(--rozs-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 99px;
  border: 1px solid var(--rozs-border2);
  color: var(--rozs-green2);
  background: var(--rozs-green-pale);
}

.rozs-chip--amber {
  background: var(--rozs-amber-pale);
  color: var(--rozs-amber-dark);
  border-color: rgba(232,150,10,0.3);
}

.rozs-chip--white {
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.7);
  border-color: rgba(255,255,255,0.18);
}

/* Buttons */
.rozs-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--rozs-font-sans);
  font-weight: 700;
  font-size: 14px;
  padding: 13px 26px;
  border-radius: 11px;
  border: none;
  cursor: pointer;
  transition: opacity 0.15s, background 0.15s;
  text-decoration: none;
  white-space: nowrap;
}

.rozs-btn--primary {
  background: var(--rozs-amber2);
  color: #fff;
  box-shadow: 0 4px 20px rgba(232,150,10,0.35);
}

.rozs-btn--primary:hover {
  opacity: 0.88;
  color: #fff;
}

.rozs-btn--secondary {
  background: transparent;
  color: var(--rozs-green);
  border: 1.5px solid var(--rozs-border2);
}

.rozs-btn--secondary:hover {
  background: var(--rozs-green-pale);
  color: var(--rozs-green);
}

.rozs-btn--green {
  background: var(--rozs-green);
  color: #fff;
}

.rozs-btn--green:hover {
  opacity: 0.88;
  color: #fff;
}

/* Badge */
.rozs-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 99px;
  font-family: var(--rozs-font-sans);
  font-size: 10px;
  font-weight: 700;
}

.rozs-badge--ok     { background: var(--rozs-green-pale); color: var(--rozs-green2); }
.rozs-badge--warn   { background: var(--rozs-amber-pale); color: var(--rozs-amber-dark); }
.rozs-badge--no     { background: var(--rozs-cream2); color: var(--rozs-text4); }
.rozs-badge--danger { background: var(--rozs-red-pale); color: var(--rozs-red); }

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .rozs-container { padding: 0 24px; }
  .rozs-section   { padding: 64px 0; }
}

@media (max-width: 768px) {
  .rozs-container { padding: 0 16px; }
  .rozs-section   { padding: 48px 0; }
  .rozs-sec-head  { margin-bottom: 36px; }
}