/**
 * Resort Status Tables
 * Unified styles for lifts, trails, parks, gates, and road report tables
 *
 * @package Sierra_At_Tahoe
 */

/* ========================================
   Table Container Base Styles
   ======================================== */

.sierra-lifts-status-table,
.sierra-trails-status-table,
.sierra-parks-status-table,
.sierra-gates-status-table,
.sierra-road-report-table {
	overflow: hidden;
}

/* ========================================
   Header Row Styles
   ======================================== */

.sierra-lift-table-header,
.sierra-trail-table-header,
.sierra-park-table-header,
.sierra-gate-table-header,
.sierra-road-table-header {
	display: flex;
	background-color: #EEF5F3;
	padding: 24px 24px 16px;
}

.sierra-lift-table-header > div,
.sierra-trail-table-header > div,
.sierra-park-table-header > div,
.sierra-gate-table-header > div,
.sierra-road-table-header > div {
	font-family: 'GT Standard Trial', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: #142C2D;
}

/* ========================================
   Data Row Styles
   ======================================== */

.sierra-lift-table-row,
.sierra-trail-table-row,
.sierra-park-table-row,
.sierra-gate-table-row,
.sierra-road-table-row {
	display: flex;
	align-items: center;
	padding: 16px 24px;
	transition: background-color 0.2s ease;
}

/* Road report rows need flex-start alignment for multi-line content */
.sierra-road-table-row {
	align-items: flex-start;
}

/* Alternating row backgrounds are applied inline via PHP */

/* ========================================
   Status Badge Styles
   ======================================== */

.sierra-resort-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	border-radius: 4px;
	font-family: 'GT Standard Trial', sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* Status Badge Variants - Query Loop compatible */
.sierra-status-badge {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	font-family: 'GT Standard Trial', sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	max-width: fit-content;
}

/* Status-specific colors (added via JavaScript) */
.sierra-status-badge.status-open {
	background-color: #E6F5EE !important;
	color: #049D53 !important;
}

.sierra-status-badge.status-closed {
	background-color: #F5E6E6 !important;
	color: #D32F2F !important;
}

.sierra-status-badge.status-on-hold {
	background-color: #FFF4E5 !important;
	color: #ED6C02 !important;
}

.sierra-status-badge.status-restricted {
	background-color: #FFF4E5 !important;
	color: #ED6C02 !important;
}

/* Alternating row backgrounds for Query Loop */
.wp-block-post:nth-child(odd) .sierra-lift-row,
.wp-block-post:nth-child(odd) .sierra-trail-row,
.wp-block-post:nth-child(odd) .sierra-park-row,
.wp-block-post:nth-child(odd) .sierra-gate-row,
.wp-block-post:nth-child(odd) .sierra-road-table-row {
	background-color: #FFFFFF;
}

.wp-block-post:nth-child(even) .sierra-lift-row,
.wp-block-post:nth-child(even) .sierra-trail-row,
.wp-block-post:nth-child(even) .sierra-park-row,
.wp-block-post:nth-child(even) .sierra-gate-row,
.wp-block-post:nth-child(even) .sierra-road-table-row {
	background-color: #FBFBFB;
}

.sierra-lift-row .wp-block-outermost-icon-block .icon-container
.sierra-trail-row .wp-block-outermost-icon-block .icon-container,
.sierra-park-row .wp-block-outermost-icon-block .icon-container,
.sierra-gate-row .wp-block-outermost-icon-block .icon-container {
	height: 32px;
}

/* ========================================
   Icon Positioning
   ======================================== */

.sierra-lift-table-row .wp-block-outermost-icon-block,
.sierra-trail-table-row .wp-block-outermost-icon-block,
.sierra-park-table-row .wp-block-outermost-icon-block,
.sierra-gate-table-row .wp-block-outermost-icon-block {
	flex-shrink: 0;
}

/* ========================================
   Typography Styles
   ======================================== */

