// This file is part of Indico.
// Copyright (C) 2002 - 2026 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'rb:styles/palette' as *;
@use 'rb:styles/responsive' as *;

.room-stats {
  display: flex;
  justify-content: space-around;
  color: $light-black;
  @media (min-width: $tablet-width) {
    padding: 0 3em;
  }

  .stats-box {
    text-transform: uppercase;
    background-color: $light-gray;
    width: 100%;

    .title {
      font-weight: bold;
      padding: 0.5em 1em;
      color: $black;
      background-color: lighten($raincloud-gray, 10%);
    }

    .value-box {
      padding: 0.5em 1em;

      .days {
        font-size: 0.8em;
      }

      .value {
        font-size: 1.25em;
        font-weight: bold;
      }
    }

    .note {
      text-transform: none;
      padding: 0 1em;
      font-size: 0.85em;
    }
  }
}

.placeholder {
  margin: 0 3em;
}
