// =================================================================
// Calendar Widget Settings
// =================================================================

// Calendar Widget Font Family
//
// Controls the font family used on dates in the calendar widget.
//
// Styleguide Calendar.Calendar Widget.Font Family
//
// Access: Public
//
// Since: 1.0.0

$font-family-widget-calendar-date:          $font-family-sans-serif !default;

// Calendar Widget Date Color
//
// Controls the color of dates in the calendar widget.
//
// Styleguide Calendar.Calendar Widget.Date Color
//
// Access: Public
//
// Since: 1.0.0
//
// Accessibility: AA

$color-widget-calendar-date:                $color-grayscale-0 !default;

// Calendar Widget Graphic Format Day Size
//
// Controls the size of the day when using the graphic style in the
// calendar widget.
//
// Styleguide Calendar.Calendar Widget.Graphic Format Day Size
//
// Access: Public
//
// Since: 1.0.0

$font-size-widget-calendar-date-day:          22px !default;

// Calendar Widget Graphic Format Day Color
//
// Controls the color of the day when using the graphic style in the
// calendar widget.
//
// Styleguide Calendar.Calendar Widget.Graphic Format Day Color
//
// Access: Public
//
// Since: 1.0.0
//
// Accessibility: AA

$color-widget-calendar-date-day:             inherit !default;

// Calendar Widget Graphic Format Month Size
//
// Controls the size of the month when using the graphic style in the
// calendar widget.
//
// Styleguide Calendar.Calendar Widget.Graphic Format Month Size
//
// Access: Public
//
// Since: 1.0.0
//
// Accessibility: AA

$font-size-widget-calendar-date-month:        12px !default;

// Calendar Widget Graphic Format Month Color
//
// Controls the color of the month when using the graphic style in the
// calendar widget.
//
// Styleguide Calendar.Calendar Widget.Graphic Format Month Color
//
// Access: Public
//
// Since: 1.0.0

$color-widget-calendar-date-month:           inherit !default;

// =================================================================
// Calendar Widget Styles
// =================================================================

// A helper variable for absolute positioning in formats which use it.
// Sets the width of the calendar date.
// By default, affects the default and graphic formats.
//
// Access: Private
//
// Since: 1.2.0

$_width-calendar-date: 48px;

// Styles events in the calendar widget. Affects all formats.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-event {
	border-top: var(--calendar-widget-border, var(--bu-border, #{$border-widget-list}));
	padding: var(--padding-small, #{$padding-small}) 0;

	&:first-child {
		border: 0;
		padding: 0 0 var(--padding-small, #{$padding-small});
	}
}

// Styles links in the calendar widget. Affects all formats.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-link {
	display: block;
}

// Styles dates in the calendar widget. Affects all formats.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-date {
	color: var(--calendar-widget-date-color, var(--bu-label-color, #{$color-widget-calendar-date}));
	display: block;
	font-family: var(--calendar-widget-date-font, var(--bu-label-font, #{$font-family-widget-calendar-date}));
	font-weight: 700;
	margin-bottom: 0.5em;
}

// Styles an event in the calendar widget default format.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-event-default {
	position: relative;
}

// Styles dates in the calendar widget default format.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-date-default {
	left: 0;
	position: absolute;
	top: auto;
	width: $_width-calendar-date;
}

// Styles titles in the calendar widget default format.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-title-default {
	padding-left: $_width-calendar-date + 12;
	position: relative;
}

// Styles links in the calendar widget graphic format.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-link-graphic {
	display: table;
	text-decoration: none;
}

// Styles dates in the calendar widget graphic format.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-date-graphic {
	color: var(--calendar-widget-date-color, #{$color-widget-calendar-date});
	display: table-cell;
	line-height: 1.1;
	text-align: center;
	width: $_width-calendar-date;
}

// Styles the day of the month in the calendar widget graphic format.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-day-graphic {
	color: var(--calendar-widget-day-color, #{$color-widget-calendar-date-day});
	display: block;
	font-size: var(--calendar-widget-day-size, #{$font-size-widget-calendar-date-day});
}

// Styles the month in the calendar widget graphic format.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-month-graphic {
	color: var(--calendar-widget-month-color, #{$color-widget-calendar-date-month});
	font-size: var(--calendar-widget-month-size, #{$font-size-widget-calendar-date-month});
	text-transform: uppercase;
}

// Styles the title in the calendar widget graphic format.
//
// Access: Public
//
// Since: 2.0.0

.widget-calendar-title-graphic {
	display: table-cell;
	padding-left: var(--padding-small, #{$padding-small});
	text-decoration: underline;
	vertical-align: middle;
}

.widgetnav,
.widget_archive ul,
.widget_categories ul { // maybe not though, there are nested categories
	margin: 0;
	padding: 0;
}