/**
 * Geo-Explo Extension - Styles
 */

/* =============================================
   Posting form panel
   ============================================= */
.geoexplo-posting-panel {
	margin-top: 15px;
	border: 1px solid #bcc7d0;
	border-radius: 4px;
	padding: 15px;
	background: #f9fafb;
}

.geoexplo-posting-panel legend {
	font-weight: bold;
	color: #115098;
	padding: 0 8px;
}

.geoexplo-checkboxes {
	margin-bottom: 10px;
}

.geoexplo-checkboxes label {
	display: inline-block;
	margin-right: 20px;
	font-weight: bold;
	cursor: pointer;
}

.geoexplo-subform {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 12px;
	margin-top: 10px;
	background: #fff;
}

.geoexplo-subform h4 {
	margin: 0 0 10px;
	color: #115098;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
}

.geoexplo-subform dl {
	display: flex;
	align-items: flex-start;
	margin: 6px 0;
}

.geoexplo-subform dt {
	flex: 0 0 200px;
	text-align: right;
	padding-right: 10px;
	font-size: 13px;
}

.geoexplo-subform dd {
	flex: 1;
}

.geoexplo-hint {
	font-size: 11px;
	color: #888;
}

.geoexplo-metadata {
	margin-top: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding: 8px;
}

.geoexplo-metadata summary {
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
	color: #555;
}

/* =============================================
   Viewtopic post widgets
   ============================================= */
.geoexplo-post-widgets {
	margin-top: 15px;
	clear: both;
}

.geoexplo-track-widget,
.geoexplo-spot-widget {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-bottom: 12px;
	overflow: hidden;
	background: #fff;
}

.geoexplo-widget-header {
	padding: 8px 12px;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 8px;
}

.geoexplo-track-header {
	background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
	color: #fff;
}

.geoexplo-spot-header {
	background: linear-gradient(135deg, #27ae60 0%, #219a52 100%);
	color: #fff;
}

.geoexplo-label {
	background: rgba(255,255,255,0.2);
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.geoexplo-widget-title {
	font-size: 14px;
}

/* Mini-map */
.geoexplo-minimap {
	width: 100%;
	border-bottom: 1px solid #eee;
}

/* Stats grid */
.geoexplo-track-stats,
.geoexplo-spot-info {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 12px;
	gap: 8px;
}

.geoexplo-stat {
	display: flex;
	align-items: center;
	gap: 4px;
}

.geoexplo-stat-label {
	font-size: 12px;
	color: #888;
}

.geoexplo-stat-value {
	font-size: 13px;
	font-weight: bold;
	color: #333;
}

/* Difficulty colors */
.geoexplo-diff-1 { color: #27ae60; }
.geoexplo-diff-2 { color: #f1c40f; }
.geoexplo-diff-3 { color: #e67e22; }
.geoexplo-diff-4 { color: #e74c3c; }
.geoexplo-diff-5 { color: #2c3e50; }

/* Badges */
.geoexplo-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: bold;
}

.geoexplo-badge-4x4 {
	background: #e74c3c;
	color: #fff;
}

.geoexplo-badge-nopass {
	background: #e67e22;
	color: #fff;
}

.geoexplo-badge-ok {
	background: #27ae60;
	color: #fff;
}

.geoexplo-badge-bronze {
	background: #cd7f32;
	color: #fff;
}

.geoexplo-badge-silver {
	background: #c0c0c0;
	color: #333;
}

.geoexplo-badge-gold {
	background: #ffd700;
	color: #333;
}

/* Legal status */
.geoexplo-legal-autorise { color: #27ae60; font-weight: bold; }
.geoexplo-legal-tolere { color: #e67e22; font-weight: bold; }
.geoexplo-legal-interdit { color: #e74c3c; font-weight: bold; }
.geoexplo-legal-inconnu { color: #999; }

/* Vehicle & date lines */
.geoexplo-track-vehicle,
.geoexplo-track-date {
	padding: 4px 12px;
	font-size: 13px;
	color: #555;
	border-top: 1px solid #f0f0f0;
}

/* Spot description */
.geoexplo-spot-desc {
	padding: 8px 12px;
	font-size: 13px;
	color: #444;
	border-top: 1px solid #f0f0f0;
	background: #fafafa;
}

.geoexplo-spot-verified {
	padding: 4px 12px;
	font-size: 12px;
	color: #27ae60;
	border-top: 1px solid #f0f0f0;
}

/* Action buttons */
.geoexplo-widget-actions {
	padding: 8px 12px;
	border-top: 1px solid #eee;
	display: flex;
	gap: 8px;
	background: #f9f9f9;
}

/* Rule of 30 messages */
.geoexplo-rule30-msg {
	font-size: 12px;
	color: #e67e22;
	font-style: italic;
}

.geoexplo-rule30-banner {
	background: #fef5e7;
	border: 1px solid #f0c36d;
	border-radius: 4px;
	padding: 12px;
	margin-top: 10px;
	font-size: 13px;
	color: #856404;
	text-align: center;
}

/* =============================================
   Responsive
   ============================================= */
@media (max-width: 768px) {
	.geoexplo-subform dt {
		flex: 0 0 100%;
		text-align: left;
		padding-right: 0;
		margin-bottom: 2px;
	}

	.geoexplo-subform dl {
		flex-direction: column;
	}

	.geoexplo-track-stats,
	.geoexplo-spot-info {
		flex-direction: column;
	}

	.geoexplo-widget-actions {
		flex-direction: column;
	}

	.geoexplo-checkboxes label {
		display: block;
		margin-bottom: 8px;
	}
}