/**
 * TARG Design System — sidebar dashboardu.
 *
 * Zakres:
 * - typografia Satoshi,
 * - rozmieszczenie ikon i tekstów,
 * - kontrast,
 * - aktywna pozycja,
 * - dolne akcje.
 */

body.tds-dashboard-page {
--tds-sidebar-gold: #c79a5b;
--tds-sidebar-gold-strong: #d9a45d;
--tds-sidebar-text: rgba(255, 255, 255, 0.72);
--tds-sidebar-text-strong: rgba(255, 255, 255, 0.94);
--tds-sidebar-muted: rgba(255, 255, 255, 0.49);
--tds-sidebar-line: rgba(255, 255, 255, 0.12);
}

/* ==========================================================
   CAŁY SIDEBAR
========================================================== */

body.tds-dashboard-page :is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
) {
box-sizing: border-box !important;

font-family:
"Satoshi",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif !important;

-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

/* Wszystkie elementy tekstowe sidebara używają Satoshi. */

body.tds-dashboard-page :is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
) :is(
a,
span,
p,
strong,
small,
li,
button
) {
font-family:
"Satoshi",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif !important;
}

/* ==========================================================
   SEKCJA UŻYTKOWNIKA
========================================================== */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
:is(
.dashboard-user-info,
.user-info,
.sidebar-user
) {
box-sizing: border-box !important;

margin: 0 28px 34px !important;
padding: 28px 0 27px !important;

border-bottom: 1px solid var(--tds-sidebar-line) !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
:is(
.dashboard-user-info,
.user-info,
.sidebar-user
)
small {
display: block !important;

margin: 0 0 8px !important;

color: rgba(255, 255, 255, 0.56) !important;

font-size: 11px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 0.13em !important;
text-transform: uppercase !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
:is(
.dashboard-user-info,
.user-info,
.sidebar-user
)
strong {
display: block !important;

color: var(--tds-sidebar-text-strong) !important;

font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
letter-spacing: -0.015em !important;
}

/* ==========================================================
   LISTA MENU
========================================================== */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul {
display: flex !important;
flex-direction: column !important;
gap: 7px !important;

width: 100% !important;

margin: 0 !important;
padding: 0 18px !important;

list-style: none !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li {
display: block !important;

width: 100% !important;

margin: 0 !important;
padding: 0 !important;
}

/* ==========================================================
   LINK GŁÓWNEGO MENU
========================================================== */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a {
box-sizing: border-box !important;

display: grid !important;
grid-template-columns: 42px minmax(0, 1fr) 18px !important;
align-items: center !important;
column-gap: 13px !important;

width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;

margin: 0 !important;
padding: 0 17px !important;

color: var(--tds-sidebar-text) !important;
background: transparent !important;

border: 1px solid transparent !important;
border-radius: 12px !important;

font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
letter-spacing: -0.01em !important;

text-decoration: none !important;

transition:
color 150ms ease,
background-color 150ms ease,
border-color 150ms ease !important;
}

/* Tekst linku. */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a :is(
span,
.menu-text,
.dashboard-menu-text
) {
display: block !important;

min-width: 0 !important;

color: inherit !important;

font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;

overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}

/* ==========================================================
   IKONY
========================================================== */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a > :is(
i,
svg,
.menu-icon,
.dashboard-menu-icon,
.tds-menu-icon
) {
grid-column: 1 !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

width: 30px !important;
height: 30px !important;
min-width: 30px !important;
max-width: 30px !important;

margin: 0 !important;
padding: 0 !important;

color: rgba(255, 255, 255, 0.7) !important;

font-size: 25px !important;
line-height: 1 !important;

opacity: 1 !important;
}

/* SVG menu. */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a svg {
width: 25px !important;
height: 25px !important;

fill: none !important;
stroke: currentColor !important;
stroke-width: 1.7 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}

/* Ikony generowane przez ::before. */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a::before {
grid-column: 1 !important;
grid-row: 1 !important;

align-self: center !important;
justify-self: center !important;

width: 25px !important;
height: 25px !important;

margin: 0 !important;

background-color: rgba(255, 255, 255, 0.7) !important;

opacity: 1 !important;
}

/* Strzałka podmenu trafia do trzeciej kolumny. */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a :is(
.fa-angle-down,
.fa-chevron-down,
.dropdown-icon,
.menu-arrow
) {
grid-column: 3 !important;

width: 18px !important;
height: 18px !important;
min-width: 18px !important;

color: rgba(255, 255, 255, 0.42) !important;

font-size: 12px !important;
}

/* ==========================================================
   HOVER
========================================================== */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a:hover {
color: #ffffff !important;

background: rgba(255, 255, 255, 0.055) !important;
border-color: rgba(255, 255, 255, 0.065) !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a:hover
> :is(
i,
svg,
.menu-icon,
.dashboard-menu-icon,
.tds-menu-icon
) {
color: var(--tds-sidebar-gold-strong) !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a:hover::before {
background-color: var(--tds-sidebar-gold-strong) !important;
}

/* ==========================================================
   AKTYWNY ELEMENT
========================================================== */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li:is(
.active,
.current,
.current-menu-item
)
> a {
color: #d79b50 !important;

background:
linear-gradient(
90deg,
rgba(199, 154, 91, 0.16) 0%,
rgba(199, 154, 91, 0.075) 100%
) !important;

border-color: rgba(199, 154, 91, 0.22) !important;

box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

font-weight: 500 !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li:is(
.active,
.current,
.current-menu-item
)
> a
> :is(
i,
svg,
.menu-icon,
.dashboard-menu-icon,
.tds-menu-icon
) {
color: #d99f55 !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li:is(
.active,
.current,
.current-menu-item
)
> a::before {
background-color: #d99f55 !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li:is(
.active,
.current,
.current-menu-item
)
> a::after {
content: none !important;
display: none !important;
}

/* ==========================================================
   PODMENU
========================================================== */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav ul ul {
margin: 5px 0 5px 55px !important;
padding: 0 !important;

list-style: none !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav ul ul li {
margin: 0 !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav ul ul a {
display: flex !important;
align-items: center !important;

min-height: 34px !important;
padding: 5px 10px !important;

color: rgba(255, 255, 255, 0.49) !important;

font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.3 !important;

text-decoration: none !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav ul ul a:hover,

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav ul ul li.active > a {
color: #d9a45d !important;
}

/* ==========================================================
   DOLNA CZĘŚĆ SIDEBARA
========================================================== */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
:is(
.dashboard-sidebar-footer,
.sidebar-footer,
.dashboard-logout-wrapper
) {
margin: 28px 18px 0 !important;
padding: 20px 0 0 !important;

border-top: 1px solid var(--tds-sidebar-line) !important;
}

/* Wylogowanie oraz powrót — ten sam rytm co menu. */

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
:is(
.dashboard-logout,
.logout,
.tds-dashboard-back-home
) {
box-sizing: border-box !important;

display: grid !important;
grid-template-columns: 42px minmax(0, 1fr) !important;
align-items: center !important;
column-gap: 13px !important;

width: calc(100% - 36px) !important;
min-height: 48px !important;

margin: 3px 18px !important;
padding: 0 17px !important;

color: rgba(255, 255, 255, 0.64) !important;
background: transparent !important;

border: 1px solid transparent !important;
border-radius: 10px !important;

font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.25 !important;

text-decoration: none !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
:is(
.dashboard-logout,
.logout,
.tds-dashboard-back-home
):hover {
color: #ffffff !important;

background: rgba(255, 255, 255, 0.055) !important;
border-color: rgba(255, 255, 255, 0.06) !important;
}

/* Ikona powrotu. */

body.tds-dashboard-page
.tds-dashboard-back-home-icon {
grid-column: 1 !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

width: 30px !important;
height: 30px !important;

margin: 0 !important;

color: rgba(255, 255, 255, 0.68) !important;
}

body.tds-dashboard-page
.tds-dashboard-back-home-icon svg {
width: 24px !important;
height: 24px !important;
}

/* ==========================================================
   ZWINIĘTY SIDEBAR
========================================================== */

body.tds-dashboard-page :is(
.dashboard-sidebar.collapsed,
.tds-dashboard-sidebar.collapsed,
.rh_dashboard__sidebar.collapsed
)
nav > ul > li > a {
grid-template-columns: 1fr !important;

justify-items: center !important;

padding-right: 0 !important;
padding-left: 0 !important;
}

body.tds-dashboard-page :is(
.dashboard-sidebar.collapsed,
.tds-dashboard-sidebar.collapsed,
.rh_dashboard__sidebar.collapsed
)
nav > ul > li > a :is(
span,
.menu-text,
.dashboard-menu-text,
.dropdown-icon,
.menu-arrow
) {
display: none !important;
}

/* ==========================================================
   MNIEJSZE EKRANY
========================================================== */

@media (max-width: 900px) {
body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul {
padding-right: 12px !important;
padding-left: 12px !important;
}

body.tds-dashboard-page
:is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
)
nav > ul > li > a {
grid-template-columns: 38px minmax(0, 1fr) 16px !important;
column-gap: 10px !important;

padding-right: 14px !important;
padding-left: 14px !important;
}
}


/************************************************************
 TARG SIDEBAR CLEANUP
************************************************************/

/* ukryj blok użytkownika */

.dashboard-sidebar .dashboard-user-info,
.dashboard-sidebar .user-info,
.dashboard-sidebar .sidebar-user{
    display:none!important;
}


/* usuń linię pod użytkownikiem */

.dashboard-sidebar hr:first-of-type{
    display:none!important;
}


/* menu bliżej logo */

.dashboard-sidebar nav{
    margin-top:22px!important;
}


/* pozycje menu */

.dashboard-sidebar nav>ul{
    gap:2px!important;
}


/* link */

.dashboard-sidebar nav>ul>li>a{

    grid-template-columns:34px auto!important;

    column-gap:18px!important;

    padding-left:18px!important;

    min-height:54px!important;
}


/* ikony */

.dashboard-sidebar nav>ul>li>a i,
.dashboard-sidebar nav>ul>li>a svg{

    width:22px!important;
    height:22px!important;

    font-size:22px!important;

    margin-left:-8px!important;
}


/* tekst */

.dashboard-sidebar nav>ul>li>a span{

    font-size:15px!important;
    font-weight:500!important;

    white-space:nowrap!important;
}


/* usuń zapisane wyszukiwania */

.dashboard-sidebar a[href*="saved-search"],
.dashboard-sidebar a[href*="saved_search"],
.dashboard-sidebar li.saved-search,
.dashboard-sidebar li.saved_search{

    display:none!important;
}


/* sekcja dolna */

.dashboard-sidebar-footer,
.sidebar-footer{

    margin-top:34px!important;
}


/* wyloguj */

.dashboard-sidebar .dashboard-logout,
.dashboard-sidebar .tds-dashboard-back-home{

    grid-template-columns:34px auto!important;

    column-gap:18px!important;

    padding-left:18px!important;
}


/* ikony dolne */

.dashboard-sidebar .dashboard-logout i,
.dashboard-sidebar .dashboard-logout svg,
.dashboard-sidebar .tds-dashboard-back-home i,
.dashboard-sidebar .tds-dashboard-back-home svg{

    margin-left:-8px!important;
}