/* tools/itinerary/css/itinerary.css */

/* Project Bubbles - REMOVED: Now in common.css */

/* Itinerary Controls Bar */
.itinerary-controls-bar {
	display: flex; justify-content: space-between; align-items: center;
	margin-bottom: 1.5em; flex-wrap: wrap; gap: 15px; padding: 10px;
	background-color: #f8f9fa; border-radius: var(--border-radius); border: 1px solid var(--border-light-color);
}
.itinerary-controls-bar .control-group { display: flex; align-items: center; gap: 8px; }
.itinerary-controls-bar .filter-group i { color: var(--text-light-color); }
.itinerary-controls-bar select { /* Base select style from common.css applied */
	padding: 6px 10px; font-size: 0.9em; min-width: 150px; height: auto; /* Override height */
}

.itinerary-controls-bar button {
	font-size: 0.95em; padding: 8px 12px; min-width: 100px;
}
.itinerary-controls-bar button i { margin-right: 5px; }
#add-itinerary-item-btn i.fa-plus,
#export-csv-btn i.fa-file-csv { color: white !important; } /* Specific icon color */

/* Itinerary Summary Bar */
.itinerary-summary-bar {
	margin-top: 1.5em; padding: 1em; background-color: #f0f2f5;
	border: 1px solid var(--border-light-color); border-radius: var(--border-radius);
	display: flex; justify-content: flex-end; align-items: center;
	flex-wrap: wrap; gap: 10px 20px;
}
.itinerary-summary-bar .total-label { font-weight: 500; margin-right: 5px; }
.itinerary-summary-bar strong { font-size: 1.2em; color: var(--primary-color); margin: 0 5px 0 0; }
.itinerary-summary-bar select {
	max-width: 80px; padding: 6px 8px; font-size: 0.9em; height: auto; /* Override height */
}
.itinerary-summary-bar #itinerary-rate-disclaimer {
	font-size: 0.8em; color: var(--text-light-color); font-style: italic;
}

/* Project Select Modal (if used) */
.project-select-modal-overlay .project-select-modal-content {
	width: 350px; padding: 1.5em 2em; max-height: 80vh;
}
.project-select-modal-overlay h4 { font-size: 1.1em; line-height: 1.4; margin-bottom: 1.2em; }
#project-select-list { list-style: none; padding: 0; margin: 0; max-height: 50vh; overflow-y: auto; }
#project-select-list li { margin-bottom: 0.8em; }
#project-select-list button {
	display: block; width: 100%; padding: 10px 15px; background-color: #f8f9fa;
	border: 1px solid var(--border-color); border-radius: 4px; text-align: left;
	font-size: 1em; color: var(--text-color); cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
#project-select-list button:hover {
	background-color: var(--primary-light-color); border-color: var(--primary-color); color: var(--primary-color);
}
#project-select-list p { font-size: 0.9em; color: var(--text-light-color); text-align: center; padding: 1em 0; }
#project-select-list p a { color: var(--primary-color); text-decoration: underline; }


/* Project Context Menu - REMOVED: Now in common.css */
/* Share Modal Styles - REMOVED: Now in common.css */


/* Itinerary Specific Media Queries */
@media (max-width: 767px) {
	.itinerary-controls-bar,
	.itinerary-summary-bar {
		justify-content: space-between;
		padding: 0.8em;
	}
	.itinerary-controls-bar .control-group { flex-basis: 48%; justify-content: flex-start; }
	.itinerary-controls-bar .action-group { flex-basis: 48%; justify-content: flex-end; }
	.itinerary-controls-bar .export-group { flex-basis: 100%; justify-content: flex-end; margin-top: 10px;} /* Export button on new line */

	.itinerary-summary-bar { justify-content: space-between; }
	.itinerary-summary-bar .total-label,
	.itinerary-summary-bar strong { margin-right: auto; }
}

@media (max-width: 480px) {
	.itinerary-controls-bar .control-group,
	.itinerary-controls-bar .action-group,
	.itinerary-controls-bar .export-group {
		flex-basis: 100%; justify-content: center; margin-bottom: 10px;
	}
	.itinerary-controls-bar .export-group { margin-top: 0; }
	.itinerary-controls-bar .action-group { margin-bottom: 0; }

	.itinerary-summary-bar { flex-direction: column; align-items: flex-start; gap: 5px; }
	.itinerary-summary-bar .total-label,
	.itinerary-summary-bar strong { margin-right: 0; }
	.itinerary-summary-bar select,
	.itinerary-summary-bar span { margin-left: 0 !important; width: 100%; text-align: left; }
	.itinerary-summary-bar select { max-width: 100%; }

	/* Share Modal User List Items - REMOVED: Now in common.css */
}