:root {
  --primary: #E31E25;
  --white: #fff;
  --ltn__paragraph-color: #5C727D;
  --section-bg-1: #F6F6F6;
  --ltn__secondary-color: #DE141F;
  --color-text: #666666;
	
  --color-green: #2a842a !important; 
  --color-orange: #ff9800 !important;
  --color-red: #f44336!important;
	
  --color-green-fill: rgba(0, 128, 0, 0.3) !important; 
  --color-red-fill: rgba(204, 0, 0, 0.3) !important; 
  --color-orange-fill: rgba(255, 165, 0, 0.3) !important; 
	
  --color-green-stroke: rgba(0, 128, 0, 1) !important; 
  --color-red-stroke: rgba(204, 0, 0, 1) !important; 
  --color-orange-stroke: rgba(255, 165, 0, 1) !important;
}

/* DODATKOWE */

.header.h-9 .logo-header img {width: auto !important; max-height: 100px !important;}
.tf-sw-slideshow .swiper-slide {padding-top: 100px;}
.desc p, .text p {padding-bottom: 16px;}
h2.szczegoly{font-size: 45px; line-height: 55px !important;}

.main-content .desc{font-family: "Barlow", sans-serif; color: var(--color-text);}

.main-content ul {
  padding-left: 70px;
  padding-bottom: 1rem !important;
}

.main-content ul li::before {
  color: var(--primary);
  font-family: 'icomoon' !important;
  content: "\e98b";
  padding-right: 20px;
  margin-left: -40px;
  font-weight: 900;
  vertical-align: middle;
}

/* WYŁĄCZENIE tylko w .tab-product */
.main-content ul.tab-product li.nav-tab-item::before,
.main-content ul.tab-product li.nav-tab-item a::before,
.table ul li::before{
  content: "" !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
}

.no-rotate{transform: translate(-50%, -50%) rotate(0) !important;}
.return {max-width: 30px; max-height: 30px;}

.odometer-inside{
	display: flex !important;
	flex-wrap: nowrap !important;
}


@media only screen and (min-width: 991px) {
	.sub-menu{text-wrap: nowrap !important;}
	#onas_desc{max-width: 558px;}
}
@media only screen and (min-width: 651px) {
	.wg-counter.style-border-top .counter-item.w25 {width: 50% !important;}
}
@media only screen and (max-width: 650px) {
	.wg-counter.style-border-top .counter-item.w25 {width: 100% !important;}
}
@media only screen and (max-width: 400px) {
	.join-team-box .box-content{padding-right: 0 !important}
	.join-team-box .image-item{max-width: 70% !important}
	.wg-year .counter-item .text {font-size: 14px;letter-spacing: 0 !important;}
	
}


/* ================== TOOLTIPS ================== */

.hidden {display: none !important;}	
.imagemapper-polygon {
    pointer-events: all;
}

.imagemapper-polygon.Wolne{fill: var(--color-green-fill);  stroke: var(--color-green-stroke);}
.imagemapper-polygon.Zarezerwowane{fill: var(--color-orange-fill);  stroke: var(--color-orange-stroke);}
.imagemapper-polygon.Sprzedane{fill: var(--color-red-fill);  stroke: var(--color-red-stroke);}


.apartment-tooltip {
    padding: 0;
    min-width: 250px;
	color: #fff !important;
}

.apt-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.apt-header h4 {
    margin: 0;
    font-size: 16px;
    color: #fff;
}

.apt-status {
    padding: 4px 9px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.apt-status.Wolne {
    background: var(--color-green);
    color: var(--color-white);
}

.apt-status.Zarezerwowane {
    background:  var(--color-orange);;
    color: white;
}

.apt-status.Sprzedane {
    background: var(--color-red);
    color: var(--color-white);
}

.apt-details {
    margin: 10px 0;
}

.apt-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 0;
    font-size: 14px;
    color: #fff;
}

.apt-icon {
    font-size: 16px;
}

.apt-footer {
    padding-top: 10px;
    border-top: 1px solid #fff;
    margin-top: 10px;
}

.apt-link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}

.apt-link:hover {
    text-decoration: underline;
}
	
.floor-tooltip {
    padding: 0;
    max-width: 320px;
}

.floor-header {
    background: var(--primary);
    color: var(--color-white);
    padding: 12px 15px;
    margin: -8px -8px 12px -8px;
}

.floor-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.floor-details {
    padding: 0 8px;
}

