/**
 * TARG Dashboard — navigation and empty-state polish.
 */

/* ==========================================================
   SIDEBAR — POŁOŻENIE CAŁEGO MENU
========================================================== */

/*
 * Zmniejszamy pustą przestrzeń pomiędzy nagłówkiem użytkownika
 * a właściwą nawigacją.
 */

.tds-dashboard-page .dashboard-sidebar,
.tds-dashboard-page .rh_dashboard__sidebar {
padding-top: 0;
}

.tds-dashboard-page .dashboard-sidebar .dashboard-user-info,
.tds-dashboard-page .dashboard-sidebar .user-info,
.tds-dashboard-page .dashboard-sidebar .sidebar-user,
.tds-dashboard-page .rh_dashboard__sidebar .dashboard-user-info,
.tds-dashboard-page .rh_dashboard__sidebar .user-info {
margin-bottom: 0 !important;
padding-top: 26px !important;
padding-bottom: 22px !important;
}

.tds-dashboard-page .dashboard-sidebar nav,
.tds-dashboard-page .dashboard-sidebar .user-nav,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu,
.tds-dashboard-page .rh_dashboard__sidebar nav,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav,
.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu {
margin-top: 16px !important;
padding-top: 0 !important;
}

/* ==========================================================
   GŁÓWNE POZYCJE MENU
========================================================== */

.tds-dashboard-page .dashboard-sidebar nav > ul > li,
.tds-dashboard-page .dashboard-sidebar .user-nav > li,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li {
margin: 3px 14px !important;
}

.tds-dashboard-page .dashboard-sidebar nav > ul > li > a,
.tds-dashboard-page .dashboard-sidebar .user-nav > li > a,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li > a {
display: flex !important;
align-items: center !important;
min-height: 52px;
padding: 0 16px !important;
color: #555853;
border: 1px solid transparent;
border-radius: 11px;
font-size: 14px;
font-weight: 500;
line-height: 1.25;
transition:
color 150ms ease,
background-color 150ms ease,
border-color 150ms ease;
}

/* Ikony większe i wyraźniejsze. */

.tds-dashboard-page .dashboard-sidebar nav > ul > li > a::before,
.tds-dashboard-page .dashboard-sidebar .user-nav > li > a::before,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a::before,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a::before,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li > a::before {
flex: 0 0 23px !important;
width: 23px !important;
height: 23px !important;
margin-right: 15px !important;
background-color: #73766f;
-webkit-mask-size: 23px 23px !important;
mask-size: 23px 23px !important;
}

.tds-dashboard-page .dashboard-sidebar nav > ul > li > a:hover,
.tds-dashboard-page .dashboard-sidebar .user-nav > li > a:hover,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a:hover,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a:hover,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li > a:hover {
color: #2e302d;
background: #f8f6f1;
border-color: #eee9e1;
}

.tds-dashboard-page .dashboard-sidebar nav > ul > li > a:hover::before,
.tds-dashboard-page .dashboard-sidebar .user-nav > li > a:hover::before,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a:hover::before,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a:hover::before,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li > a:hover::before {
background-color: #9a6f42;
}

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

.tds-dashboard-page .dashboard-sidebar nav > ul > li.active > a,
.tds-dashboard-page .dashboard-sidebar nav > ul > li.current > a,
.tds-dashboard-page .dashboard-sidebar nav > ul > li.current-menu-item > a,
.tds-dashboard-page .dashboard-sidebar .user-nav > li.active > a,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li.active > a,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li.active > a,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li.active > a {
color: #80582d !important;
background: #f8f1e7 !important;
border-color: #ead8bd !important;
box-shadow: none !important;
}

.tds-dashboard-page .dashboard-sidebar nav > ul > li.active > a::before,
.tds-dashboard-page .dashboard-sidebar nav > ul > li.current > a::before,
.tds-dashboard-page .dashboard-sidebar nav > ul > li.current-menu-item > a::before,
.tds-dashboard-page .dashboard-sidebar .user-nav > li.active > a::before,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li.active > a::before,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li.active > a::before,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li.active > a::before {
background-color: #b47a39 !important;
}

/* Złota kreska aktywnego elementu. */

.tds-dashboard-page .dashboard-sidebar nav > ul > li.active > a::after,
.tds-dashboard-page .dashboard-sidebar nav > ul > li.current > a::after,
.tds-dashboard-page .dashboard-sidebar .user-nav > li.active > a::after,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li.active > a::after,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li.active > a::after {
content: "";
position: absolute;
top: 13px;
bottom: 13px;
left: -5px;
width: 3px;
background: #d2a15c;
border-radius: 3px;
}

