/* ForexRev — widżet „TOP brokerów forex” (forexrev-ranking.php, FXRK_Widget_Top): numer, logo, nazwa z licencją, ocena, przycisk do rankingu.
   Wygląd „lista” (sidebar, jasne tło) i „stopka” (ten sam układ w kolorach ciemnej stopki motywu). */
.fxrk-top { font-family: 'Open Sans', fxs-os, fxs-os-r, sans-serif; }
.fxrk-top ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid #E4E9F0; }
.fxrk-top li { margin: 0; padding: 0; list-style: none; background: none; border-bottom: 1px solid #E4E9F0; }
.fxrk-top li::before { content: none; display: none; }
.fxrk-top li a { display: grid; grid-template-columns: 14px 54px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px 0; color: #142033; text-decoration: none; }
.fxrk-top li a:hover .fxrk-top-nazwa { color: #0F4C81; text-decoration: underline; }
.fxrk-top a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.fxrk-top img { width: 54px; height: 34px; object-fit: contain; border: 1px solid #EDF1F5; border-radius: 6px; background: #fff; }
.fxrk-top .fxrk-top-nr { font: 700 13px/1 Ubuntu, fxs-ub, sans-serif; color: #0F4C81; font-variant-numeric: tabular-nums; }
.fxrk-top .fxrk-top-nazwa { min-width: 0; font: 700 13px/1.2 Ubuntu, fxs-ub, sans-serif; overflow-wrap: break-word; }
.fxrk-top .fxrk-top-nazwa small { display: block; font: 400 10.5px/1.3 'Open Sans', fxs-os, fxs-os-r, sans-serif; color: #5B6676; }
.fxrk-top .fxrk-top-ocena { font: 700 15px/1 Ubuntu, fxs-ub, sans-serif; color: #0F4C81; font-variant-numeric: tabular-nums; }
.fxrk-top .fxrk-top-btn { display: flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 12px; border-radius: 10px; background: #0F4C81; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.fxrk-top .fxrk-top-btn:hover { background: #0A3A63; color: #fff; }

/* stopka (ciemne tło): jasny tekst, linie półprzezroczyste, logo na białym, ocena i przycisk w turkusie */
.fxrk-top-stopka ol { border-top-color: rgba(255, 255, 255, .12); }
.fxrk-top-stopka li { border-bottom-color: rgba(255, 255, 255, .12); }
.fxrk-top-stopka li a { color: #fff; }
.fxrk-top-stopka li a:hover .fxrk-top-nazwa { color: #7FD6EA; }
.fxrk-top-stopka img { border-color: transparent; }
.fxrk-top-stopka .fxrk-top-nr, .fxrk-top-stopka .fxrk-top-ocena { color: #7FD6EA; }
.fxrk-top-stopka .fxrk-top-nazwa small { color: #AAB4BE; }
.fxrk-top-stopka .fxrk-top-btn { background: #0A7A94; }
.fxrk-top-stopka .fxrk-top-btn:hover { background: #08667C; }
