@charset "UTF-8";
/* Conteneur principal */
#canteen-registration-calendar {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  background: #fff;
  padding: 0; }
  #canteen-registration-calendar table tr td:nth-child(6),
  #canteen-registration-calendar table tr th:nth-child(6),
  #canteen-registration-calendar table tr td:nth-child(7),
  #canteen-registration-calendar table tr th:nth-child(7) {
    display: none; }

/* Supprimer arrondis et ombres */
.ui-datepicker {
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 0 !important; }

/* En-tête du mois */
.ui-datepicker-header {
  background-color: #2196F3;
  color: #fff;
  font-weight: 500;
  padding: 10px 0;
  text-align: center;
  border-radius: 0 !important;
  position: relative; }

/* Flèches navigation */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 1.2em;
  cursor: pointer;
  color: #fff;
  user-select: none;
  text-decoration: none; }

.ui-datepicker:hover .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next:hover {
  background: none;
  border: none;
  color: black; }

.ui-datepicker-prev {
  left: 10px; }

.ui-datepicker-next {
  right: 10px; }

/* Option : remplacer par des flèches Unicode si pas d'icône */
.ui-datepicker-prev::before {
  content: "◀"; }

.ui-datepicker-next::before {
  content: "▶"; }

/* Noms des jours */
.ui-datepicker th {
  color: #555;
  font-weight: 500;
  font-size: 0.9em;
  padding: 8px 0; }

/* Cases calendrier */
.ui-datepicker td {
  position: relative;
  width: 14.28%;
  height: 100px;
  text-align: left;
  vertical-align: top;
  font-weight: 700;
  font-size: 1.3em;
  box-sizing: border-box;
  border: none; }

.ui-datepicker td a:hover {
  background: none !important;
  color: inherit !important; }

.canteen-disabled a {
  color: #ccc !important;
  background-color: #f9f9f9 !important;
  cursor: default !important; }

.ui-state-default, .ui-state-active {
  background: none !important;
  border-radius: 0 !important;
  color: #333 !important; }

.canteen-yes a::after {
  content: "✔";
  bottom: 10px;
  color: #4CAF50;
  font-weight: bold;
  display: block;
  box-sizing: border-box;
  width: 100%; }

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.2em;
  text-decoration: none;
  padding: 10px;
  box-sizing: border-box;
  font-size: 1.7em;
  text-align: center; }

.ui-datepicker table {
  border-collapse: collapse;
  width: 100%; }

/* Mobile */
@media (max-width: 480px) {
  .ui-datepicker td {
    height: 60px; }

  .ui-datepicker td a {
    line-height: 1.2em; } }

/*# sourceMappingURL=calendar.css.map */