.tds-dashboard-page .dashboard-sidebar nav > ul > li > a,
.tds-dashboard-page .dashboard-sidebar .user-nav > li > a,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a {
position: relative;
}

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

.tds-dashboard-page .dashboard-sidebar nav ul ul,
.tds-dashboard-page .dashboard-sidebar .user-nav ul,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu ul,
.tds-dashboard-page .rh_dashboard__sidebar nav ul ul,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav ul {
margin: 5px 0 8px !important;
padding: 0 0 0 42px !important;
}

.tds-dashboard-page .dashboard-sidebar nav ul ul li,
.tds-dashboard-page .dashboard-sidebar .user-nav ul li,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu ul li,
.tds-dashboard-page .rh_dashboard__sidebar nav ul ul li,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav ul li {
margin: 0 !important;
}

.tds-dashboard-page .dashboard-sidebar nav ul ul a,
.tds-dashboard-page .dashboard-sidebar .user-nav ul a,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu ul a,
.tds-dashboard-page .rh_dashboard__sidebar nav ul ul a,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav ul a {
display: flex;
align-items: center;
min-height: 35px;
padding: 4px 8px !important;
color: #777a75;
background: transparent !important;
border: 0 !important;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
}

.tds-dashboard-page .dashboard-sidebar nav ul ul a::before,
.tds-dashboard-page .dashboard-sidebar .user-nav ul a::before,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu ul a::before,
.tds-dashboard-page .rh_dashboard__sidebar nav ul ul a::before,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav ul a::before {
flex: 0 0 5px !important;
width: 5px !important;
height: 5px !important;
margin-right: 12px !important;
background: #c6aa85 !important;
border-radius: 50%;
-webkit-mask-image: none !important;
mask-image: none !important;
}

.tds-dashboard-page .dashboard-sidebar nav ul ul a:hover,
.tds-dashboard-page .dashboard-sidebar .user-nav ul a:hover,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu ul a:hover,
.tds-dashboard-page .rh_dashboard__sidebar nav ul ul a:hover,
.tds-dashboard-page .rh_dashboard__sidebar .user-nav ul a:hover {
color: #8b602f;
}

.tds-dashboard-page .dashboard-sidebar nav ul ul .active > a,
.tds-dashboard-page .dashboard-sidebar nav ul ul .current > a,
.tds-dashboard-page .dashboard-sidebar .user-nav ul .active > a,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu ul .active > a,
.tds-dashboard-page .rh_dashboard__sidebar nav ul ul .active > a {
color: #9a6427 !important;
font-weight: 700;
}

/* ==========================================================
   WYLOGOWANIE I POWRÓT DO STRONY
========================================================== */

.tds-dashboard-page .dashboard-sidebar .logout,
.tds-dashboard-page .rh_dashboard__sidebar .logout {
margin-top: 8px;
}

.tds-dashboard-page .dashboard-sidebar a[href="/"],
.tds-dashboard-page .rh_dashboard__sidebar a[href="/"] {
display: flex !important;
align-items: center;
min-height: 44px;
padding: 0 16px !important;
color: #777a75;
font-size: 12px;
font-weight: 600;
}

.tds-dashboard-page .dashboard-sidebar a[href="/"]::before,
.tds-dashboard-page .rh_dashboard__sidebar a[href="/"]::before {
flex: 0 0 21px !important;
width: 21px !important;
height: 21px !important;
margin-right: 13px !important;
background-color: #777a75 !important;
-webkit-mask-size: 21px 21px !important;
mask-size: 21px 21px !important;
}

/* ==========================================================
   PRZYCISKI GŁÓWNE — LŻEJSZY STYL TARG
========================================================== */

.tds-app-add-property,
.tds-dashboard-page .dashboard-header .button,
.tds-dashboard-page .dashboard-header .btn,
.tds-dashboard-page .dashboard-content .btn-primary,
.tds-dashboard-page .dashboard-content .rh-btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 0 19px;
color: #ffffff !important;
background: #bd8847 !important;
border: 1px solid #b67f3d !important;
border-radius: 9px !important;
box-shadow:
0 1px 2px rgba(44, 31, 17, 0.08) !important;
font-size: 13px !important;
font-weight: 650 !important;
letter-spacing: 0 !important;
transition:
background-color 150ms ease,
border-color 150ms ease,
transform 150ms ease;
}

