/*
Theme Name: azdziebko.pl
Theme URI: https://azdziebko.pl
Author: Arkadiusz Zdziebko
Description: Autorski motyw blokowy azdziebko.pl — klasyczny motyw + własne bloki Gutenberga (biblioteka komponentów K1–K16). Bez page builderów. Server-rendered blocks.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.1
Text Domain: azdziebko
*/

/* ==========================================================================
   TOKENY (fallback dla CSS; źródło prawdy = theme.json)
   ========================================================================== */
:root{
  --az-base:#F3F2EF;   /* krem — baza */
  --az-ink:#0A0A0A;    /* czerń */
  --az-accent:#FF6400; /* pomarańcz — tylko akcent/CTA */
  --az-white:#FFFFFF;
  --az-ink-70:#3d3b38; /* tekst wiodący */
  --az-ink-55:#55534e; /* dowody/podpisy */
  --az-faint:#8a8782;  /* eyebrow */
  --az-arrow:#9a978f;
  --az-maxw:1440px;
  --az-pad-x:clamp(24px,5.5vw,80px);
}

/* ==========================================================================
   GLOBAL
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--az-base);
  color:var(--az-ink);
  font-family:'Bai Jamjuree',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:1.5;
}
a{color:var(--az-accent);text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{letter-spacing:-.03em;line-height:1.05;text-wrap:balance;font-weight:700}
::selection{background:var(--az-accent);color:var(--az-ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--az-accent);outline-offset:3px}

/* ==========================================================================
   UTILITY / KLASY WSPÓLNE (fundament biblioteki komponentów)
   ========================================================================== */
.az-container{max-width:var(--az-maxw);margin-inline:auto;padding-inline:var(--az-pad-x)}
.az-section{padding-block:clamp(56px,7vw,110px)}
.az-section--white{background:var(--az-white)}
.az-section--base{background:var(--az-base)}
.az-section--ink{background:var(--az-ink);color:var(--az-base)}

/* Pomarańczowy „marker" na kluczowej frazie (anty-wzorzec AI: to jedyny gradient) */
.az-mark{
  background:linear-gradient(transparent 70%, var(--az-accent) 70%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  padding:0 .04em;
}

/* Eyebrow (mała etykieta nad nagłówkiem) */
.az-eyebrow{
  font-size:13px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--az-faint);
}

/* CTA primary */
.az-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--az-accent);color:var(--az-ink);
  font-weight:600;font-size:17px;padding:17px 30px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.az-btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(255,100,0,.42)}
.az-btn--sm{font-size:15px;padding:12px 20px}

/* Link podkreślany (CTA drugorzędne) */
.az-link{
  font-weight:500;color:var(--az-ink);padding-bottom:3px;
  border-bottom:2px solid rgba(10,10,10,.28);
  transition:border-color .18s ease;
}
.az-link:hover{border-color:var(--az-accent)}

/* Kropka-separator */
.az-dot{width:5px;height:5px;background:var(--az-accent);border-radius:50%;display:inline-block}

/* Scroll reveal — bezpieczny fallback (treść NIGDY nie zostaje z opacity:0) */
@media (prefers-reduced-motion:no-preference){
  .az-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .az-reveal.is-in{opacity:1;transform:none}
}