/**
 * Events Manager restyle for the Intro theme — matches design.md.
 * Tokens: accent #f2d25b (gold), text #333, muted #aaa, light bg #eee, card #fff, footer/dark #222.
 * Font (Raleway) and base button shape are inherited from the theme; here we align EM 7's
 * em-item-* components, forms and buttons to the site's look. Selectors are em-scoped so this
 * file is inert on non–Events-Manager pages.
 */

/* ---- Buttons (event management, submit, add-new, "more info") ----
   EM ships its own button CSS that loads after the theme, so we raise specificity with
   the #content scope + !important to keep the site's solid-gold button identity. */
#content a.em-button,
#content .em-button,
#content .em-events-admin .add-new-h2,
#content #em-booking-submit,
#content .em-booking-form input[type="submit"],
#content .em-event-form input[type="submit"],
#content form.em-form input[type="submit"],
#content .em-events-admin input[type="submit"],
#content .em-event-admin-editor input[type="submit"],
#content .em-event-editor input[type="submit"],
#content #posts-filter input[type="submit"] {
	display: inline-block !important;
	width: auto !important;
	background-color: #f2d25b !important;
	border: 2px solid #f2d25b !important;
	color: #222 !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 10px 22px !important;
	border-radius: 2px !important;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}
#content a.em-button:hover,
#content .em-button:hover,
#content .em-events-admin .add-new-h2:hover,
#content #em-booking-submit:hover,
#content .em-booking-form input[type="submit"]:hover,
#content .em-event-form input[type="submit"]:hover,
#content form.em-form input[type="submit"]:hover,
#content .em-events-admin input[type="submit"]:hover,
#content .em-event-admin-editor input[type="submit"]:hover,
#content .em-event-editor input[type="submit"]:hover,
#content #posts-filter input[type="submit"]:hover {
	background-color: #fff !important;
	color: #333 !important;
}

/* Event-manager search row: keep the text input a sensible width, not full-bleed. */
#content #posts-filter #post-search-input {
	width: auto !important;
	min-width: 240px;
	padding: 9px 12px;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin-right: 8px;
}

/* ---- Forms (create event, bookings, search) ---- */
.em-event-form label,
.em-booking-form label,
form.em-form label {
	display: block;
	font-weight: 700;
	color: #333;
	margin: 14px 0 4px;
}
.em-event-form input[type="text"],
.em-event-form input[type="email"],
.em-event-form input[type="url"],
.em-event-form input[type="number"],
.em-event-form textarea,
.em-event-form select,
.em-booking-form input[type="text"],
.em-booking-form input[type="email"],
.em-booking-form textarea,
.em-booking-form select,
form.em-form input[type="text"],
form.em-form textarea,
form.em-form select {
	width: 100%;
	max-width: 520px;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #fff;
	color: #333;
	box-sizing: border-box;
}
.em-event-form input:focus,
.em-event-form textarea:focus,
.em-event-form select:focus,
.em-booking-form input:focus,
form.em-form input:focus,
form.em-form textarea:focus {
	outline: none;
	border-color: #f2d25b;
	box-shadow: 0 0 0 2px rgba(242, 210, 91, 0.35);
}

/* ---- Event list / cards ---- */
.em-events-list .em-item,
.em-item.em-item-single,
.em-view-container .em-item {
	background: #fff;
	border: 1px solid #eee;
	border-top: 3px solid #f2d25b;
	border-radius: 2px;
	padding: 22px 24px;
	margin-bottom: 22px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.em-item-header h1,
.em-item-header h2,
.em-item-header h3,
.em-item-header .em-item-title a {
	color: #333;
}
.em-item-header .em-item-title a:hover {
	color: #f2d25b;
}

/* ---- Meta lines + icons ---- */
.em-item-meta,
.em-item-meta-column {
	color: #666;
}
.em-item-meta-line {
	margin: 6px 0;
}
.em-icon,
.em-item-meta .em-icon,
.em-event-time .em-icon,
.em-event-date .em-icon,
.em-icon-clock,
.em-icon-location {
	color: #f2d25b;
}

/* ---- Calendar table (if the [events_calendar] grid is used) ---- */
.em-calendar td.eventful,
.em-calendar-shadow td.eventful {
	background-color: #f2d25b;
}
.em-calendar td.eventful a,
.em-calendar-shadow td.eventful a {
	color: #222;
	font-weight: 700;
}
.em-calendar td.today {
	outline: 2px solid #f2d25b;
}

/* ---- Booking / status notes ---- */
.em-booking-message-success,
.css-booking-success,
.em-booking-successful {
	border-left: 3px solid #f2d25b;
	background: #eee;
	padding: 10px 14px;
}

/* ---- "Add to calendar" + tooltips align to accent ---- */
.em-event-add-to-calendar-content a:hover {
	color: #f2d25b;
}

/* ---- #6: simplify the front-end event submission form ----
   Hide the timezone selector (defaulted site-wide to Europe/Copenhagen) and the
   event-image/media section, leaving name, date, time and description. */
#content .em-event-admin-editor .em-timezone,
#content .em-event-editor .em-timezone,
#content .event-form-image {
	display: none !important;
}