/**
 * Styles common to YWR Seasons Goldplat widget
 * 
 * @since 2024-08-03
 * @author Designs and Codes, LLC
 */

.ywr_seasons__goldplat-widget {
	padding-block-end: var( --ywr-seasons__spacing-v__section );
	padding-inline: var( --ywr-seasons__spacing-h__half );
}

.ywr_seasons__goldplat-widget__header {
	margin-inline: calc( var( --ywr-seasons__spacing-h__half ) * -1 );
	padding-block: var( --ywr-seasons__spacing-v__para );
	padding-inline: var( --ywr-seasons__spacing-h );
	background-color: var( --ywr-seasons__color-blue-4 );
	font-weight: bold;
	text-align: center;
}

.ywr_seasons__goldplat-widget__header.ywr_seasons__goldplat-widget__header {
	margin-block: var( --ywr-seasons__spacing-v__header );
}

.ywr_seasons__goldplat-widget__header.ywr_seasons__goldplat-widget__header {
	color: var( --ywr-seasons__color-black-1 );
}

.ywr_seasons__goldplat-widget__list,
.ywr_seasons__goldplat-widget__entry__class-delivery__list {
	list-style: none !important;
	margin-inline: 0 !important;
	padding-inline: 0 !important;
}

.ywr_seasons__goldplat-widget__list.ywr_seasons__goldplat-widget__list > *,
.ywr_seasons__goldplat-widget__item.ywr_seasons__goldplat-widget__item ~ :before {
	margin-block: var( --ywr-seasons__spacing-v__block );
}

.ywr_seasons__goldplat-widget__item ~ :before {
	content: '';
	display: block;
	padding: 1px;
	background-image: linear-gradient( to right, transparent 0%, var( --ywr-seasons__color-gray-c ) 50%, transparent 100% );
}

.ywr_seasons__goldplat-widget__entry {
	display: flex;
	align-items: start;
	flex-flow: row wrap;
	gap: var( --ywr-seasons__spacing-v__para ) var( --ywr-seasons__spacing-h );
	justify-content: start;
	margin-inline: auto;
	width: 900px;
	max-width: 100%;
}

.ywr_seasons__goldplat-widget__entry > * {
	flex: 0 0 100%;
}

:is(
	.ywr_seasons__goldplat-widget__entry__speaker.ywr_seasons__goldplat-widget__entry__speaker,
	.ywr_seasons__goldplat-widget__entry__call.ywr_seasons__goldplat-widget__entry__call,
	.ywr_seasons__goldplat-widget__entry__class-delivery__item.ywr_seasons__goldplat-widget__entry__class-delivery__item
) > * {
	margin-block: var( --ywr-seasons__spacing-v__para );
}

.ywr_seasons__goldplat-widget__entry__speaker__mugshot__container img {
	margin-inline: auto;
}

.ywr_seasons__goldplat-widget__entry__speaker__name {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.ywr_seasons__goldplat-widget__entry__speaker__name.ywr_seasons__goldplat-widget__entry__speaker__name {
	color: var( --ywr-seasons__color-blue-1 );
}

.ywr_seasons__goldplat-widget__entry__call {
	font-size: 1.3rem;
	line-height: 1.1;
}

.ywr_seasons__goldplat-widget__entry__call-date {
	font-weight: bold;
}

.ywr_seasons__goldplat-widget__entry__call-date.ywr_seasons__goldplat-widget__entry__call-date {
	color: var( --ywr-seasons__color-blue-7 );
}

.ywr_seasons__goldplat-widget__entry__call-topic {
	font-size: inherit;
	font-style: italic;
	font-weight: inherit;
}

.ywr_seasons__goldplat-widget__entry__call-topic.ywr_seasons__goldplat-widget__entry__call-topic {
	color: var( --ywr-seasons__color-purple-4 );
}

.ywr_seasons__goldplat-widget__entry__call-topic > * ~:before {
	content: ' ';
}

.ywr_seasons__goldplat-widget__entry__call-link.ywr_seasons__goldplat-widget__entry__call-link {
	margin-block: var( --ywr-seasons__spacing-v__header );
}

.ywr_seasons__goldplat-widget__entry__call-link > * {
	text-decoration: underline !important;
}

.ywr_seasons__goldplat-widget__entry__class-status {
	font-weight: bold;
}

.ywr_seasons__goldplat-widget__entry__class-status__prefix:after {
	content: ' ';
}

.ywr_seasons__goldplat-widget__entry__class-status__value {
	text-transform: uppercase;
}

.ywr_seasons__goldplat-widget__entry__class-status-available > .ywr_seasons__goldplat-widget__entry__class-status__value {
	color: var( --ywr-seasons__color-green-1 );
}

.ywr_seasons__goldplat-widget__entry__class-status-unavailable > .ywr_seasons__goldplat-widget__entry__class-status__value {
	color: var( --ywr-seasons__color-red-1 );
}

@media( min-width: 768px ) {
	.ywr_seasons__goldplat-widget__entry__speaker {
		flex-basis: min( 25%, 220px );
	}
	
	.ywr_seasons__goldplat-widget__entry__call {
		flex: 1 1 0%;
	}
}