/**
 * TS Events Calendar — Frontend Stylesheet
 * Plugin: ts-events-calendar
 * Version: 1.2.0
 *
 * NOTE: The bulk of the schedule UI styles live inline inside
 * includes/shortcodes.php (tsec_schedule_styles()).
 * This file is enqueued via wp_enqueue_style() so WordPress can
 * version-bust it and any theme can override rules here without
 * touching PHP.
 *
 * TrainingSites brand palette is defined here as CSS custom properties
 * so theme customisations can reference them without hunting through PHP.
 */

/* -----------------------------------------------------------------------
   TrainingSites brand tokens
   --------------------------------------------------------------------- */

:root {
	--tsec-primary:        #0B4F6C; /* Brand dark blue — buttons, tabs, links */
	--tsec-primary-hover:  #0a3f57; /* Darker shade for hover states          */
	--tsec-accent-green:   #20BF55; /* Brand green — success, free badge       */
	--tsec-accent-blue:    #6EC1E4; /* Brand light blue — highlights, dark-mode active */
	--tsec-badge-dark:     #1e293b; /* Dark badge bg (Workshop / Skill type)   */
	--tsec-surface:        #ffffff; /* Card background                         */
	--tsec-border:         #e2e8f0; /* Default border / divider colour         */
	--tsec-text-body:      #333333; /* Brand body text                         */
	--tsec-text-muted:     #64748b; /* Secondary / muted text                  */
}

/* -----------------------------------------------------------------------
   Base resets scoped to the plugin wrapper
   --------------------------------------------------------------------- */

.tsec-schedule *,
.tsec-schedule *::before,
.tsec-schedule *::after {
	box-sizing: border-box;
}

/* -----------------------------------------------------------------------
   Utility: visually hidden (accessible text for screen readers)
   --------------------------------------------------------------------- */

.tsec-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* -----------------------------------------------------------------------
   Theme overrides — uncomment and edit as needed
   (These use the brand tokens above so edits stay in one place)
   --------------------------------------------------------------------- */

/*
.tsec-btn--primary {
	background-color: var(--tsec-primary);
}

.tsec-tab.active {
	background: var(--tsec-primary);
	border-color: var(--tsec-primary);
}
*/