/* R49 „wygląd” (r49-wyglad.php). Tylko zmienne --n-* z zapasem, więc działa w jasnym (jasny.css) i ciemnym motywie. */

/* 337: ikony menu Moje konto z zestawu strony - zamiast dawnej maski (::before) */
body.woocommerce-account .woocommerce-MyAccount-navigation li a.ljk-r49-ka::before{content:none!important;display:none!important}
body.woocommerce-account .woocommerce-MyAccount-navigation .ljk-r49-ki{flex:none;display:block;width:20px;height:20px;color:inherit;opacity:.9}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active .ljk-r49-ki{color:var(--n-v2,#a78bfa);opacity:1}
@media (max-width:899px){body.woocommerce-account .woocommerce-MyAccount-navigation .ljk-r49-ki{width:18px;height:18px}}

/* 333: strona 404 - popularne usługi i narzędzia pod kafelkami platform (5899) */
.ljk-r49-404{width:100%;max-width:560px;margin:var(--n-s1,8px) auto var(--n-s4,32px);text-align:left}
.ljk-r49-404-h{margin:var(--n-s4,32px) 0 var(--n-s2,16px);text-align:center;font-size:var(--n-h4,1.0625rem);font-weight:700;line-height:1.3;color:var(--n-head,#fff)}
.ljk-r49-404 ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--n-s1,8px)}
.ljk-r49-404 ul.ljk-r49-404-nz{grid-template-columns:repeat(3,minmax(0,1fr))}
.ljk-r49-404 li{margin:0;padding:0}
.ljk-r49-404 li a{display:flex;align-items:center;gap:var(--n-s1,8px);min-height:48px;height:100%;padding:var(--n-s1,8px) var(--n-s2,16px) var(--n-s1,8px) 12px;border-radius:12px;background:var(--n-card,#1a1429);border:1px solid var(--n-line,rgba(255,255,255,.08));color:var(--n-text,#ece9f6);font-size:.875rem;font-weight:600;line-height:1.3;text-decoration:none;transition:border-color .15s,background .15s}
.ljk-r49-404 li a:hover{border-color:var(--n-v2,#a78bfa);color:var(--n-head,#fff)}
.ljk-r49-404 li a:focus-visible{outline:3px solid var(--n-v2,#a78bfa);outline-offset:2px}
.ljk-r49-404 .ljk-r49-404-ik{flex:none;width:24px;height:24px;display:block}
.ljk-r49-404 .ljk-r49-404-ik svg{width:24px;height:24px;display:block}
.ljk-r49-404 ul.ljk-r49-404-nz a{flex-direction:column;justify-content:center;text-align:center;padding:12px var(--n-s1,8px)}
.ljk-r49-404-nik{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:10px;background:var(--n-card2,#221a36);color:var(--n-v2,#a78bfa)}
.ljk-r49-404-wsz{margin:var(--n-s2,16px) 0 0;text-align:center;font-size:.875rem}
.ljk-r49-404-wsz a{color:var(--n-link,var(--n-v2,#a78bfa));font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:480px){.ljk-r49-404 ul,.ljk-r49-404 ul.ljk-r49-404-nz{grid-template-columns:minmax(0,1fr)}.ljk-r49-404 ul.ljk-r49-404-nz a{flex-direction:row;justify-content:flex-start;text-align:left}}

/* 334: jedna skala - odstępy co 8 px (--n-s1..--n-s8) i 4 rozmiary nagłówków (--n-h1..--n-h4). Wartości nagłówków = te, które
   strony informacyjne (.ljk-pg) już mają w naturalny-strony.css; tu tylko miejsca, które od nich odstawały. Nowe elementy
   (R49 i dalej) biorą rozmiary z tych zmiennych. Bez klasy body.ljk-r49-skala (LJK_R49_SKALA_OFF) wszystko jak dotąd. */
body.ljk-r49-skala{--n-s1:8px;--n-s2:16px;--n-s3:24px;--n-s4:32px;--n-s5:40px;--n-s6:48px;--n-s8:64px;--n-h1:clamp(1.75rem,1.2rem + 2.4vw,3rem);--n-h2:clamp(1.5rem,1rem + 1.6vw,2.25rem);--n-h3:clamp(1.25rem,1rem + .8vw,1.5rem);--n-h4:1.0625rem}
/* „Potrzebujesz pomocy?” i wezwanie na końcu strony: był piąty, pośredni rozmiar - teraz jak inne nagłówki sekcji */
body.ljk-r49-skala .ljk-pg .pg-help h2,body.ljk-r49-skala .ljk-pg .ab-cta h2{font-size:var(--n-h2)}
/* odstępy pod nagłówkiem sekcji i nad notką: 12 px i 18 px -> 16 px */
body.ljk-r49-skala .ljk-pg .pg-sec>h2{margin-bottom:var(--n-s2)}
body.ljk-r49-skala .ljk-pg .pg-sec>.pg-note{margin-top:var(--n-s2)}

/* 335: ilustracja platformy w nagłówku kategorii zamiast kafla z logo (::before z 5680) */
html body.ljk-r49-il.archive.tax-product_cat .ljk-cat-hero::before{content:none!important;display:none!important}
.ljk-cat-hero .ljk-r49-ilu{display:block;width:160px;height:120px;margin:0 auto var(--n-s2,16px);overflow:visible}
.ljk-r49-ilu-tel{fill:var(--n-card,#1a1429);stroke:var(--n-line2,rgba(255,255,255,.14));stroke-width:2}
.ljk-r49-ilu-kr,.ljk-r49-ilu-ln{fill:var(--n-mut,#a9a2c3);opacity:.45}
@media (max-width:767px){.ljk-cat-hero .ljk-r49-ilu{width:128px;height:96px;margin:0 0 12px}}