/**
 * TARG Dashboard — final refinements.
 */

/* ==========================================================
   LOGO — JASNE TŁO, GRAFITOWA WERSJA BIAŁEGO PLIKU
========================================================== */

.tds-app-header-brand {
min-width: 300px !important;
padding: 0 26px !important;
background: #ffffff !important;
border-right: 1px solid #e6e3dd !important;
}

.tds-app-header-brand .tds-dashboard-logo img {
max-width: 174px;
max-height: 52px;
opacity: 1 !important;

/*
 * Białe piksele logo stają się grafitowe.
 * Plik graficzny nie jest modyfikowany.
 */
filter:
brightness(0)
saturate(100%)
invert(14%)
sepia(5%)
saturate(494%)
hue-rotate(43deg)
brightness(93%)
contrast(91%) !important;
}

.tds-app-header-brand .tds-app-menu-toggle {
color: #343632 !important;
}

.tds-app-header-brand .tds-app-menu-toggle span {
background: currentColor !important;
}

/* ==========================================================
   AWATAR
========================================================== */

.tds-app-user-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
height: 42px;
overflow: hidden;
background: #f1efe9;
border: 1px solid #e4e1db;
border-radius: 50%;
}

.tds-app-user-avatar img,
.tds-user-avatar-image {
display: block;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: cover;
border-radius: 50%;
}

.tds-user-avatar-initial {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #ffffff;
background: #9a6f42;
font-size: 16px;
font-weight: 700;
}

/* ==========================================================
   SIDEBAR — USUNIĘCIE WSZYSTKICH STARYCH IKON REALHOMES
========================================================== */

.tds-dashboard-page .dashboard-sidebar nav a > i,
.tds-dashboard-page .dashboard-sidebar nav a > svg,
.tds-dashboard-page .dashboard-sidebar nav a > img,
.tds-dashboard-page .dashboard-sidebar nav a .fas,
.tds-dashboard-page .dashboard-sidebar nav a .far,
.tds-dashboard-page .dashboard-sidebar nav a .fab,
.tds-dashboard-page .dashboard-sidebar nav a .rh-icon,
.tds-dashboard-page .dashboard-sidebar nav a .menu-icon,
.tds-dashboard-page .dashboard-sidebar nav a .icon,
.tds-dashboard-page .dashboard-sidebar .dashboard-menu-icon,
.tds-dashboard-page .rh_dashboard__sidebar a > i,
.tds-dashboard-page .rh_dashboard__sidebar a > svg,
.tds-dashboard-page .rh_dashboard__sidebar a > img,
.tds-dashboard-page .rh_dashboard__sidebar .rh-icon,
.tds-dashboard-page .rh_dashboard__sidebar .menu-icon,
.tds-dashboard-page .user-nav a > i,
.tds-dashboard-page .user-nav a > svg,
.tds-dashboard-page .user-nav a > img {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
}

/*
 * Usunięcie starych pseudoelementów RealHomes.
 * Nasze ikony korzystają z ::before.
 */

.tds-dashboard-page .dashboard-sidebar nav li::before,
.tds-dashboard-page .dashboard-sidebar nav li::after,
.tds-dashboard-page .rh_dashboard__sidebar li::before,
.tds-dashboard-page .rh_dashboard__sidebar li::after {
content: none !important;
}

/* Jeden zestaw ikon TDS. */

.tds-dashboard-page .dashboard-sidebar nav a::before,
.tds-dashboard-page .rh_dashboard__sidebar a::before,
.tds-dashboard-page .user-nav a::before {
display: inline-block !important;
flex: 0 0 20px !important;
width: 20px !important;
height: 20px !important;
margin: 0 13px 0 0 !important;
padding: 0 !important;
background-color: #777a74;
opacity: 1 !important;
}

/* Podmenu: delikatny złoty znacznik zamiast ikony. */

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

/*
 * Usuwamy dodatkowy odstęp pozostawiony
 * przez stare ikony RealHomes.
 */

.tds-dashboard-page .dashboard-sidebar nav a,
.tds-dashboard-page .rh_dashboard__sidebar a,
.tds-dashboard-page .user-nav a {
display: flex;
align-items: center;
}

/* Aktywny element. */

.tds-dashboard-page .dashboard-sidebar .active > a::before,
.tds-dashboard-page .dashboard-sidebar .current > a::before,
.tds-dashboard-page .rh_dashboard__sidebar .active > a::before,
.tds-dashboard-page .user-nav .active > a::before {
background-color: #9a6f42;
}

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