.floor-stats {
    color: var(--color-white);
    margin-bottom: 12px;
}

.stat-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

.stat-label {
    color: var(--color-white);
    font-size: 14px;
}

.stat-value {
    color: var(--color-white);
    font-size: 18px;
    font-weight: bold;
	padding-left: 10px;
}

.floor-footer {
    padding: 0 8px 8px 8px;
}

.floor-link {
    display: block;
    color: #007bff;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background 0.3s ease;
}

.floor-link:hover {
    background: #0056b3;
    text-decoration: none;
    color: var(--color-white);
}	


/* ==================== POP-UP =================== */

#popupModalCheck{border-radius: 0 !important; border: 1px solid black;}
.modal-dialog{max-width: 1200px !important; min-width: 200px !important; display:table !important;}
.modal-dialog img {display: block !important; max-height: 80vh !important; max-width: 100% !important;}
.modal-content {border-radius: 0 !important; }
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}

@media only screen and (min-width: 992px) {
  .modal-lg {width: 900px;}
}

@media only screen and (min-width: 768px) {
  .modal-dialog {margin: 20px auto; display: table !important;}
  .xmodal-dialog img {display: block !important; height: 100% !important; max-height: 80vh !important; max-width: 100% !important;}
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {width: 300px;}
}
@media only screen and (max-width: 768px) {
  .modal-dialog {margin: 20px auto; display: table !important;}
}

/* ================= Suwaki - noUISlider =============== */

    .slider-styled {
      height: 10px;
      margin: 0 auto;
      border-radius: 0;
    }
    .slider-styled .noUi-connect {
      background: #c0392b;
    }
    .slider-styled .noUi-handle {
      height: 18px;
      width: 18px;
      top: -5px;
      right: -9px;
      border-radius: 0;
    }

/*==================== Tabele ==================== */

.table > :not(caption) > * > * {
  background-color: transparent !important;
}

.table th, .table td {
    padding: 7px 10px;
    text-align: center;
    border-style: solid;
    vertical-align: middle;
	border-width: 0 1px 1px 0;
	border-color: rgba(0, 0, 0, .08);
}
.table th {background-color: var(--white) !important; color: var(--ltn__paragraph-color); padding: 20px 10px; text-align: center !important}
.table tr:nth-child(2n) {background-color: var(--section-bg-1) !important;}

.table tr.Sprzedane{color: #a5a5a5}

.table .pietro, .cena{white-space:nowrap;}
.table .status_Wolne, .table .status_Zarezerwowane, .table .status_Sprzedane, 
.status_Wolne, .status_Zarezerwowane, .status_Sprzedane{color: #fff !important; text-transform: uppercase !important}
.table .status_Wolne, .status_Wolne{background-color: #2a842a !important}
.table .status_Zarezerwowane, .status_Zarezerwowane{background-color: #ffbb3e !important}
.table .status_Sprzedane, .status_Sprzedane{background-color: var(--ltn__secondary-color) !important}

.table#mieszkania {width: 100%;}

/* ================= Datatable ===================== */

table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
	opacity: 0.5;
}
table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::after {
  opacity: 1;
}
td.child{padding-left: 0; padding-right: 0; padding-bottom: 0;}
td.child > ul {padding: 0; margin-bottom: 0;}
li.dtr-hidden{list-style-type: none !important;}

/* dopasuj child row do koloru parenta w Datatable */
table.table#mieszkania tbody tr.odd.child,
table.table#mieszkania tbody tr.odd + tr.child {
    background-color: #f2f2f2 !important;
}
table.dataTable.table-striped > tbody > tr.odd > td {box-shadow: none}

table.table#mieszkania tbody tr.even.child,
table.table#mieszkania tbody tr.even + tr.child {
    background-color: #ffffff !important;
}
table#mieszkania tbody tr.child {
    --bs-table-bg: parent;  
    background-color: var(--bs-table-bg) !important;
}

table#mieszkania li.status_Wolne, 
table#mieszkania li.status_Zarezerwowane, 
table#mieszkania li.status_Sprzedane {padding: 7px; margin-top: 7px; border-bottom: 15px solid #fff;}

.table > :not(caption) > tr.promocja > * {background-color: var(--color-green) !important; color: #fff; font-weight: 500;}

table#mieszkania .dtr-data {padding-left: 10px}

[id^="mieszkania"][id$="_filter"]{display: none !important}
table[id^="mieszkania"].dataTable {margin-top: 0 !important}	
table.dataTable {width: 100% !important;}