/* MyAlmanac Shared Styles
   Common styles for all MyAlmanac pages (MyShows, MySongs, MyVenues, etc.)
   ========================================================================= */

/* Page Container */
.myalmanac-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 10px;
}

/* Standard Panel - base class for all info panels */
.info-panel {
	padding: 10px 15px;
	margin: 10px;
}

/* Navigation Panel */
.nav-panel {
	padding: 10px 15px;
	margin: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.nav-panel a {
	color: #FFC449;
	text-decoration: none;
}
.nav-panel a:hover {
	text-decoration: underline;
}
.nav-panel .current {
	color: #FFA500;
	font-weight: bold;
}
.nav-panel .separator {
	color: #666;
}

/* Member Info Panel */
.member-info-panel {
	padding: 10px 15px;
	margin: 10px;
}
.member-info-panel .public-page-link {
	float: right;
}

/* Stats Panel */
.stats-panel {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	padding: 10px 15px;
	margin: 10px;
	align-items: center;
}
.stat-item {
	display: flex;
	align-items: center;
	gap: 5px;
}
.stat-label {
	color: #FFA500;
	font-size: 12px;
}
.stat-value {
	color: #FFC449;
	font-weight: bold;
	font-size: 14px;
}

/* Content List Container */
.content-list {
	margin: 10px;
}

/* Status Badges */
.status-badge {
	display: inline-block;
	padding: 1px 6px;
	border-radius: 3px;
	font-size: 9px;
	text-transform: uppercase;
	margin-left: 5px;
}
.status-badge.cancelled { background-color: #8B0000; color: #fff; }
.status-badge.rescheduled { background-color: #8B4513; color: #fff; }
.status-badge.unknown { background-color: #555; color: #fff; }

/* Common Colors */
.text-orange { color: #FFA500; }
.text-gold { color: #FFC449; }
.text-muted { color: #888; }
.text-light { color: #ccc; }

/* Edit Link */
.edit-link {
	color: #888;
	font-size: 10px;
	margin-left: 5px;
}

/* Album/Section Headers */
.section-header {
	background-color: #252525;
	padding: 8px 12px;
	border-bottom: 2px solid #444;
	font-weight: bold;
	color: #FFC449;
	font-size: 12px;
}
.section-header a {
	color: #FFC449;
	text-decoration: none;
}
.section-header a:hover {
	text-decoration: underline;
}

/* Content Row (base) */
.content-row {
	border-bottom: 1px solid #333;
}
.content-row:hover {
	background-color: #1a3a5c !important;
}

/* Navigation Tabs/Links */
.page-nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.page-nav-links a {
	color: #FFC449;
	text-decoration: none;
}
.page-nav-links a:hover {
	text-decoration: underline;
}

/* Song Count Badge */
.song-count {
	color: #FFA500;
	font-size: 11px;
}

/* Album Song List */
.album-song-list {
	padding: 10px;
	background-color: #0a0a0a;
}
.album-song-item {
	white-space: nowrap;
	font-size: 11px;
	padding-bottom: 3px;
}
.album-song-item .track-num {
	color: #6F8080;
	margin-right: 8px;
}
.album-song-item a {
	color: #FFA500;
	text-decoration: none;
}
.album-song-item a:hover {
	text-decoration: underline;
}
.album-song-item.not-seen {
	color: #444;
	font-weight: bold;
}

/* Responsive - Tablet */
@media (max-width: 991px) {
	.member-info-panel .public-page-link {
		float: none;
		display: block;
		margin-top: 8px;
	}
	.stats-panel {
		padding: 10px;
	}
}

/* Responsive - Mobile */
@media (max-width: 576px) {
	.myalmanac-container {
		padding: 0 5px;
	}
	.info-panel {
		padding: 8px 10px;
		margin: 5px;
	}
	.nav-panel {
		padding: 8px 10px;
		margin: 5px;
		font-size: 11px;
	}
	.member-info-panel {
		padding: 8px 10px;
		margin: 5px;
		font-size: 11px;
	}
	.stats-panel {
		padding: 8px 10px;
		gap: 10px;
		margin: 5px;
	}
	.stat-label {
		font-size: 11px;
	}
	.stat-value {
		font-size: 13px;
	}
	.content-list {
		margin: 5px;
	}
}