/**
 * TARG Dashboard — application shell v2.
 *
 * Zakres:
 * - powrót do oryginalnego pionowego logo,
 * - usunięcie breadcrumbs,
 * - wspólne odstępy nagłówków stron,
 * - typografia Satoshi,
 * - uporządkowanie pola logo.
 */

/* ==========================================================
   ZMIENNE
========================================================== */

body.tds-dashboard-page {
--tds-shell-sidebar-width: 365px;
--tds-shell-header-height: 90px;

--tds-shell-canvas: #f7f4ee;
--tds-shell-text: #20221f;
--tds-shell-muted: #74776f;
--tds-shell-border: #e8e1d6;
--tds-shell-gold: #c79a5b;
}

/* ==========================================================
   TYPOGRAFIA
========================================================== */

body.tds-dashboard-page,
body.tds-dashboard-page button,
body.tds-dashboard-page input,
body.tds-dashboard-page select,
body.tds-dashboard-page textarea {
font-family:
"Satoshi",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif !important;

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

/* ==========================================================
   POLE LOGO
========================================================== */

body.tds-dashboard-page
.tds-app-header-brand {
box-sizing: border-box !important;

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

flex: 0 0 var(--tds-shell-sidebar-width) !important;

width: var(--tds-shell-sidebar-width) !important;
min-width: var(--tds-shell-sidebar-width) !important;
max-width: var(--tds-shell-sidebar-width) !important;
height: var(--tds-shell-header-height) !important;

margin: 0 !important;
padding: 9px 28px !important;

background:
linear-gradient(
160deg,
#20211f 0%,
#181918 100%
) !important;

border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================
   PRZYWRÓCENIE ORYGINALNEGO LOGO
========================================================== */

/*
 * Usuwamy poziome logo ustawiane jako background-image.
 */

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo {
box-sizing: border-box !important;

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

width: 100% !important;
max-width: 150px !important;
height: 74px !important;

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

background-image: none !important;
background: none !important;

filter: none !important;
opacity: 1 !important;
visibility: visible !important;
}

/*
 * Przywracamy obraz logo znajdujący się w oryginalnej
 * strukturze nagłówka dashboardu.
 */

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo img {
position: static !important;

display: block !important;

width: auto !important;
height: auto !important;
max-width: 145px !important;
max-height: 72px !important;

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

object-fit: contain !important;

opacity: 1 !important;
visibility: visible !important;

filter:
brightness(0)
invert(1)
contrast(0.94) !important;

transform: none !important;
}

/*
 * Link pozostaje aktywny na całym obszarze logo.
 */

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;

width: 100% !important;
height: 100% !important;

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

/* ==========================================================
   SIDEBAR — DOPASOWANIE DO SZEROKOŚCI LOGO
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2 {
width: var(--tds-shell-sidebar-width) !important;
min-width: var(--tds-shell-sidebar-width) !important;
max-width: var(--tds-shell-sidebar-width) !important;
}

/* ==========================================================
   USUNIĘCIE BREADCRUMBS
========================================================== */

body.tds-dashboard-page :is(
.dashboard-breadcrumbs,
.dashboard-breadcrumb,
.breadcrumbs,
.breadcrumb,
.page-breadcrumbs,
.rh_dashboard__breadcrumbs,
.rh_dashboard__breadcrumb,
.dashboard-page-breadcrumbs,
.dashboard-content-header .breadcrumbs,
.dashboard-content-header .breadcrumb
) {
display: none !important;

width: 0 !important;
height: 0 !important;
max-height: 0 !important;

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

overflow: hidden !important;
visibility: hidden !important;
}

/*
 * Zabezpieczenie przed pustym kontenerem pozostającym
 * po ukryciu breadcrumbs.
 */

body.tds-dashboard-page :is(
.dashboard-content-header,
.dashboard-page-header,
.page-head,
.dashboard-content .page-head
) > :is(
.dashboard-breadcrumbs,
.dashboard-breadcrumb,
.breadcrumbs,
.breadcrumb,
.page-breadcrumbs
) {
display: none !important;
}

/* ==========================================================
   OBSZAR TREŚCI
========================================================== */

body.tds-dashboard-page :is(
.dashboard-content,
.dashboard-content-area,
.dashboard-page-content,
.rh_dashboard__content,
.tds-dashboard-content
) {
box-sizing: border-box !important;

background:
linear-gradient(
135deg,
#f9f7f2 0%,
#f6f2eb 100%
) !important;
}

/* ==========================================================
   GÓRNY OBSZAR STRONY
========================================================== */

body.tds-dashboard-page :is(
.dashboard-content-header,
.dashboard-page-header,
.page-head,
.dashboard-content .page-head
) {
box-sizing: border-box !important;

display: flex !important;
flex-wrap: wrap !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 18px 28px !important;

width: 100% !important;

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

/*
 * Usuwamy sztuczne odstępy pozostawione przez breadcrumb.
 */

body.tds-dashboard-page :is(
.dashboard-content,
.dashboard-content-area,
.dashboard-page-content,
.rh_dashboard__content,
.tds-dashboard-content
) > :first-child {
margin-top: 0 !important;
}

/* ==========================================================
   TYTUŁ STRONY
========================================================== */

body.tds-dashboard-page :is(
.dashboard-page-title,
.dashboard-content-header h1,
.dashboard-page-header h1,
.page-head h1,
.dashboard-content h1,
.dashboard-page-content h1
) {
display: block !important;

width: auto !important;

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

color: var(--tds-shell-text) !important;

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

font-size: clamp(30px, 2.25vw, 40px) !important;
font-weight: 700 !important;
line-height: 1.08 !important;
letter-spacing: -0.045em !important;
}

/* ==========================================================
   WYSZUKIWARKA OBOK TYTUŁU
========================================================== */

body.tds-dashboard-page :is(
.dashboard-content-header,
.dashboard-page-header,
.page-head
) :is(
.dashboard-search,
.dashboard-search-form,
.search-form,
.inspiry-search-form
) {
margin: 0 !important;
}

/* ==========================================================
   PANEL UŻYTKOWNIKA — MNIEJ PUSTEJ PRZESTRZENI
========================================================== */

body.tds-dashboard-module-dashboard
.tds-overview {
margin-top: 24px !important;
}

/* ==========================================================
   MODUŁY LIST
========================================================== */

body.tds-dashboard-page :is(
#dashboard-properties,
#dashboard-favorites,
.tds-dashboard-favorites,
.dashboard-properties,
.dashboard-favorites
) {
margin-top: 0 !important;
}

/* ==========================================================
   PRZYCISK DODAJ OFERTĘ
========================================================== */

body.tds-dashboard-page
.tds-app-add-property {
min-height: 43px !important;
padding: 0 19px !important;

color: #9c652a !important;
background: transparent !important;

border: 1px solid #c99a5b !important;
border-radius: 8px !important;

box-shadow: none !important;

font-size: 14px !important;
font-weight: 600 !important;
}

body.tds-dashboard-page
.tds-app-add-property:hover {
color: #ffffff !important;
background: #b67d3b !important;
border-color: #b67d3b !important;
}

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

@media (max-width: 1100px) {
body.tds-dashboard-page {
--tds-shell-sidebar-width: 315px;
}

body.tds-dashboard-page
.tds-app-header-brand {
padding-right: 20px !important;
padding-left: 20px !important;
}

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo {
max-width: 130px !important;
}

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo img {
max-width: 125px !important;
max-height: 68px !important;
}
}

@media (max-width: 760px) {
body.tds-dashboard-page :is(
.dashboard-content-header,
.dashboard-page-header,
.page-head,
.dashboard-content .page-head
) {
align-items: flex-start !important;
flex-direction: column !important;

margin-bottom: 22px !important;
}

body.tds-dashboard-page :is(
.dashboard-page-title,
.dashboard-content-header h1,
.dashboard-page-header h1,
.page-head h1,
.dashboard-content h1,
.dashboard-page-content h1
) {
font-size: 31px !important;
}
}