/* robotatut.pl - zloty motyw firmowy.
   Wczytujemy PO site.css i theme.css: nadpisujemy same zmienne
   i te miejsca, gdzie zolto ma byc gradientem, a nie plaska plama. */

:root{
  --paper:#F4F1E8; --card:#FFFEFB; --ink:#14130F; --ink2:#6B6555;
  --line:#E0D8C2; --yl:#C9A227; --steel:#14130F; --green:#0F8A4F; --red:#B5341F;
  --gold:linear-gradient(135deg,#A6790F,#F2DC96 48%,#A6790F);
  --gtx:linear-gradient(135deg,#7E5C0C,#C9A227 46%,#7E5C0C);
  --gline:rgba(138,101,16,.30); --gline2:rgba(138,101,16,.15);
  --gsoft:#FCF7E7;
}
:root[data-theme="dark"]{
  --paper:#08080A; --card:#121216; --ink:#FFFFFF; --ink2:#8E8778;
  --line:#2A2419; --yl:#E3C765; --steel:#08080A; --green:#3FD98A; --red:#E4674F;
  --gtx:linear-gradient(135deg,#A6790F,#F7E9AE 46%,#A6790F);
  --gline:rgba(212,175,55,.30); --gline2:rgba(212,175,55,.14);
  --gsoft:rgba(212,175,55,.05);
  color-scheme:dark;
}

/* --- zolto jako metal, nie jako plaska farba --- */
.btn-y,
.search button,
.chip.sel,
.pnav a.on,
.langbox .list a.on,
.free,
:root[data-theme="dark"] .chip.sel,
:root[data-theme="dark"] .pnav a.on,
:root[data-theme="dark"] .btn-y,
:root[data-theme="dark"] .search button,
:root[data-theme="dark"] .biz .filters button{
  background:var(--gold);color:#14130F;border-color:#14130F
}
.btn-y:hover,.search button:hover{filter:brightness(1.06)}
.free .stripe{background:repeating-linear-gradient(135deg,#14130F 0 14px,transparent 14px 28px)}
.free .law{border-top-color:rgba(20,19,15,.28);color:#3A3020}

/* --- napisy wersalikami: wieksza rozstrzelka, zloty kolor --- */
.lab{letter-spacing:.16em}
.logo span{background:var(--gtx);-webkit-background-clip:text;background-clip:text;color:transparent}

/* --- belka gorna: czern z cienka zlota linia --- */
.topbar{border-bottom:1px solid var(--gline2)}
.topbar .nav a:hover{color:#F2DC96}
.lang,.langbox summary{border-color:rgba(212,175,55,.35);color:#D9CFA8}
.langbox[open] summary{background:#1C1810;color:#F2DC96}
.langbox .list{background:#0E0D09;border-color:rgba(212,175,55,.35)}
.langbox .list a{border-bottom-color:rgba(212,175,55,.15);color:#E8E2CE}
.lang a.on{background:var(--gold);color:#14130F}
.theme{color:#D9CFA8}
.theme:hover{color:#F2DC96}
.burger i,.mmenu{border-color:var(--gline2)}

/* --- ramki i podkreslenia --- */
.card,.rows,.tbl,.formbox,.cand,.tile,.appcard,.post,.notice,.nipbox,.msg-box{
  border-color:var(--gline2)
}
.pnav{border-bottom-color:var(--gline)}
.pnav a{border-color:var(--gline2)}
.pnav a.on{border-color:#14130F}
.notice{background:var(--gsoft);border-left:3px solid var(--yl)}
.st.active{background:var(--gold);color:#14130F}

/* --- akcent liczb i naglowkow sekcji --- */
.rate,.big,.nums b{background:var(--gtx);-webkit-background-clip:text;background-clip:text;color:transparent}

/* --- jasny motyw: cieplejsze tlo zdjec zamiast szarosci --- */
.ava,.cand .av,.shot{background:#F0EADA}
:root[data-theme="dark"] .ava,
:root[data-theme="dark"] .cand .av,
:root[data-theme="dark"] .shot{background:#17171D;border-color:var(--gline2)}
:root[data-theme="dark"] .tag{background:#17171D;border-color:var(--gline2);color:var(--ink)}
:root[data-theme="dark"] .meter{background:#1C1B15;border-color:var(--gline2)}
:root[data-theme="dark"] .empty{background:var(--card);border-color:var(--gline2)}
:root[data-theme="dark"] img{opacity:1}

/* --- poprawki po pierwszym wgraniu --- */
/* na zlotym panelu liczba musi byc czarna, nie zlota - inaczej znika */
.free .big,
:root[data-theme="dark"] .free .big{
  background:none;-webkit-text-fill-color:#14130F;color:#14130F
}
/* pasek wersji testowej: bez krzyczacej czerwieni */
.demobar{background:#F6EDD2;color:#6B5514;border-bottom:1px solid var(--gline2)}
.demobar b,.demobar strong{color:#7E5C0C}
:root[data-theme="dark"] .demobar{background:#14100A;color:#C6B481}
:root[data-theme="dark"] .demobar b,
:root[data-theme="dark"] .demobar strong{color:#E3C765}

/* przycisk filtrow ma wlasna regule w motywie ciemnym - dopisujemy go tu */
.filters button,
:root[data-theme="dark"] .filters button,
:root[data-theme="dark"] .biz .filters button{
  background:var(--gold);color:#14130F;border-color:#14130F
}

/* --- miejsca, gdzie na zoltym tle tekst bral kolor --ink,
       a w ciemnym motywie --ink to biel: bialy na zlocie znikal --- */
.pill.wait, .tile.hot, .st.moderacja, .st.pending, .mmenu a.hl,
:root[data-theme="dark"] .pill.wait,
:root[data-theme="dark"] .tile.hot,
:root[data-theme="dark"] .st.moderacja,
:root[data-theme="dark"] .st.pending,
:root[data-theme="dark"] .mmenu a.hl{
  background:var(--gold);color:#14130F
}
:root[data-theme="dark"] .tile.hot b,
:root[data-theme="dark"] .tile.hot span{color:#14130F}
.meter i{background:var(--gold)}

/* tekst pomocniczy mial wpisany na sztywno zimny szary #3C4046 -
   w ciemnym motywie byl niewidoczny, w jasnym gryzl sie z cieplem */
.notice, .hero p{color:var(--ink2)}

/* akapity wewnatrz formularzy i sekcji dla pracodawcy mialy ten sam
   wpisany na sztywno szary #3C4046 - sprowadzamy je do zmiennej */
.form p, .emp p, .lead, .sub{color:var(--ink2)}

/* licznik pozycji pod naglowkiem listy */
.cnt{font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:.14em;
     text-transform:uppercase;color:var(--ink2);margin:6px 0 2px}