.tds-dashboard-page
.dashboard-sidebar
a[href="/"]::before,

.tds-dashboard-page
.rh_dashboard__sidebar
a[href="/"]::before {
-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6 4 12l6 6'/%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E") !important;

mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6 4 12l6 6'/%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E") !important;

-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: 20px 20px !important;
mask-size: 20px 20px !important;

background-color: #777a74 !important;
border-radius: 0 !important;
}

/* ==========================================================
   WYSZUKIWARKA NAD LISTĄ
========================================================== */

.tds-dashboard-page .dashboard-search-form,
.tds-dashboard-page .dashboard-content .search-form,
.tds-dashboard-page .rh_dashboard__search {
position: relative;
width: min(100%, 430px);
min-height: 56px;
overflow: hidden;
background: #ffffff;
border: 1px solid #e2ded7;
border-radius: 12px;
box-shadow:
0 1px 2px rgba(28, 30, 27, 0.025),
0 8px 22px rgba(28, 30, 27, 0.055);
}

.tds-dashboard-page .dashboard-search-form input,
.tds-dashboard-page .dashboard-content .search-form input,
.tds-dashboard-page .rh_dashboard__search input {
width: 100%;
min-height: 56px;
padding: 0 58px 0 18px;
color: #343632;
background: transparent;
border: 0 !important;
box-shadow: none !important;
font-size: 15px;
}

.tds-dashboard-page .dashboard-search-form button,
.tds-dashboard-page .dashboard-content .search-form button,
.tds-dashboard-page .rh_dashboard__search button {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 56px;
color: #ffffff;
background: #9a6f42;
border: 0;
}

.tds-dashboard-page .dashboard-search-form:focus-within,
.tds-dashboard-page .dashboard-content .search-form:focus-within,
.tds-dashboard-page .rh_dashboard__search:focus-within {
border-color: #d4b17a;
box-shadow:
0 0 0 3px rgba(154, 111, 66, 0.09),
0 8px 22px rgba(28, 30, 27, 0.055);
}

/* ==========================================================
   PASEK NAD WYNIKAMI
========================================================== */

#dashboard-properties .dashboard-posts-list,
#dashboard-favorites .dashboard-posts-list,
.tds-dashboard-favorites .dashboard-posts-list {
overflow: visible;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}

#dashboard-properties .dashboard-posts-list-top,
#dashboard-properties .dashboard-posts-list-header,
#dashboard-properties .dashboard-posts-list-controls,
#dashboard-properties .dashboard-posts-list-head + *,
#dashboard-favorites .dashboard-posts-list-top,
#dashboard-favorites .dashboard-posts-list-header,
#dashboard-favorites .dashboard-posts-list-controls {
margin-bottom: 20px;
}

/*
 * Górny pasek nawigacyjny RealHomes.
 */

#dashboard-properties .dashboard-posts-list > .pagination,
#dashboard-properties .dashboard-posts-list > .dashboard-posts-list-nav,
#dashboard-properties .dashboard-posts-list > .dashboard-posts-list-top,
#dashboard-favorites .dashboard-posts-list > .pagination,
#dashboard-favorites .dashboard-posts-list > .dashboard-posts-list-nav,
#dashboard-favorites .dashboard-posts-list > .dashboard-posts-list-top {
padding: 15px 18px;
background: #ffffff;
border: 1px solid #e4e1db;
border-radius: 12px;
box-shadow:
0 1px 2px rgba(28, 30, 27, 0.02),
0 6px 18px rgba(28, 30, 27, 0.035);
}

/* RealHomes często umieszcza pasek poza dashboard-posts-list. */

#dashboard-properties > form,
#dashboard-properties > .pagination,
#dashboard-properties > .dashboard-posts-list-nav,
#dashboard-properties > .dashboard-posts-list-top,
#dashboard-favorites > form,
#dashboard-favorites > .pagination,
#dashboard-favorites > .dashboard-posts-list-nav,
#dashboard-favorites > .dashboard-posts-list-top {
margin-bottom: 20px;
}

/* Pewny odstęp pomiędzy kontrolkami a pierwszą kartą. */

#dashboard-properties .tds-properties-grid,
#dashboard-favorites .tds-properties-grid,
.tds-dashboard-favorites .tds-properties-grid,
#dashboard-favorites .dashboard-posts-list-body {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
margin-top: 20px;
}