.sierra-lift-table-row,
.sierra-trail-table-row,
.sierra-park-table-row,
.sierra-gate-table-row,
.sierra-road-table-row {
	font-family: 'GT Standard Trial', sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #142C2D;
}

/* Subtitle text (lifts) */
.sierra-lift-subtitle {
	font-size: 12px;
	line-height: 16px;
	color: #6B778C;
	margin-top: 2px;
}

/* ========================================
   Road Report Specific Styles
   ======================================== */

.sierra-road-report-table a {
	color: #0A6A58;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.sierra-road-report-table a:hover {
	color: #142C2D;
}

.sierra-road-last-updated {
	font-size: 12px;
	color: #6B778C;
	font-weight: 400;
	margin-top: 4px;
}

/* Regional section formatting */
.sierra-road-table-row p:empty {
	display: none;
}

.sierra-road-table-row .road-region-section {
	margin-bottom: 16px;
	font-size: var(--wp--preset--font-size--body-small);
}

.sierra-road-table-row .road-region-section:last-child {
	margin-bottom: 0;
}
.sierra-road-table-row .road-region-section:first-child {
	margin-top: 0;
}

.sierra-road-table-row .road-region-heading {
	display: block;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
	color: #142C2D;
	margin-bottom: 4px;
}

/* ========================================
   Gates Footer Warning
   ======================================== */

.sierra-gate-footer {
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: #FFF4E5;
	padding: 16px 24px;
	border-top: 1px solid #EEF5F3;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
	font-family: 'GT Standard Trial', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #142C2D;
	font-weight: 600;
}

/* ========================================
   Responsive Styles
   ======================================== */

@media (max-width: 782px) {
	/* Stack header and row cells vertically */
	.sierra-lift-table-header,
	.sierra-trail-table-header,
	.sierra-park-table-header,
	.sierra-gate-table-header,
	.sierra-road-table-header,
	.sierra-lift-table-row,
	.sierra-trail-table-row,
	.sierra-park-table-row,
	.sierra-gate-table-row,
	.sierra-road-table-row {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	/* Full width cells with spacing */
	.sierra-lift-table-header > div,
	.sierra-trail-table-header > div,
	.sierra-park-table-header > div,
	.sierra-gate-table-header > div,
	.sierra-road-table-header > div,
	.sierra-lift-table-row > div,
	.sierra-trail-table-row > div,
	.sierra-park-table-row > div,
	.sierra-gate-table-row > div,
	.sierra-road-table-row > div {
		width: 100% !important;
		margin-bottom: 12px;
	}

	/* Remove margin from last child */
	.sierra-lift-table-header > div:last-child,
	.sierra-trail-table-header > div:last-child,
	.sierra-park-table-header > div:last-child,
	.sierra-gate-table-header > div:last-child,
	.sierra-road-table-header > div:last-child,
	.sierra-lift-table-row > div:last-child,
	.sierra-trail-table-row > div:last-child,
	.sierra-park-table-row > div:last-child,
	.sierra-gate-table-row > div:last-child,
	.sierra-road-table-row > div:last-child {
		margin-bottom: 0;
	}

	/* Reduce padding on mobile */
	.sierra-lift-table-header,
	.sierra-trail-table-header,
	.sierra-park-table-header,
	.sierra-gate-table-header,
	.sierra-road-table-header,
	.sierra-lift-table-row,
	.sierra-trail-table-row,
	.sierra-park-table-row,
	.sierra-gate-table-row,
	.sierra-road-table-row {
		padding: 16px;
	}
}

/* ========================================
   Empty State Styles
   ======================================== */

.sierra-lifts-status-table .has-deep-alpine-70-color,
.sierra-trails-status-table .has-deep-alpine-70-color,
.sierra-parks-status-table .has-deep-alpine-70-color,
.sierra-gates-status-table .has-deep-alpine-70-color {
	font-size: 16px;
	line-height: 24px;
}