.tds-app-add-property:hover,
.tds-dashboard-page .dashboard-header .button:hover,
.tds-dashboard-page .dashboard-header .btn:hover,
.tds-dashboard-page .dashboard-content .btn-primary:hover,
.tds-dashboard-page .dashboard-content .rh-btn-primary:hover {
background: #a97438 !important;
border-color: #a16c31 !important;
transform: translateY(-1px);
}

.tds-app-add-property > span:first-child {
font-size: 18px;
font-weight: 400;
line-height: 1;
}

/* ==========================================================
   PUSTY WIDOK ULUBIONYCH — WŁASNA IKONA I TREŚĆ
========================================================== */

.tds-dashboard-module-favorites .dashboard-no-items,
.tds-dashboard-module-favorites .no-items-found,
.tds-dashboard-module-favorites .dashboard-content .no-results {
position: relative;
width: min(100%, 660px);
min-height: 310px;
margin: 32px auto;
padding: 54px 42px 48px;
background: #ffffff;
border: 1px solid #e3dfd7;
border-radius: 15px;
box-shadow:
0 1px 2px rgba(28, 30, 27, 0.02),
0 14px 34px rgba(28, 30, 27, 0.045);
}

/* Całkowite usunięcie grafiki RealHomes. */

.tds-dashboard-module-favorites .dashboard-no-items img,
.tds-dashboard-module-favorites .no-items-found img,
.tds-dashboard-module-favorites .dashboard-content .no-results img,
.tds-dashboard-module-favorites .dashboard-no-items svg,
.tds-dashboard-module-favorites .no-items-found svg,
.tds-dashboard-module-favorites .dashboard-content .no-results svg {
display: none !important;
}

/* Własna ikona serca TARG. */

.tds-dashboard-module-favorites .dashboard-no-items::before,
.tds-dashboard-module-favorites .no-items-found::before,
.tds-dashboard-module-favorites .dashboard-content .no-results::before {
content: "";
display: block;
width: 72px;
height: 72px;
margin: 0 auto 28px;
background-color: #a87944;
-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M54 15c-6-6-15-6-21 0l-1 1-1-1c-6-6-15-6-21 0s-6 15 0 21l22 21 22-21c6-6 6-15 0-21Z'/%3E%3Cpath d='M39 35h12'/%3E%3Cpath d='M45 29v12'/%3E%3C/svg%3E");
mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M54 15c-6-6-15-6-21 0l-1 1-1-1c-6-6-15-6-21 0s-6 15 0 21l22 21 22-21c6-6 6-15 0-21Z'/%3E%3Cpath d='M39 35h12'/%3E%3Cpath d='M45 29v12'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}

/*
 * Ukrywamy oryginalny tekst wizualnie i wstawiamy
 * nową treść, bez wykrzyknika oraz języka RealHomes.
 */

.tds-dashboard-module-favorites .dashboard-no-items h3,
.tds-dashboard-module-favorites .no-items-found h3,
.tds-dashboard-module-favorites .dashboard-content .no-results h3 {
margin: 0 0 12px !important;
font-size: 0 !important;
}

.tds-dashboard-module-favorites .dashboard-no-items h3::before,
.tds-dashboard-module-favorites .no-items-found h3::before,
.tds-dashboard-module-favorites .dashboard-content .no-results h3::before {
content: "Zapisz oferty, do których chcesz wrócić";
display: block;
color: #2e302d;
font-size: 21px;
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.025em;
}

.tds-dashboard-module-favorites .dashboard-no-items p,
.tds-dashboard-module-favorites .no-items-found p,
.tds-dashboard-module-favorites .dashboard-content .no-results p {
max-width: 480px;
margin: 0 auto !important;
font-size: 0 !important;
}

.tds-dashboard-module-favorites .dashboard-no-items p::before,
.tds-dashboard-module-favorites .no-items-found p::before,
.tds-dashboard-module-favorites .dashboard-content .no-results p::before {
content: "Kliknij ikonę serca przy wybranej nieruchomości, aby pojawiła się w tym miejscu.";
display: block;
color: #747771;
font-size: 14px;
font-weight: 400;
line-height: 1.65;
}

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

@media (max-width: 900px) {
.tds-dashboard-page .dashboard-sidebar nav > ul > li,
.tds-dashboard-page .dashboard-sidebar .user-nav > li,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li {
margin-right: 10px !important;
margin-left: 10px !important;
}

.tds-dashboard-page .dashboard-sidebar nav > ul > li > a,
.tds-dashboard-page .dashboard-sidebar .user-nav > li > a,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a,
.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a {
padding-right: 13px !important;
padding-left: 13px !important;
}
}