/* ==========================================================
   ULUBIONE — KARTY TDS
========================================================== */

#dashboard-favorites .dashboard-posts-list-head,
.tds-dashboard-favorites .dashboard-posts-list-head {
display: none !important;
}

#dashboard-favorites .post-column-wrap,
.tds-dashboard-favorites .post-column-wrap {
position: relative;
display: grid;
grid-template-columns: 330px minmax(0, 1fr);
width: 100%;
min-height: 220px;
margin: 0;
padding: 0;
overflow: hidden;
background: #ffffff;
border: 1px solid #e4e1db;
border-radius: 15px;
box-shadow:
0 1px 2px rgba(28, 30, 27, 0.025),
0 8px 24px rgba(28, 30, 27, 0.04);
}

#dashboard-favorites .tds-property-result-card,
.tds-dashboard-favorites .tds-property-result-card {
display: grid;
grid-template-columns: 330px minmax(0, 1fr);
}

#dashboard-favorites .tds-property-result-card__media,
.tds-dashboard-favorites .tds-property-result-card__media {
padding: 18px 0 18px 18px;
}

#dashboard-favorites
.tds-property-result-card__media
figure,

.tds-dashboard-favorites
.tds-property-result-card__media
figure {
width: 100%;
height: 184px !important;
min-height: 184px !important;
max-height: 184px !important;
margin: 0;
overflow: hidden;
border-radius: 11px;
}

#dashboard-favorites
.tds-property-result-card__media
img,

.tds-dashboard-favorites
.tds-property-result-card__media
img {
width: 100%;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
object-fit: cover;
}

#dashboard-favorites .post-actions-wrapper,
.tds-dashboard-favorites .post-actions-wrapper {
display: none !important;
}

/* ==========================================================
   PUSTY WIDOK ULUBIONYCH
========================================================== */

.tds-dashboard-page .dashboard-no-items,
.tds-dashboard-page .no-items-found,
.tds-dashboard-page .dashboard-content .no-results {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: min(100%, 720px);
min-height: 320px;
margin: 32px auto;
padding: 52px 36px;
text-align: center;
background: #ffffff;
border: 1px solid #e4e1db;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(28, 30, 27, 0.025),
0 12px 32px rgba(28, 30, 27, 0.045);
}

.tds-dashboard-page .dashboard-no-items img,
.tds-dashboard-page .no-items-found img,
.tds-dashboard-page .dashboard-content .no-results img {
width: auto;
max-width: 118px;
max-height: 118px;
margin-bottom: 26px;
opacity: 0.7;
filter:
grayscale(1)
sepia(0.25)
saturate(0.75)
brightness(0.77);
}

.tds-dashboard-page .dashboard-no-items h3,
.tds-dashboard-page .no-items-found h3,
.tds-dashboard-page .dashboard-content .no-results h3 {
margin: 0 0 10px;
color: #2d2f2c;
font-size: 21px;
line-height: 1.35;
font-weight: 700;
letter-spacing: -0.02em;
}

.tds-dashboard-page .dashboard-no-items p,
.tds-dashboard-page .no-items-found p,
.tds-dashboard-page .dashboard-content .no-results p {
max-width: 470px;
margin: 0;
color: #777a75;
font-size: 14px;
line-height: 1.65;
}

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

@media (max-width: 900px) {
.tds-app-header-brand {
min-width: auto !important;
padding: 0 18px !important;
}

#dashboard-favorites .post-column-wrap,
.tds-dashboard-favorites .post-column-wrap,
#dashboard-favorites .tds-property-result-card,
.tds-dashboard-favorites .tds-property-result-card {
grid-template-columns: 250px minmax(0, 1fr);
}
}

@media (max-width: 680px) {
#dashboard-favorites .post-column-wrap,
.tds-dashboard-favorites .post-column-wrap,
#dashboard-favorites .tds-property-result-card,
.tds-dashboard-favorites .tds-property-result-card {
grid-template-columns: minmax(0, 1fr);
}

#dashboard-favorites .tds-property-result-card__media,
.tds-dashboard-favorites .tds-property-result-card__media {
padding: 14px 14px 0;
}

#dashboard-favorites
.tds-property-result-card__media
figure,

.tds-dashboard-favorites
.tds-property-result-card__media
figure {
height: 220px !important;
min-height: 220px !important;
max-height: 220px !important;
}
}