/* -----------------------------------
Copyright: Logical Developments 2023.
Project:   ConNote Portal
Filename:  au_com_logicaldevelopments_calendar.css
Author:    Dean Leggo
Version:   0.01
Description:

History:
0.01	17-08-13 DBL LD0012192 Created.
----------------------------------- */

.au_com_logicaldevelopments_calander {
  line-height: 1em;
  margin: 2px;
}

.au_com_logicaldevelopments_calander button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.au_com_logicaldevelopments_calander header {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5em;
  padding-bottom: 1em;
}

.au_com_logicaldevelopments_calander header h1 {
  text-align: center;
  width: 10em;
  margin: 0;
}

.au_com_logicaldevelopments_calander > .grid {
  display: grid;
  grid-template-rows: max-content;
  gap: 0.2em;
  /* padding: 0.5em; */
}

.au_com_logicaldevelopments_calander .calendar-day {
  min-width: 5em;
  border-top-style: solid;
  border-top-color: rgb(var(--neutral-color));
  border-top-width: 2px;
  background-color: rgba(var(--primary-color), 0.04);
  padding: 0.2em 2px 0 2px;
  /* margin: 0 1em; */
}

.au_com_logicaldevelopments_calander .calendar-day .calendar-number {
  padding: 0 0.4em;
  padding-right: 0.4em;
}

.au_com_logicaldevelopments_calander .calendar-weekend {
  background-color:rgba(var(--primary-color), 0.1);
}

/* .au_com_logicaldevelopments_calander [rol="columnheader"] {
  margin-bottom: 0.2em;
} */

.au_com_logicaldevelopments_calander .calendar-day .calendar-number {
  font-size: 1.1em;
  margin: 0.2em 0 0.5em 0;
}

.au_com_logicaldevelopments_calander h2.hidden {
  height: 1px;
  width: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

.au_com_logicaldevelopments_calander .calendar-day.calendar-inactive {
  opacity: 0.1;
}

.au_com_logicaldevelopments_calander .calendar-day.today {
  border-top-color: rgba(var(--secondary-color), 0.8);
}

.au_com_logicaldevelopments_calander .calendar-day.today .calendar-number {
  color:rgba(var(--secondary-color), 0.9);
}

.au_com_logicaldevelopments_calander .calendar-selected .calendar-number {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 1em;
}

.au_com_logicaldevelopments_calander .calendar-day ul {
  margin: 1px 0 0 0;
  padding: 0;
  list-style-type: none;
}

.au_com_logicaldevelopments_calander .calendar-day li {
  padding: 0.2em 0.4em;
  margin: 1px 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.au_com_logicaldevelopments_calander .calendar-day .calander-indicator {
  /* display: none; */
}

.au_com_logicaldevelopments_calander .calendar-day .calander-indicator li {
  width: 1em;
  height: 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 1em;
  text-align: center;
}

/*
 * Actions
 */
 .au_com_logicaldevelopments_calander .calendar-day:hover {
  border-top-color: rgba(var(--neutral-color), 0.9);
  background-color: rgba(var(--primary-color), 0.08);
}

.au_com_logicaldevelopments_calander .calendar-weekend:hover {
  background-color:rgba(var(--primary-color), 0.2);
}

.au_com_logicaldevelopments_calander .calendar-day.calendar-inactive:hover {
  opacity: 0.3;
}

.au_com_logicaldevelopments_calander .calendar-day.today:hover {
  border-top-color: rgba(var(--secondary-color), 1);
}

.au_com_logicaldevelopments_calander .calendar-day.today .calendar-number:hover {
  color:rgba(var(--secondary-color), 1);
}

.au_com_logicaldevelopments_calander .calendar-day li:hover {
  filter: brightness(90%);
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.au_com_logicaldevelopments_calander .calendar-day .calendar-more:hover {
  border: 1px solid rgba(0, 0, 0, 0);
}