/**
 * TARG Dashboard — sidebar v2 conflict reset.
 *
 * Usuwa wpływ wcześniejszych arkuszy:
 * - dodatkowe ikony ::before,
 * - ikony Font Awesome,
 * - gridy i szerokości starych linków,
 * - stare style stopki,
 * - kwadrat przy „Powrót do strony”.
 */

/* ==========================================================
   RESET GLOBALNY DLA WŁASNEGO KOMPONENTU
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__menu,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__menu li,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__menu a,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer a {
float: none !important;
clear: none !important;

position: static !important;

box-sizing: border-box !important;
}

/* ==========================================================
   USUNIĘCIE DODATKOWYCH IKON
========================================================== */

/*
 * Starsze arkusze tworzą ikony przez pseudoelementy.
 * W komponencie v2 korzystamy wyłącznie z własnych SVG.
 */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__link::before,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__link::after,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link::before,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link::after,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__icon::before,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__icon::after,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-icon::before,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-icon::after {
content: none !important;
display: none !important;

width: 0 !important;
height: 0 !important;

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

background: none !important;
mask: none !important;
-webkit-mask: none !important;
}

/*
 * Ukrywamy ewentualne stare Font Awesome w obrębie v2.
 */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__link > i,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link > i {
display: none !important;
}

/* ==========================================================
   MENU — JEDEN UKŁAD
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__menu {
display: flex !important;
flex-direction: column !important;
gap: 9px !important;

width: 100% !important;

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

list-style: none !important;
}

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__item {
display: block !important;

width: 100% !important;

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

list-style: none !important;
}

/* ==========================================================
   LINK MENU
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__link {
position: relative !important;

display: grid !important;
grid-template-columns: 28px minmax(0, 1fr) !important;
grid-template-rows: 1fr !important;
align-items: center !important;
justify-items: start !important;
column-gap: 12px !important;

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

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

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

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

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

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

text-align: left !important;
text-decoration: none !important;

overflow: hidden !important;
}

/* ==========================================================
   JEDYNA IKONA MENU
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__icon {
position: static !important;

grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: start !important;

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

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

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

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

background: none !important;
border: 0 !important;
border-radius: 0 !important;

overflow: visible !important;
}

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__icon svg {
position: static !important;

display: block !important;

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

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

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

transform: none !important;
}

/* ==========================================================
   TEKST MENU
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__label {
position: static !important;

grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: stretch !important;

display: block !important;

width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;

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

color: inherit !important;

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

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

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

/* ==========================================================
   AKTYWNA POZYCJA
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__item.is-current
.tds-sidebar-v2__link {
color: #a96822 !important;

background:
linear-gradient(
135deg,
#fbf4e8 0%,
#f7ecdc 100%
) !important;

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

box-shadow:
0 8px 22px rgba(7, 7, 7, 0.075) !important;
}

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__item.is-current
.tds-sidebar-v2__icon {
color: #d89b4c !important;
}

/* ==========================================================
   STOPKA — JEDEN UKŁAD
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer {
position: static !important;

display: flex !important;
flex-direction: column !important;
gap: 4px !important;

width: 100% !important;

margin: auto 0 0 !important;
padding: 19px 0 0 !important;

border-top: 1px solid rgba(255, 255, 255, 0.13) !important;
}

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link {
position: relative !important;

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

width: 100% !important;
min-width: 0 !important;
max-width: none !important;
min-height: 48px !important;

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

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

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

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

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

text-align: left !important;
text-decoration: none !important;

overflow: hidden !important;
}

/* ==========================================================
   IKONA STOPKI
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-icon {
position: static !important;

grid-column: 1 !important;
align-self: center !important;
justify-self: start !important;

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

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

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

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

border: 0 !important;
border-radius: 0 !important;
}

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-icon svg {
display: block !important;

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

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

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

transform: none !important;
}

/*
 * Tekst stopki.
 */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link > span:last-child {
grid-column: 2 !important;

display: block !important;

min-width: 0 !important;

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

color: inherit !important;

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

/* ==========================================================
   USUNIĘCIE KWADRATU PRZY POWROCIE
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link[href="/"]::before,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link[href="/"]::after,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
a[href*="targnieruchomosci.pl"]::before {
content: none !important;
display: none !important;

background: none !important;
mask: none !important;
-webkit-mask: none !important;
}

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

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__link:hover,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link: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
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__link:hover
.tds-sidebar-v2__icon,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link:hover
.tds-sidebar-v2__footer-icon {
color: #d5a15b !important;
}

/* ==========================================================
   PRZYCISK ZWIJANIA — NIE DZIEDZICZY STYLÓW MENU
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__toggle::before,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__toggle::after {
content: none !important;
display: none !important;
}

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__toggle svg {
width: 19px !important;
height: 19px !important;

fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;

transform: none !important;
}

/* ==========================================================
   RESPONSYWNOŚĆ
========================================================== */

@media (max-width: 900px) {
body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__link,

body.tds-dashboard-page
.tds-dashboard-sidebar-v2
.tds-sidebar-v2__footer-link {
grid-template-columns: 26px minmax(0, 1fr) !important;
column-gap: 10px !important;

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