/* Event date labels */

span.event-date-open-label {
  font-size: 65%;
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--secondary);
  padding: 2px 5px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  opacity: 75%;
  border-radius: 3px;
}

span.event-date-closed-label {
  font-size: 65%;
  color: var(--wp--preset--color--base);
  background: grey;
  padding: 2px 5px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  opacity: 75%;
  border-radius: 3px;
}

span.no-available-dates {
  padding: 10px;
  display: inline-block;
}

/* Event date radio buttons */

input[type="radio"] { /* Unchecked button */
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin: 6px;
    padding: 0;
    border: 2px solid var(--wp--preset--color--tertiary); /* Outer circle color */
    border-radius: 50%;
    appearance: none;
    background-color: transparent; /* Inner circle color */
    outline: none;
    flex: 0 0 auto;
    margin-right: 10px;
  }
  
  input[type="radio"]:not(:disabled):checked { /* Checked button */
    border-color: var(--wp--preset--color--tertiary); /* Outer circle color */
    background-color: var(--wp--preset--color--tertiary); /* Inner circle color */
    background-clip: content-box;
    padding: 2px; /* Gap between inner and outer circle */
  }
  
  input[type="radio"]:disabled { /* Disabled button */
    border-color: var(--wp--preset--color--tertiary); /* Outer circle color */
    background-color: transparent; /* Inner circle color */
    opacity: 25%;
  }
 
  label.event-date-row {
    align-items: center;
 /*   background: var(--wp--preset--color--secondary); */
    border-style: solid none;
    border-color: var(--wp--preset--color--base);
    padding: 5px;
    display: flex;
  }

  span.event-date-label {
    font-size: 65%;
    color: var(--wp--preset--color--secondary);
    background: var(--wp--preset--color--base);
    padding: 2px 5px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    opacity: 75%;
    border-radius: 3px;
  }