/*
	Custom CSS – förbättrad och mer proffsig version
	Behåller grunddesignen men med bättre typografi, färger och spacing
*/

/* Event rubriker */
#events h3 {
	font-family: 'Arial', sans-serif;
	font-size: 1.5rem;
	color: #2c3e50;
	margin-bottom: 0.5em;
	border-bottom: 2px solid #3498db;
	padding-bottom: 0.3em;
}

/* Duration text */
#events p.duration,
#events div.duration {
	font-size: 0.9rem;
	color: #7f8c8d;
	margin-bottom: 0.5em;
}

/* Event beskrivning */
#events p.description,
#events div.description {
	font-size: 1rem;
	color: #34495e;
	line-height: 1.5;
	margin-bottom: 1em;
}

/* Markerat event */
#events .selectedEvent {
	background-color: #ecf0f1;
	border-left: 4px solid #3498db;
	padding: 0.5em;
	border-radius: 4px;
}

/* Knapp – boka tid */
#events input.reserve_time_btn,
#events input.select_another_btn {
	background-color: #3498db;
	color: #fff;
	border: none;
	padding: 0.5em 1em;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-right: 0.5em;
}

#events input.reserve_time_btn:hover,
#events input.select_another_btn:hover {
	background-color: #2980b9;
}

/* Form rubriker */
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
	font-family: 'Arial', sans-serif;
	font-size: 1.3rem;
	color: #2c3e50;
	margin-bottom: 0.5em;
}

/* Spara knapp */
#eventForm #save_button {
	background-color: #27ae60;
	color: #fff;
	border: none;
	padding: 0.6em 1.2em;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

#eventForm #save_button:hover {
	background-color: #1e8449;
}

/* Widget content och header */
div.ui-widget-content {
	background-color: #f9f9f9;
	border: 1px solid #bdc3c7;
	padding: 1em;
	border-radius: 4px;
}

div.ui-widget-header {
	background-color: #3498db;
	color: #fff;
	padding: 0.5em;
	border-radius: 4px 4px 0 0;
}

/* Timeline */
#timeline-container table.timeline {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1em;
}

.timeline td {
	padding: 0.5em;
	text-align: center;
	border: 1px solid #ecf0f1;
	border-radius: 2px;
	font-size: 0.9rem;
}

/* Olika tidstyper */
.timeline td.not_worked_time {
	background-color: #ecf0f1;
	color: #95a5a6;
}

.timeline td.free_time {
	background-color: #2ecc71;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.timeline td.free_time:hover {
	background-color: #27ae60;
}

.timeline td.selected_time {
	background-color: #f1c40f;
	color: #fff;
}

.timeline td.reserved_time {
	background-color: #e74c3c;
	color: #fff;
}

/* Laddning */
div#loading {
	text-align: center;
	padding: 2em;
	font-size: 1rem;
	color: #7f8c8d;
}

/* Form labels */
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
	font-size: 0.95rem;
	color: #2c3e50;
	margin-bottom: 0.3em;
	display: block;
}