/* ════════════════════════════════════════════════════════════
   MODEE DESIGNS HUB — SimplyBook.me Custom CSS
   Paste this entire block into the Custom CSS panel in SimplyBook.
   Branding: olive palette · Cinzel + Playfair + Jost · gold accents
   ════════════════════════════════════════════════════════════
   PALETTE REFERENCE
   Olive ink   #2C2A1E    Deep olive  #3A3C1A    Olive      #5C5E2F
   Mid olive   #7A7D3A    Light olive #9B9E52     Pale       #C8CB8A
   Cream       #F7F3EC    Parchment   #EDE5D4     Stone      #D4CBBA
   Wood        #A07B55    Gold        #D4B068     Gold light #E8C97A
   ════════════════════════════════════════════════════════════ */


/* ---- Import brand fonts (SimplyBook allows @import at top) ---- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,600&family=Jost:wght@300;400;500&display=swap');


/* ---- Event title (workshop / service name) ---- */
#events h3 {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	color: #2C2A1E !important;
	letter-spacing: 0.3px !important;
	margin-bottom: 8px !important;
}


/* ---- Duration text ---- */
#events p.duration, #events div.duration {
	font-family: 'Cinzel', serif !important;
	font-size: 11px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: #7A7D3A !important;
	font-weight: 500 !important;
}


/* ---- Description text ---- */
#events p.description, #events div.description {
	font-family: 'Jost', sans-serif !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 1.7 !important;
	color: #3D3A2A !important;
}


/* ---- A selected event card ---- */
#events .selectedEvent {
	background: #F4F1E6 !important;
	border: 1px solid #9B9E52 !important;
	border-left: 4px solid #7A7D3A !important;
	border-radius: 4px !important;
	box-shadow: 0 6px 20px rgba(92,94,47,0.12) !important;
}


/* ---- "Reserve time" primary button ---- */
#events input.reserve_time_btn {
	background: #5C5E2F !important;
	background: linear-gradient(135deg, #7A7D3A, #5C5E2F) !important;
	color: #F7F3EC !important;
	font-family: 'Cinzel', serif !important;
	font-size: 12px !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	border: none !important;
	border-radius: 2px !important;
	padding: 14px 28px !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	box-shadow: 0 6px 18px rgba(92,94,47,0.25) !important;
}
#events input.reserve_time_btn:hover {
	background: linear-gradient(135deg, #5C5E2F, #3A3C1A) !important;
	transform: translateY(-2px) !important;
}


/* ---- "Select another" secondary button ---- */
#events input.select_another_btn {
	background: transparent !important;
	color: #5C5E2F !important;
	font-family: 'Cinzel', serif !important;
	font-size: 11px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	border: 1px solid #A07B55 !important;
	border-radius: 2px !important;
	padding: 12px 24px !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
}
#events input.select_another_btn:hover {
	background: #A07B55 !important;
	color: #F7F3EC !important;
}


/* ---- Section headings (date & timeline) ---- */
#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 {
	font-family: 'Cinzel', serif !important;
	font-size: 13px !important;
	letter-spacing: 4px !important;
	text-transform: uppercase !important;
	color: #5C5E2F !important;
	font-weight: 600 !important;
	border-bottom: 1px solid #D4CBBA !important;
	padding-bottom: 10px !important;
	margin-bottom: 16px !important;
}


/* ---- Final "Save / Book" button ---- */
#eventForm #save_button {
	background: linear-gradient(135deg, #7A7D3A, #5C5E2F) !important;
	color: #F7F3EC !important;
	font-family: 'Cinzel', serif !important;
	font-size: 13px !important;
	letter-spacing: 4px !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	border: none !important;
	border-radius: 2px !important;
	padding: 16px 40px !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	box-shadow: 0 8px 24px rgba(92,94,47,0.3) !important;
}
#eventForm #save_button:hover {
	background: linear-gradient(135deg, #D4B068, #A88542) !important;
	color: #2C2A1E !important;
	transform: translateY(-2px) !important;
}


/* ---- jQuery UI content panels (calendar body) ---- */
div.ui-widget-content {
	background: #F7F3EC !important;
	border: 1px solid #D4CBBA !important;
	color: #3D3A2A !important;
	font-family: 'Jost', sans-serif !important;
	border-radius: 4px !important;
}


/* ---- jQuery UI headers (calendar month bar) ---- */
div.ui-widget-header {
	background: linear-gradient(135deg, #5C5E2F, #3A3C1A) !important;
	color: #F7F3EC !important;
	border: none !important;
	font-family: 'Cinzel', serif !important;
	letter-spacing: 2px !important;
	font-weight: 500 !important;
}
div.ui-widget-header a, div.ui-widget-header .ui-icon {
	color: #E8C97A !important;
}


/* ---- Timeline table ---- */
#timeline-container table.timeline {
	border: 1px solid #D4CBBA !important;
	background: #F7F3EC !important;
	border-radius: 4px !important;
	overflow: hidden !important;
}


/* ---- Timeline: hours not available ---- */
.timeline td.not_worked_time {
	background: #EDE5D4 !important;
	color: #A09880 !important;
	opacity: 0.6 !important;
}


/* ---- Timeline: free / bookable slot ---- */
.timeline td.free_time {
	background: #E8EAC4 !important;
	color: #3A3C1A !important;
	cursor: pointer !important;
	transition: background 0.2s ease !important;
}
.timeline td.free_time:hover {
	background: #C8CB8A !important;
}


/* ---- Timeline: the slot you selected ---- */
.timeline td.selected_time {
	background: linear-gradient(135deg, #7A7D3A, #5C5E2F) !important;
	color: #F7F3EC !important;
	font-weight: 600 !important;
}


/* ---- Timeline: already reserved (unavailable) ---- */
.timeline td.reserved_time {
	background: #A07B55 !important;
	color: #F7F3EC !important;
	opacity: 0.45 !important;
	cursor: not-allowed !important;
}


/* ---- Loading overlay ---- */
div#loading {
	background: rgba(44,42,30,0.85) !important;
	color: #E8C97A !important;
	font-family: 'Cinzel', serif !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
}


/* ---- Booking 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-family: 'Jost', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #5C5E2F !important;
	letter-spacing: 0.5px !important;
}