/* ========================================================================================
 * events.css - kit skin for Anchor Events' own front-end markup (assets/frontend.css in
 * wp-content/plugins/Anchor-Tools/anchor-events-manager/), rendered by this theme's
 * archive-event.php / single-event.php overrides.
 *
 * Same pattern as courses.css for Anchor Courses: the plugin's frontend.css is structure
 * only and already reads its colors/radius off a handful of --anchor-event-* custom
 * properties, so the first block below re-points those at kit tokens (Theme Colors changes
 * then flow straight through, same as every .btn). The rest re-skins the plugin's stable
 * template classes (registration form fields, ticket rows, the choose-a-date list, the
 * detail block, notices) onto the kit's forms.css/button.css/pill.css look WITHOUT
 * redeclaring layout that already works -- the registration/ticket/occurrence business
 * logic stays entirely in Module::render_registration_form() et al.; nothing here touches it.
 * ======================================================================================== */

/* --- plugin tokens ------------------------------------------------------------------------ */
:root{
	--anchor-event-bg:var(--cd-white);
	--anchor-event-border:var(--cd-line);
	--anchor-event-text:var(--cd-ink);
	--anchor-event-muted:var(--cd-ink-muted);
	--anchor-event-accent:var(--cd-accent);
	--anchor-event-accent-fg:var(--cd-accent-ink);
	--anchor-event-radius:var(--cd-r-md);
}

/* --- hero / body wrappers (single-event.php) --------------------------------------------- */
.event-single-body .anchor-event-gallery{margin-top:var(--cd-6)}

/* --- detail block: Date/Venue/Virtual/labels/Status (Module::render_single_content()) ---- */
.anchor-event-detail{
	display:flex;flex-direction:column;gap:var(--cd-2);margin:0 0 var(--cd-5);
	padding:var(--cd-5);border:1px solid var(--cd-line);border-radius:var(--cd-r-md);
	background:var(--cd-ground-tint);
}
.anchor-event-detail-meta{display:flex;flex-wrap:wrap;gap:var(--cd-2) var(--cd-5)}
.anchor-event-detail-meta > div{font-size:var(--cd-small);color:var(--cd-ink)}
.anchor-event-detail-meta strong{color:var(--cd-ink-strong)}
.anchor-event-address{font-size:var(--cd-small);color:var(--cd-ink-muted)}
.anchor-event-label--detail{font-size:var(--cd-small);color:var(--cd-ink)}
.anchor-event-label--detail strong{color:var(--cd-ink-strong)}

/* --- sessions table (multisession events; [tmj_session_cards] handles the course-card case) */
.anchor-event-sessions{margin:0 0 var(--cd-5)}
.anchor-event-sessions-title{font-size:var(--cd-h4);margin-bottom:var(--cd-3)}
.anchor-event-sessions-list{width:100%;border-collapse:collapse;font-size:var(--cd-small)}
.anchor-event-sessions-list th,.anchor-event-sessions-list td{padding:var(--cd-2) var(--cd-3);text-align:left;border-bottom:1px solid var(--cd-line)}
.anchor-event-sessions-list thead th{color:var(--cd-ink-strong)}

/* --- notices / closed states -------------------------------------------------------------- */
.anchor-event-notice{
	margin:0 0 var(--cd-4);padding:var(--cd-3) var(--cd-4);border-radius:var(--cd-r-sm);
	background:var(--cd-ground-tint);border-left:4px solid var(--cd-ink-accent);
	font-size:var(--cd-small);color:var(--cd-ink);
}
.anchor-event-registration-closed,.anchor-event-registration-blocked{
	padding:var(--cd-4) var(--cd-5);border-radius:var(--cd-r-md);
	background:var(--cd-ground-tint);color:var(--cd-ink-muted);font-size:var(--cd-body);
}

/* --- free registration form (Module::render_registration_form(), free mode) --------------- */
form.anchor-event-registration{display:flex;flex-direction:column;gap:var(--cd-3);width:100%;max-width:520px}
.anchor-event-field{display:flex;flex-direction:column;gap:var(--cd-2);text-align:left}
.anchor-event-field label{font-size:var(--cd-small);font-weight:700;color:var(--cd-ink-strong)}
.anchor-event-field input[type=text],.anchor-event-field input[type=email],.anchor-event-field input[type=tel],
.anchor-event-field input[type=number],.anchor-event-field input[type=url],.anchor-event-field input[type=date],.anchor-event-field input[type=time],
.anchor-event-field select,.anchor-event-field textarea{
	font-family:var(--cd-font);font-size:var(--cd-body);color:var(--cd-ink-strong);
	background:var(--cd-white);border:1px solid var(--cd-teal-200);
	border-radius:var(--cd-r-sm);min-height:48px;padding:var(--cd-2) var(--cd-4);width:100%;
}
.anchor-event-field textarea{min-height:96px;resize:vertical}
.anchor-event-required{color:var(--cd-orange-700)}

