/*
 * "Prossimi eventi" widget - classic (pre-6.x) appearance.
 * Site: fisioterapista-bologna.net (Zambonelli) - theme: breakthrough-pro (Genesis)
 *
 * WHY THIS FILE EXISTS
 * The stylesheet that used to dress this widget shipped with The Events Calendar 5.5.0.1 and was
 * removed in 6.x together with the V1 views. The rules below are NOT invented: they were taken
 * from that very stylesheet as archived for THIS site, and then given the site's own typography.
 *
 *   source: web.archive.org/web/20220401071949id_/.../the-events-calendar/src/resources/css/
 *           tribe-events-theme.min.css?ver=5.5.0.1   (the version this site ran until 2026-09-04)
 *   markup: web.archive.org snapshot of the site's footer, 2025-10-08
 *
 * Original values kept verbatim, and worth knowing before editing:
 *   - a FEATURED event was a solid blue card (#0ea0d7) with white title and white date;
 *   - its image bled to the full width of the card (negative 1.5rem side margins);
 *   - the list had no bullets and 1.5rem of side padding;
 *   - the "see all events" link was 15px, bold, not underlined.
 *
 * HOW TO EDIT
 * Change the values in the "KNOBS" block below; nothing else needs touching.
 * NOTE: the typography knobs repeat the ones in tec-legacy-look.css on purpose - this sheet loads
 * on every page (the widget lives in the footer), that one only on calendar pages. If you change a
 * font or a colour there, change it here too.
 */

/* ============================================================================
 * 1. KNOBS - this is the block to edit
 * ==========================================================================*/
.zb-legacy-events {
	/* --- Site typography (same values as tec-legacy-look.css) --- */
	--zb-w-font-body:      "Alegreya Sans", sans-serif;
	--zb-w-font-heading:   "PT Serif", serif;

	/* --- The blue card of a featured event: the plugin's own 5.5.0.1 value --- */
	--zb-w-featured-bg:    #0ea0d7;
	--zb-w-featured-text:  #ffffff;

	/* --- Ordinary (non featured) event --- */
	--zb-w-title:          #25212a;   /* theme heading colour */
	--zb-w-text:           #4e4756;   /* theme body text */

	/* --- Spacing, from the original stylesheet --- */
	--zb-w-card-padding:   1.5rem;    /* side padding of each event (= 15px here, see note) */
	--zb-w-card-gap:       1.25rem;   /* space below each event */

	/* --- Typography of the event, 2026-09-05 --- *
	 * The original (and the first version of this sheet) inherited the theme's h4: 20px/24px.
	 * In a 195px-wide column a long title then ran to four lines and overpowered the card, so the
	 * client asked for something in keeping with the neighbouring widgets. 18px is not invented:
	 * it is the size the footer already uses for body text and for the menu links (measured on
	 * the live site, 2026-09-05). The date drops to 16px so it stays below the title in the
	 * hierarchy - it was 18px before, same as the title, which now would read as equal weight.
	 * To go back to the original exactly: title 20px/24px, date 18px. */
	--zb-w-title-size:     18px;
	--zb-w-title-line:     22px;
	--zb-w-date-size:      16px;

	/* --- "Vedi Tutti gli Eventi" link --- */
	--zb-w-link-size:      15px;
	--zb-w-link-weight:    700;
}

/* ============================================================================
 * 2. The list
 * ==========================================================================*/
.zb-legacy-events .tribe-list-widget {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.zb-legacy-events .tribe-events-list-widget-events {
	list-style: none;
	padding: 0 var(--zb-w-card-padding);
	margin-bottom: var(--zb-w-card-gap);
	font-family: var(--zb-w-font-body);
	color: var(--zb-w-text);
}

/*
 * TEXT CUT OFF ON THE LEFT - fixed 2026-09-05.
 * The theme sets `text-indent: -20px` on the footer list items (a hanging indent for bulleted
 * menus). `text-indent` is INHERITED, so every line of the event title and date started 20px to
 * the left of its box: with only 15px of card padding, the first character was drawn 5px OUTSIDE
 * the blue card and was clipped. Measured on the live page: title box at x=1000, first glyph
 * painted at x=980, card starting at x=985.
 * NOTE: this was NOT a regression of this widget - the same clipping is visible in the archived
 * original (web.archive.org 2025-10-08, re-rendered with the theme's real stylesheets), where
 * "Gruppo di Antiginnastica" and "9 Ottobre" are cut in exactly the same way. It is an old defect
 * of the site that nobody had reported; this rule corrects it rather than reproducing it.
 */
.zb-legacy-events .tribe-events-list-widget-events,
.zb-legacy-events .tribe-events-list-widget-events * {
	text-indent: 0;
}

/* The theme numbers list items through a counter in some contexts; make sure nothing shows. */
.zb-legacy-events .tribe-events-list-widget-events::before {
	content: none;
}

/* ============================================================================
 * 3. Event image - full-bleed inside the card, as in the original
 * ==========================================================================*/
.zb-legacy-events .tribe-event-image {
	line-height: 0;
	margin-left: calc(-1 * var(--zb-w-card-padding));
	margin-right: calc(-1 * var(--zb-w-card-padding));
	overflow: hidden;
}

.zb-legacy-events .tribe-event-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* ============================================================================
 * 4. Title and date
 * ==========================================================================*/
.zb-legacy-events .tribe-event-title {
	margin-top: 0;
	margin-bottom: 0.25rem;
	font-family: var(--zb-w-font-heading);
	color: var(--zb-w-title);
	font-size: var(--zb-w-title-size);
	line-height: var(--zb-w-title-line);
}

.zb-legacy-events .tribe-event-title a {
	color: inherit;
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
}

.zb-legacy-events .tribe-event-duration {
	font-family: var(--zb-w-font-body);
	color: var(--zb-w-text);
	font-size: var(--zb-w-date-size);
}

/* The date is built by the plugin out of spans, which must not pick their size up elsewhere. */
.zb-legacy-events .tribe-event-duration span {
	font-size: inherit;
}

/* ============================================================================
 * 5. Featured event: the blue card
 * ==========================================================================*/
.zb-legacy-events .tribe-event-featured {
	background: var(--zb-w-featured-bg);
	padding-bottom: 0.75rem;
}

.zb-legacy-events .tribe-event-featured .tribe-event-title {
	margin-top: 0.75rem;
}

.zb-legacy-events .tribe-event-featured .tribe-event-title,
.zb-legacy-events .tribe-event-featured .tribe-event-title a,
.zb-legacy-events .tribe-event-featured .tribe-event-duration {
	color: var(--zb-w-featured-text);
}

/* ============================================================================
 * 6. "Vedi Tutti gli Eventi" link
 * ==========================================================================*/
.zb-legacy-events .tribe-events-widget-link {
	margin-bottom: 0;
}

.zb-legacy-events .tribe-events-widget-link a {
	font-family: var(--zb-w-font-body);
	font-size: var(--zb-w-link-size);
	font-weight: var(--zb-w-link-weight);
	text-decoration: none;
}