#block-rentaten-content a.booking-link {
  color:#ffffff !important;
}

.rentaten-date-hidden {
  display: none;
}

/* Poista kalenterin varjo ja tee siitä "form-field"-henkinen */
.flatpickr-calendar {
  box-shadow: none !important;
  border: 1px solid #ddd;
  border-radius: 6px;
}

/* Flatpickr header: tee tilaa ja estä yliajot */
.flatpickr-months {
  display: flex;
  align-items: center;
}

.flatpickr-month {
  overflow: visible !important;
}

.flatpickr-current-month {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  padding: 6px 0 !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #111 !important;
}

.flatpickr-current-month .cur-month {
  color: #111 !important;
}

.flatpickr-current-month input.cur-year {
  color: #111 !important;
  font-weight: 600 !important;
}

/* Nuolien näkyvyys */
.flatpickr-prev-month,
.flatpickr-next-month {
  color: #111 !important;
  fill: #111 !important;
  opacity: 1 !important;
}

/* Varatut päivät */
.flatpickr-day.rentaten-booked {
  background: #fafafa !important;
  border: 1px solid transparent !important; 
  margin: 2px;
  max-width: 35px;
  height: 35px;
  line-height: 33px;
  
  color: #bebebe !important; 
  text-decoration-line: line-through;
  text-decoration-color: #bebebe;
  text-decoration-thickness: 1.2px;
  cursor: not-allowed !important;
  opacity: 0.6 !important; 
}

/* Älä muuta hover/focus/selected-tyyleillä varattuja päiviä */
.flatpickr-day.rentaten-booked:hover,
.flatpickr-day.rentaten-booked:focus,
.flatpickr-day.rentaten-booked.flatpickr-day:hover,
.flatpickr-day.rentaten-booked.selected,
.flatpickr-day.rentaten-booked.startRange,
.flatpickr-day.rentaten-booked.endRange,
.flatpickr-day.rentaten-booked.inRange {
  background: transparent !important;
  border-color: transparent !important;
  color: #1b9ae4 !important;
}

/* Varmista ettei disabled-look tee siitä harmaata ja “epäselvää” */
.flatpickr-day.flatpickr-disabled.rentaten-booked {
  opacity: 1 !important;
}

/* Erityinen varmistus Flatpickrin omalle disabled-hoverille */
.flatpickr-day.flatpickr-disabled.rentaten-booked:hover {
  background: #fafafa !important;
  color: #bebebe !important;
}

.flatpickr-day:not(.rentaten-booked):not(.flatpickr-disabled):hover {
  background: #e1f5fe !important;
}

.flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover {
  color:#393939 !important;
}

.flatpickr-day:not(.rentaten-booked):not(.flatpickr-disabled) {
  border:1px solid #569ff7 !important;
}

.flatpickr-day:not(.rentaten-booked):not(.flatpickr-disabled).inRange {
  border:0px !important;
}

.flatpickr-day.inRange {
  background-color:#e1f5fe;
  -webkit-box-shadow: -5px 0 0 #e1f5fe, 5px 0 0 #e1f5fe;
  box-shadow: -5px 0 0 #e1f5fe, 5px 0 0 #e1f5fe;
}


/* Piilota Claro-teeman ohjelaatikko ja pikavalinta-tähti */
#block-claro-help,
.shortcut-action {
  display: none !important;
}

div#edit-inner .rentaten-booking-product__title {
  font-size: 1.5rem !important;
  margin: 14px 0px !important;
}

/* Piilota turhat välilehdet varmuuden vuoksi myös CSS:llä jos ID:t tiedossa */
.tabs.primary a[data-drupal-link-system-path*="/notes"],
.tabs.primary a[data-drupal-link-system-path*="/resend"] {
    display: none !important;
}

/* Piilota Claro-teeman ohjelaatikko */
#block-claro-help {
  display: none !important;
}

/* Tyylitellään "Takaisin hallintaan" välilehti näyttämään samalta kuin muut */
.tabs.primary .tabs__tab a {
    display: inline-block;
    padding: 12px 20px;
    text-decoration: none;
    font-weight: 600;
}

/* Jos linkki näyttää yhä erilaiselta, pakotetaan se Claron tyyliin */
.tabs.primary li:has(a[href*="/results/submissions"]) {
    margin-right: 5px;
}

/* Kohdistetaan tarkasti ID:n kautta koko wrapperiin */
#rentaten-critical-toggle {
    background-color: #fce4e4 !important;
    border: 2px solid #ea5455 !important;
    padding: 20px 20px 20px 45px !important; /* Lisätty vasen padding checkboxille */
    margin-top: 20px !important;
    margin-left: 0 !important;
    margin-bottom: 25px !important;
    border-radius: 8px !important;
    position: relative; /* Tarvitaan checkboxin asemointiin */
    box-sizing: border-box !important;
    /* Tasaus muiden elementtien kanssa */
    width: 100% !important;
    max-width: 100% !important;
}

/* Siirretään itse checkbox (input) laatikon sisälle */
#rentaten-critical-toggle input[type="checkbox"] {
    position: absolute !important;
    left: 20px !important;
    top: 34px !important; /* Säädä tätä, jotta se on linjassa tekstin kanssa */
    margin: 0 !important;
}

/* Tekstin (label) asettelu */
#rentaten-critical-toggle label.option {
    color: #b91c1c !important;
    font-weight: bold !important;
    font-size: 1.1rem !important;
    display: inline-block !important;
    margin-bottom: 5px !important;
    cursor: pointer;
}

/* Kuvauksen siistiminen */
#rentaten-critical-toggle .form-item__description {
    color: #444 !important;
    margin-top: 5px !important;
    font-style: italic;
    font-size: 0.95rem !important;
}

/* Peruutuspainikkeen tyyli */
.button--danger {
    background-color: #ea5455 !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer;
}

.button--danger:hover {
    background-color: #d94343 !important;
}

/* Jos varaus on peruutettu, korostetaan ilmoitusta */
.messages--warning {
    border-left: 6px solid #f27474 !important;
    background-color: #fce4e4 !important;
    padding: 15px !important;
    font-weight: bold;
}

/* Peruutusilmoitus */
.booking-cancelled-banner {
    background-color: #fff5f5 !important;
    color: #c53030 !important;
    border: 1px solid #feb2b2 !important;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    padding: 20px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

/* Arkistolaatikko */
.rentaten-booking-summary {
    background: #ffffff;
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 20px;
}

/* Yksittäinen tietue ja välistys ennen uutta otsikkoa */
.booking-archive-item {
    margin-top: 25px; /* Luo raon edellisen tiedon ja uuden otsikon väliin */
}

/* Otsikko */
.booking-archive-label {
    display: block;
    font-weight: 800 !important;
    color: #000 !important;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

/* Itse tieto */
.booking-archive-value {
    display: block;
    color: #444;
    font-size: 1.1em;
    line-height: 1.4;
}