/**
 * The Events Calendar (v2 views) skin — City of Everett Home Page Refresh
 * Figma, "Calendar & Events" (node 634:26312). Unprocessed CSS enqueued
 * directly (same pattern as gravity-forms.css), not part of the Vite/
 * Tailwind build, since it only needs to exist on Tribe Events pages.
 *
 * This file is just the shared `:root` vars/resets plus an `@import`
 * manifest — the actual rules live in ./tribe-events/*.css, split by
 * concern (hero, top-bar, filter bar, month view, list view). Still a
 * single plain, unprocessed stylesheet: `@import` here is native CSS,
 * resolved by the browser, not a build step, so nothing about the
 * enqueue in ThemeEnqueue::enqueue_tribe_events_styles() changes.
 *
 * Restyles Tribe's default v2 markup/classes rather than replacing it, so
 * search, pagination, the datepicker, and view switching keep working.
 * Pairs with the `components/header.php` override, which regroups the
 * title + search into the `.coe-events-hero` band ./tribe-events/hero.css
 * colors.
 *
 * Blue (#2071a8 / #b1d6ef) is the confirmed "mid-blue" hero token also
 * used by blocks/hero-secondary/style.css — not sampled directly from
 * this Figma frame, since a header hero already has a confirmed brand
 * color to match rather than inventing a new one.
 *
 * `!important` throughout: Tribe's own views-skeleton.css ships several
 * `.tribe-common--breakpoint-medium.tribe-events .foo` -style selectors
 * (3 classes) that outrank a plain `.coe-events-hero`/`.tribe-events-…`
 * override (1-2 classes) regardless of source order — confirmed via
 * computed styles on 2026-09-01 (hero background and grid cell borders
 * were both silently losing to those rules). Same situation as
 * tailwind.config.js's `important: true` for Salient's unlayered CSS.
 */

@import "./tribe-events/hero.css";
@import "./tribe-events/topbar.css";
@import "./tribe-events/filter-bar.css";
@import "./tribe-events/month-view.css";
@import "./tribe-events/list-view.css";

:root {
	--height-navbar-desktop: 113px; /* todo: responsive; scroll */

	/* Overrides */
	--tec-grid-width: 1728px; 

	/* Page-edge gutter: match the site header's side padding (Salient: 90px
	   from 1000px up, 6vw below) so the calendar content lines up with the
	   logo/nav edges instead of Tribe's 42px / 19.5px. */
	--tec-grid-gutter-page: 6vw;
	--tec-grid-gutter-page-small: 6vw;

	--tec-color-accent-primary: var(--Red-100, #BA0C2F); /* todo: ; prevent blue to red animation on page load for caelndar month view mobile */
}

@media (min-width: 1000px) {
	:root {
		--tec-grid-gutter-page: 90px;
		--tec-grid-gutter-page-small: 90px;
	}
}

.tribe-events-series-relationship-single-marker,
.tribe-events-notices {
	display: none;
}

/* todo: setting? */
.tribe-events-c-subscribe-dropdown__container.tribe-events-c-subscribe-dropdown__container {
	display: none;
}

/* A tribe_event_series singular has no Salient header meta of its own, so
   nectar/helpers/page-header.php's single-post branch (`the_title()` inside
   `.section-title.blog-title`) auto-renders a plain black title above the
   View — duplicating the title tribe/events/v2/components/header.php's
   hero-secondary banner already renders for this same page. */
body.single-tribe_event_series .section-title.blog-title {
	display: none;
}