.rnb-cart-global-date {
  margin-bottom: 20px;
}
.rnb-modal-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  z-index: 10000;
  border: 1px solid #ccc;
  max-width: 90%;
  max-height: 80vh;
  overflow-y: auto;
}
#rnb-modal {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  display:none;
  z-index: 9999;
}
.rnb-modal-close {
  position:absolute;
  top:5px;
  right:10px;
  cursor:pointer;
  font-size: 24px;
  font-weight: bold;
}
.rnb-calendar-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}

.rnb-calendar-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

/* Podstawowy wygląd siatki */
.rnb-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

.rnb-weekday {
  font-weight: bold;
  background: #f5f5f5;
  padding: 6px;
  border-radius: 4px;
  text-align: center;
}

.rnb-day {
  padding: 6px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}

/* Kolorowanie wg dostępności */
.rnb-day.high {
  background: #d8ffd8; /* zielony */
}

.rnb-day.medium {
  background: #fff8d8; /* żółty */
}

.rnb-day.low {
  background: #ffe2b5; /* pomarańczowy */
}

.rnb-day.unavailable {
  background: #ffd8d8; /* czerwony */
  cursor: not-allowed;
}

.rnb-day.empty {
  background: transparent;
  cursor: default;
}

/* Badges dostępności */
.rnb-stock {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
}

.rnb-in-stock {
    background-color: #28a745; /* zielony */
}

.rnb-low-stock {
    background-color: #ffc107; /* pomarańczowy */
    color: #212529;
}

.rnb-out-of-stock {
    background-color: #dc3545; /* czerwony */
}