/* --- buttons: the plugin's own .anchor-event-button onto .btn's look ---------------------- */
.anchor-event-button{
	display:inline-flex;align-items:center;justify-content:center;min-height:48px;
	padding:var(--cd-3) var(--cd-6);border:2px solid var(--cd-accent);border-radius:var(--cd-r-pill);
	background:var(--cd-accent);color:var(--cd-accent-ink);font:700 var(--cd-body)/1.2 var(--cd-font);
	text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s;
}
.anchor-event-button:hover,.anchor-event-button:focus-visible{background:var(--cd-accent-hover);border-color:var(--cd-accent-hover);color:var(--cd-accent-ink)}
.anchor-event-button-secondary{
	--btn-fg:var(--cd-ink-strong);background:transparent;border:2px solid currentColor;color:var(--cd-ink-strong);
}
.anchor-event-button-secondary:hover,.anchor-event-button-secondary:focus-visible{background:var(--cd-ink-strong);color:var(--cd-ground)}

/* --- ticket tiers (class-woocommerce.php's filter_registration_form()) -------------------- */
.anchor-event-tickets{display:flex;flex-direction:column;gap:var(--cd-4);width:100%;max-width:560px}
.anchor-event-ticket-rows{display:flex;flex-direction:column;gap:var(--cd-2)}
.anchor-event-ticket-row{
	display:flex;align-items:center;justify-content:space-between;gap:var(--cd-3);flex-wrap:wrap;
	padding:var(--cd-3) var(--cd-4);border:1px solid var(--cd-line);border-radius:var(--cd-r-sm);
	background:var(--cd-white);
}
.anchor-event-ticket-label{font-weight:700;color:var(--cd-ink-strong)}
.anchor-event-ticket-price{font-weight:700;color:var(--cd-ink-brand)}
.anchor-event-ticket-availability{font-size:var(--cd-small);color:var(--cd-ink-muted)}
.anchor-event-ticket-unavailable,.anchor-event-ticket-closed,.anchor-event-ticket-soldout{color:var(--cd-orange-700)}
.anchor-event-ticket-row input[type=number]{
	width:64px;min-height:40px;text-align:center;font:700 var(--cd-body) var(--cd-font);
	color:var(--cd-ink-strong);background:var(--cd-white);border:1px solid var(--cd-teal-200);border-radius:var(--cd-r-sm);
}
.anchor-event-tickets-actions{display:flex}
.anchor-event-tickets-actions .anchor-event-button{width:100%}
.anchor-event-cart-msg{font-size:var(--cd-small)}
.anchor-event-cart-msg--error{color:var(--cd-orange-700)}
.anchor-event-cart-msg--success{color:var(--cd-ink-brand)}
.anchor-event-free-registration{margin-top:var(--cd-4);padding-top:var(--cd-4);border-top:1px solid var(--cd-line)}

/* --- external registration (embed or link-out) -------------------------------------------- */
.anchor-event-registration-external{display:flex;flex-direction:column;gap:var(--cd-3);align-items:flex-start}
.anchor-event-external-price{font-size:var(--cd-h4);font-weight:700;color:var(--cd-ink-brand)}
.anchor-event-external-embed{width:100%;max-width:560px}

/* --- choose-a-date picker (group parent) / sibling dates (group child) -------------------- */
.anchor-event-choose-date-list,.anchor-event-other-dates-list{
	display:grid;gap:var(--cd-3);list-style:none;margin:0;padding:0;
}
.anchor-event-choose-date-row{
	display:flex;align-items:center;justify-content:space-between;gap:var(--cd-4);flex-wrap:wrap;
	padding:var(--cd-4) var(--cd-5);border:1px solid var(--cd-line);border-radius:var(--cd-r-md);
	background:var(--cd-white);
}
.anchor-event-choose-date-title,.anchor-event-choose-date-date{font-weight:700;color:var(--cd-ink-strong)}
.anchor-event-choose-date-label,.anchor-event-choose-date-availability{font-size:var(--cd-small);color:var(--cd-ink-muted)}
.anchor-event-choose-date-link,.anchor-event-choose-date-cta{
	display:inline-flex;align-items:center;justify-content:center;min-height:44px;
	padding:var(--cd-2) var(--cd-5);border:2px solid var(--cd-accent);border-radius:var(--cd-r-pill);
	background:var(--cd-accent);color:var(--cd-accent-ink);font:700 var(--cd-small)/1.2 var(--cd-font);
	text-decoration:none;white-space:nowrap;
}
.anchor-event-choose-date-link:hover,.anchor-event-choose-date-cta:hover{background:var(--cd-accent-hover);border-color:var(--cd-accent-hover)}
.anchor-event-other-dates-title{font-size:var(--cd-h4);margin-bottom:var(--cd-3)}
.anchor-event-other-dates-empty{font-size:var(--cd-small);color:var(--cd-ink-muted)}

/* --- gallery / lightbox: color only, structure stays the plugin's own -------------------- */
.anchor-event-gallery-nav{background:var(--cd-white);color:var(--cd-ink-strong)}
.anchor-event-lightbox-close,.anchor-event-lightbox-nav{color:var(--cd-white)}

/* --- archive: "Other events" / "Past events" fallback grids (archive-event.php) ---------- */
.event-archive-past .card--course{opacity:.75}