/* ETAP 10 — JAPAN PREMIUM LIGHT
   Cel: mniej mroku, więcej światła, natury i szlachetnej japońskiej równowagi.
   Ten arkusz jest wyłącznie warstwą wizualną. Nie zmienia treści ani logiki stron. */

:root{
  --jp-paper:#f3ecdf;
  --jp-paper-2:#e8dfcf;
  --jp-ink:#211f1b;
  --jp-sage:#6f7e6b;
  --jp-sage-deep:#39473f;
  --jp-sky:#8fa7b2;
  --jp-sakura:#d39aa1;
  --jp-red:#9b2a2f;
  --jp-gold:#b89750;
}

body.stage10-nature{
  background:#161512;
}

body.stage10-nature .header{
  background:rgba(15,15,13,.87);
  border-bottom-color:rgba(198,166,93,.18);
  backdrop-filter:blur(16px) saturate(115%);
}
body.stage10-nature .header.scrolled{background:rgba(12,12,11,.95)}
body.stage10-nature .nav-cta{background:rgba(198,166,93,.06)}
body.stage10-nature .footer{background:#11120f}

/* =========================
   STRONA GŁÓWNA
   ========================= */
body.stage10-nature .intro-grid{
  background:
    linear-gradient(90deg,rgba(244,238,226,.98),rgba(244,238,226,.90)),
    url("assets/japan/fuji-sakura.svg") center/cover no-repeat;
  color:var(--jp-ink);
}
body.stage10-nature .intro-photo{background:#dcd3c3}
body.stage10-nature .intro-photo:after{box-shadow:inset -60px 0 90px rgba(58,45,34,.12)}
body.stage10-nature .intro-copy{
  background:
    linear-gradient(90deg,rgba(244,238,226,.97),rgba(244,238,226,.78)),
    url("assets/japan/bamboo-wash.svg") right center/cover no-repeat;
}
body.stage10-nature .intro-copy h2{color:#24211d}
body.stage10-nature .intro-copy p{color:#5d564c}
body.stage10-nature .intro-copy .badge{
  color:#3f3932;
  border-color:rgba(70,61,50,.20);
  background:rgba(255,255,255,.40);
}

body.stage10-nature .philosophy{
  background:
    linear-gradient(90deg,rgba(19,24,21,.94),rgba(31,40,35,.78)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat;
}
body.stage10-nature .philosophy:before{color:rgba(255,255,255,.035)}

body.stage10-nature #sztuki.light{
  background:
    linear-gradient(110deg,rgba(247,242,232,.95),rgba(235,226,210,.91)),
    url("assets/japan/fuji-sakura.svg") center 42%/cover no-repeat;
}
body.stage10-nature #sztuki .art{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(4px);
  box-shadow:0 14px 32px rgba(55,45,32,.07);
}

body.stage10-nature #staze{
  background:
    linear-gradient(180deg,rgba(24,31,27,.93),rgba(18,22,20,.95)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat;
}
body.stage10-nature #staze .section-head p{color:#c7c7bd}

body.stage10-nature .federation{
  background:
    linear-gradient(95deg,rgba(28,38,32,.96),rgba(34,46,39,.86)),
    url("assets/japan/bamboo-wash.svg") right center/cover no-repeat;
  border-block-color:rgba(198,166,93,.20);
}
body.stage10-nature .federation p{color:#c6c8bf}

body.stage10-nature #filmy.section{
  background:
    linear-gradient(120deg,rgba(244,238,226,.98),rgba(231,223,209,.94)),
    url("assets/japan/bamboo-wash.svg") center/cover no-repeat;
  color:#27231e;
}
body.stage10-nature #filmy .section-head p{color:#6d665d}
body.stage10-nature #filmy .video{
  background:#20241f;
  border-color:rgba(83,102,87,.22);
  box-shadow:0 18px 42px rgba(47,41,32,.15);
}
body.stage10-nature #filmy .video-frame{background:#1d211e}

body.stage10-nature #dojo.light{
  background:
    linear-gradient(100deg,rgba(247,242,232,.97),rgba(232,225,211,.91)),
    url("assets/japan/fuji-sakura.svg") 65% center/cover no-repeat;
}
body.stage10-nature #dojo .price{
  background:rgba(255,255,255,.82);
  border-color:rgba(94,83,68,.16);
  box-shadow:0 12px 28px rgba(70,58,42,.07);
}

body.stage10-nature .contact{
  background:
    linear-gradient(90deg,rgba(21,26,23,.90),rgba(28,36,31,.55)),
    url("https://www.kursysamoobrony.eu/wp-content/uploads/2025/11/image1-1024x768.jpeg") center 36%/cover fixed;
}
body.stage10-nature .contact:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(211,154,161,.06),transparent 35%,rgba(184,151,80,.07));
}
body.stage10-nature .contact .container{position:relative;z-index:2}

