html:root {
--breadcrumb-active: #aba389;
--breadcrumb-inactive: #858585;
--button1-background: #aba389;
--button1-text: #fff;
--button1-background-hover: #9b937d;
--button1-text-hover: #fff;
--button2-background: #aba389;
--button2-text: #fff;
--button2-background-hover: #9b937d;
--button2-text-hover: #fff;
--button3-background: #aba389;
--button3-text: #fff;
--button3-background-hover: #9b937d;
--button3-text-hover: #fff;
--link-text: #aba389;
--link-text-hover: #9b937d;
--body-background-color: #f1f1f1;
--body-color: #323232;
--background-section-color: #fff;
--background-text-color: #323232;
--promo-price-color: #9b937dd7;
--cross-price-color: #aaa;
--addonprice-text: #fff;
--addonprice-background: #aba389;
--table-text: #323232;
--table-background: #eee;
--input-text: #394263;
--input-background: #fff;
--input-border: #a3a3a3;
--input-text-hover: #9b937d;
--input-border-hover: #9b937d;
--input2-text: #394263;
--input2-border: #a3a3a3;
--summary-color: #aba389;
--tab-top-1: #aba389;
--tab-top-1-text: #fff;
--tab-top-2: #da5e61;
--calendar-persons-icon: #aba389;
--calendar-day-highlight: #aba389;
--calendar-day-highlight-color: #fff;
--calendar-day-highlight-hover: #aba389;
--calendar-day-highlight-disabled: #db5e61;
--calendar-day-available-day: #c9e8c9;
--calendar-day-weekend: #aacbaa;
--button-top-login: #f1f1f1;
--buttton-top-contact: #f1f1f1;
--main-nav-bar: #f1f1f1;
--main-nav-bar-text-color: #323232;
--main-nav-button: #aba389;
--main-nav-button-color: #aba389;
--button1-background-hover-active: #fff;
--button-background-proceed: #aba389;
--button-background-grey: #999;
--calendar-background-color: #fff;
--background-section-color-callendar: #fff;
--calendar-text-color: #323232;
--dark-background-text: #323232;
--callendar-border-color: #cccccc;
--flag-border: #f1f1f1;
--top-link-promo: #fff;
--dark-background-icon: #f1f1f1;
--mainColor: #12374a;
--supportcolor1: #aba389;
--tile-background: #fff;
--subtile-background: #ebebeb;
--subbutton-background: #aba389;
--subbutton-text: #fff;
--tile-border: #ebebeb;
--filter-category-button-color: #aba389;
--share-background: #ebebeb;
}








/* Modernizacja legendy */
.litepicker__legend {
  display: flex;
  gap: 16px;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 8px;
  margin: 12px 16px 8px 16px;
  font-size: 13px;
}

.legend__halfBegin,
.legend__halfEnd {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #495057;
  position: relative;
  padding-left: 24px;
}

.legend__halfBegin::before,
.legend__halfEnd::before {
  content: '';
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: linear-gradient(135deg, #dee2e6 50%, transparent 50%);
}

.legend__halfEnd::before {
  background: linear-gradient(225deg, #dee2e6 50%, transparent 50%);
}

/* Banner informacyjny o turnusach */
.litepicker__legend::after {
  content: '🏡 Dom Tumiany w sezonie dostępny w turnusach od soboty do soboty';
  display: block;
  width: calc(100% + 32px);
  margin: 8px -16px -12px -16px;
  padding: 12px 20px;
  background: transparent;
  border-top: 1px solid #e0e0e0;
  border-radius: 0;
  font-size: 13px;
  font-weight: 600;
  color: #2c5f7a;
  text-align: center;
  letter-spacing: 0.2px;
}

/* Modernizacja głównego kontenera */
.litepicker {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.container__main {
  border-radius: 12px;
}

/* Modernizacja nagłówka miesiąca */
.month-item-header {
  padding: 16px;
  background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
  border-bottom: 1px solid #e9ecef;
}

.month-item-name {
  font-size: 16px;
  text-transform: capitalize;
}

.month-item-year {
  margin-left: 6px;
  color: #6c757d;
  font-weight: 400;
}

/* Modernizacja przycisków nawigacji */
.button-previous-month,
.button-next-month {
  border-radius: 6px;
  transition: all 0.2s ease;
  padding: 8px;
}

.button-previous-month:hover,
.button-next-month:hover {
  background: #e9ecef;
}

/* Modernizacja dni - BEZ powiększania przy hover */
.day-item {
  border-radius: 6px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  font-weight: 500;
}

.day-item:hover:not(.is-locked) {
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

/* Dzisiejsza data - zielony akcent */
.day-item.is-today {
  font-weight: 700;
  box-shadow: inset 0 0 0 2px #28a745;
  color: #28a745;
}

.day-item.is-start-date,
.day-item.is-end-date {
  font-weight: 700;
}

/* Modernizacja komunikatu o błędzie */
.litepicker__val.--errorDate {
  padding: 16px;
  border-radius: 8px;
  margin: 12px 16px;
  background: linear-gradient(135deg, #fff3cd 0%, #fff8e1 100%);
  border-left: 4px solid #ffc107;
  font-size: 14px;
  font-weight: 500;
}

/* Dostosowanie dla urządzeń mobilnych */
@media (max-width: 768px) {
  .litepicker__legend {
    flex-direction: column;
    gap: 8px;
  }
  
  .litepicker__legend::after {
    font-size: 12px;
    padding: 10px 16px;
    margin-top: 6px;
  }
}