/* =========================
   WSPÓLNE TŁA PODSTRON
   ========================= */
body.stage10-nature .instructor-page-shell,
body.stage10-nature .history-page-shell,
body.stage10-nature .pricing-page-shell,
body.stage10-nature .martial-page-shell,
body.stage10-nature .sala-page-shell{
  background:
    linear-gradient(180deg,rgba(247,242,232,.94),rgba(231,223,208,.97)),
    url("assets/japan/fuji-sakura.svg") center top/cover fixed no-repeat !important;
}
body.stage10-nature .women-page-shell{
  background:
    linear-gradient(180deg,rgba(249,239,237,.94),rgba(239,228,218,.97)),
    url("assets/japan/fuji-sakura.svg") center top/cover fixed no-repeat !important;
}

/* INSTRUKTOR */
body.stage10-nature .omnie-grafika{
  background:
    linear-gradient(rgba(31,39,34,.73),rgba(24,30,26,.88)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat !important;
}
body.stage10-nature .omnie-liczby{
  background:linear-gradient(135deg,#29352e,#202822) !important;
}
body.stage10-nature .omnie-karta,
body.stage10-nature .omnie-cytat,
body.stage10-nature .omnie-profil-card,
body.stage10-nature .omnie-kurs-card,
body.stage10-nature .omnie-egzamin-card,
body.stage10-nature .omnie-video-card{
  box-shadow:0 14px 30px rgba(68,55,38,.09);
}

/* HISTORIA */
body.stage10-nature .historia-grafika{
  background:
    linear-gradient(rgba(34,43,38,.54),rgba(25,31,27,.82)),
    url("assets/japan/fuji-sakura.svg") center/cover no-repeat !important;
}
body.stage10-nature .historia-systemy{
  background:rgba(248,244,236,.90) !important;
  box-shadow:0 14px 36px rgba(65,54,40,.08);
}
body.stage10-nature .historia-samoobrona-grafika{
  background:
    linear-gradient(rgba(35,44,39,.62),rgba(25,31,27,.84)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat !important;
}
body.stage10-nature .historia-fizyka,
body.stage10-nature .historia-mochizuki,
body.stage10-nature .historia-zasady article{
  box-shadow:0 14px 34px rgba(65,54,40,.09);
}
body.stage10-nature .historia-film-zapowiedz{
  background:linear-gradient(135deg,#34463d,#28372f) !important;
}

/* CENNIK */
body.stage10-nature .cennik-hero-grafika{
  background:
    linear-gradient(rgba(35,44,39,.52),rgba(27,34,30,.76)),
    url("assets/japan/fuji-sakura.svg") center/cover no-repeat !important;
}
body.stage10-nature .cennik-karta,
body.stage10-nature .cennik-kalkulator,
body.stage10-nature .cennik-pytanie,
body.stage10-nature .cennik-elementy article{
  box-shadow:0 14px 32px rgba(65,54,40,.08);
}
body.stage10-nature .cennik-kurs-zamkniety,
body.stage10-nature .cennik-cta{
  background:linear-gradient(135deg,#34463d,#28372f) !important;
}

/* SZTUKI WALKI */
body.stage10-nature .sw-japan{
  background:
    linear-gradient(rgba(39,48,42,.40),rgba(28,35,30,.68)),
    url("assets/japan/fuji-sakura.svg") center/cover no-repeat !important;
}
body.stage10-nature .sw-panel-aside{
  background:
    linear-gradient(rgba(31,39,34,.82),rgba(22,28,24,.92)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat !important;
}
body.stage10-nature .sw-tab{
  background:rgba(247,242,232,.88);
}
body.stage10-nature .sw-footer{
  background:rgba(247,242,232,.92);
}

/* SAMOOBRONA DLA PAŃ */
body.stage10-nature .kobiety-hero-grafika{
  background:
    linear-gradient(rgba(87,66,68,.25),rgba(39,47,42,.66)),
    url("assets/japan/fuji-sakura.svg") center/cover no-repeat !important;
}
body.stage10-nature .kobiety-filary article,
body.stage10-nature .kobiety-program,
body.stage10-nature .kobiety-sprzet,
body.stage10-nature .kobiety-dlaczego-grid article,
body.stage10-nature .kobiety-pytanie{
  box-shadow:0 14px 34px rgba(75,58,50,.08);
}
body.stage10-nature .kobiety-cta{
  background:
    linear-gradient(125deg,rgba(89,50,54,.88),rgba(52,65,56,.92)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat !important;
}

/* SALA / DOJO */
body.stage10-nature .sala-grafika{
  background:
    linear-gradient(rgba(34,43,38,.45),rgba(24,30,26,.70)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat !important;
}
body.stage10-nature .sala-dojo{
  box-shadow:0 18px 46px rgba(62,51,38,.14) !important;
}
body.stage10-nature .sala-galeria-tytul h2{color:#403930 !important}
body.stage10-nature .sala-gallery-pending{
  color:#6e675e !important;
  border-color:rgba(111,126,107,.34) !important;
  background:rgba(255,255,255,.38);
}

/* CERTYFIKATY — pozostają premium, ale nie czarne jak noc */
body.stage10-nature .hero{
  background:
    linear-gradient(95deg,rgba(28,37,32,.95),rgba(44,56,48,.77)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat !important;
}
body.stage10-nature .hero:before{opacity:.07}
body.stage10-nature .hero-lead{color:#e2ddd3}
body.stage10-nature .gallery-section{
  background:
    linear-gradient(180deg,rgba(239,232,218,.98),rgba(226,217,200,.98)),
    url("assets/japan/bamboo-wash.svg") center/cover no-repeat !important;
  color:#28241f;
}
body.stage10-nature .gallery-section:before{color:rgba(102,82,58,.035)}
body.stage10-nature .gallery-section .section-head h2{color:#28241f}
body.stage10-nature .gallery-section .section-head p{color:#6d655b}
body.stage10-nature .filter-btn{
  color:#4e473f;
  border-color:rgba(85,72,57,.16);
  background:rgba(255,255,255,.56);
}
body.stage10-nature .filter-btn:hover,
body.stage10-nature .filter-btn.active{
  color:#fff;
  background:linear-gradient(135deg,#913137,#6f7e6b);
  border-color:rgba(145,49,55,.40);
}
body.stage10-nature .cert-card{
  background:#f9f5ec;
  border-color:rgba(82,69,55,.14);
  box-shadow:0 15px 34px rgba(66,53,40,.09);
}
body.stage10-nature .cert-meta h3{color:#2a2621}
body.stage10-nature .cert-meta p{color:#71695f}
body.stage10-nature .cert-no{color:#9d9386}
body.stage10-nature .cert-open{color:#6d5c37}
body.stage10-nature .lineage{
  background:
    linear-gradient(105deg,rgba(247,242,232,.98),rgba(235,226,210,.94)),
    url("assets/japan/fuji-sakura.svg") center/cover no-repeat !important;
}
body.stage10-nature .cta{
  background:
    linear-gradient(90deg,rgba(37,48,41,.94),rgba(27,35,30,.92)),
    url("assets/japan/torii-mist.svg") center/cover no-repeat !important;
}

/* Delikatna „sakura” w całym serwisie — tylko na dużych ekranach */
@media(min-width:900px){
  body.stage10-nature main:before{
    content:"";
    position:fixed;
    right:18px;
    top:118px;
    width:92px;
    height:150px;
    pointer-events:none;
    z-index:1;
    opacity:.20;
    background:
      radial-gradient(circle at 18% 15%,#d49aa1 0 5px,transparent 6px),
      radial-gradient(circle at 64% 31%,#d49aa1 0 6px,transparent 7px),
      radial-gradient(circle at 34% 58%,#d49aa1 0 4px,transparent 5px),
      radial-gradient(circle at 75% 78%,#d49aa1 0 5px,transparent 6px);
  }
}

@media(max-width:760px){
  body.stage10-nature .contact{background-attachment:scroll}
  body.stage10-nature .instructor-page-shell,
  body.stage10-nature .history-page-shell,
  body.stage10-nature .pricing-page-shell,
  body.stage10-nature .martial-page-shell,
  body.stage10-nature .sala-page-shell,
  body.stage10-nature .women-page-shell{background-attachment:scroll !important}
}

/* ETAP 11 — poprawka czytelności kart „Sztuki walki / Historia i styl”.
   Stage 10 rozjaśnia karty, więc hover musi jawnie wrócić do ciemnego tła.
   Dzięki temu tekst nie znika na białym tle. */
body.stage10-nature #sztuki .art:hover{
  background:linear-gradient(145deg,#33423a,#202923) !important;
  color:#f5efe3 !important;
  border-color:rgba(184,151,80,.26);
  box-shadow:0 20px 42px rgba(38,32,23,.18);
}
body.stage10-nature #sztuki .art:hover h3{
  color:#d4b663 !important;
}
body.stage10-nature #sztuki .art:hover p{
  color:#f0e7d7 !important;
}
body.stage10-nature #sztuki .art:hover .art-link{
  color:#e05a60 !important;
}
body.stage10-nature #sztuki .art:hover .art-num{
  color:#e05a60 !important;
}
body.stage10-nature #sztuki .art:hover .art-kanji{
  color:rgba(212,182,99,.10) !important;
}