/* ============================================================
   EVENTIUM — 2026 rebrand override stylesheet
   Loaded after all Elementor CSS on every page.
   Palette (Brand Guidelines):
     Eventium Turquoise #00D8D8 | Electric Aqua #41F2E9
     True Black #080C0F | Graphite #363C42 | Pure White #FFFFFF
   Type: Space Age (display) / BD Sans (expressive) / Montserrat (body)
   ============================================================ */

@font-face {
  font-family: 'Space Age';
  src: url('/brand/fonts/space-age.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BD Sans';
  src: url('/brand/fonts/BDSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BD Sans';
  src: url('/brand/fonts/BDSans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --ev-turquoise: #00D8D8;
  --ev-aqua: #41F2E9;
  --ev-black: #080C0F;
  --ev-graphite: #363C42;
  --ev-white: #FFFFFF;
  --ev-body: #C7CDD2;
}

/* ---------- Global canvas ---------- */
body,
body.elementor-page-20:not(.elementor-motion-effects-element-type-background),
body.elementor-page-20 > .elementor,
body.elementor-page-6,
body.elementor-page-136 {
  background-color: var(--ev-black) !important;
  color: var(--ev-body);
}
body {
  font-family: 'Montserrat', Sans-serif;
}

/* Body copy & generic text (!important: some sections set color:#000) */
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description,
.elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description {
  font-family: 'Montserrat', Sans-serif;
  color: var(--ev-body) !important;
}

/* Google Maps embed: match the dark theme */
.elementor-widget-google_maps iframe {
  filter: invert(90%) hue-rotate(180deg) saturate(0.8);
}

/* ---------- Headings ---------- */
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Montserrat', Sans-serif;
  color: var(--ev-white);
}
/* Section titles (h2) get the Space Age display face.
   !important needed: post-20/post-6 set some titles to #000000. */
h2.elementor-heading-title {
  font-family: 'Space Age', 'Montserrat', Sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ev-white) !important;
}
h1.elementor-heading-title,
h3.elementor-heading-title {
  color: var(--ev-white) !important;
}

/* Diagonal section shape dividers: light gray -> blend into True Black */
.elementor-shape .elementor-shape-fill {
  fill: var(--ev-black) !important;
}
h6.elementor-heading-title {
  color: var(--ev-body);
}
.elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title,
.elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title {
  font-family: 'Montserrat', Sans-serif;
  color: var(--ev-white);
}

/* ---------- Header / sticky nav (post-6 sections 2076b2e & 0a4c00d,
              mirrored on other pages) ---------- */
.elementor-6 .elementor-element.elementor-element-2076b2e:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-2076b2e,
.elementor-6 .elementor-element.elementor-element-0a4c00d:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-0a4c00d,
.elementor-136 .elementor-element.elementor-element-5b6b7b5c:not(.elementor-motion-effects-element-type-background) {
  background-color: rgba(8, 12, 15, 0.92) !important;
  border-bottom: 1px solid rgba(0, 216, 216, 0.25);
}

/* Nav items */
.elementor-nav-menu .elementor-item {
  font-family: 'Montserrat', Sans-serif !important;
  color: var(--ev-white) !important;
}
.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
  background-color: var(--ev-turquoise) !important;
}
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active {
  color: var(--ev-aqua) !important;
}
.elementor-nav-menu--dropdown {
  background-color: var(--ev-graphite) !important;
}
.elementor-nav-menu--dropdown a:hover,
.elementor-nav-menu--dropdown a.elementor-item-active {
  background-color: var(--ev-turquoise) !important;
  color: var(--ev-black) !important;
}
.elementor-menu-toggle i {
  color: var(--ev-turquoise);
}

/* ---------- Hero sections (post-20 template) ---------- */
/* Dark-red gradient overlays -> black-to-teal glow */
/* Hero: exhibition hall overview. Fresh URLs so cached old heroes never show */
.elementor-20 .elementor-element.elementor-element-cca3b0c:not(.elementor-motion-effects-element-type-background) {
  background-image: url("/brand/hero-hall.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
}
.elementor-20 .elementor-element.elementor-element-cca3b0c > .elementor-background-overlay {
  /* black tint so the white headline stays readable */
  background-image: linear-gradient(rgba(8, 12, 15, 0.68), rgba(8, 12, 15, 0.68)) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
/* Our Work band: stand build-up in progress */
.elementor-20 .elementor-element.elementor-element-4ea74bf:not(.elementor-motion-effects-element-type-background) {
  background-image: url("/brand/work-setup.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
}
.elementor-20 .elementor-element.elementor-element-4ea74bf > .elementor-background-overlay {
  background-image: linear-gradient(180deg, rgba(8, 12, 15, 0.55) 0%, rgba(8, 12, 15, 0.85) 100%) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
/* Hero headline */
.elementor-20 .elementor-element.elementor-element-7b1befb .elementor-heading-title,
.elementor-20 .elementor-element.elementor-element-f737c7e .elementor-heading-title {
  font-family: 'Space Age', 'Montserrat', Sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ev-white);
}

/* ---------- Light-gray band (contact area overlay, post-20 9db680d) ---------- */
.elementor-20 .elementor-element.elementor-element-9db680d > .elementor-background-overlay {
  background-color: var(--ev-black) !important;
  opacity: 0.94 !important;
}

/* ---------- Footer (post-20 457b4100) ---------- */
.elementor-20 .elementor-element.elementor-element-457b4100:not(.elementor-motion-effects-element-type-background) {
  background-color: var(--ev-black) !important;
  border-top: 1px solid rgba(0, 216, 216, 0.25);
}

/* ---------- Buttons ---------- */
.elementor-button,
.elementor-widget-button .elementor-button,
.elementor-widget-form .elementor-button,
.elementor-20 .elementor-element.elementor-element-8360879 .elementor-button,
.elementor-20 .elementor-element.elementor-element-33531257 .elementor-button {
  font-family: 'Montserrat', Sans-serif !important;
  font-weight: 600;
  background-color: var(--ev-turquoise) !important;
  color: var(--ev-black) !important;
  border-radius: 6px;
}
.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
.elementor-widget-form .elementor-button:hover,
.elementor-20 .elementor-element.elementor-element-8360879 .elementor-button:hover,
.elementor-20 .elementor-element.elementor-element-8360879 .elementor-button:focus,
.elementor-20 .elementor-element.elementor-element-33531257 .elementor-button:hover {
  background-color: var(--ev-aqua) !important;
  color: var(--ev-black) !important;
}

/* ---------- Icons ---------- */
.elementor-icon {
  color: var(--ev-turquoise) !important;
  border-color: var(--ev-turquoise) !important;
}
.elementor-view-stacked .elementor-icon {
  background-color: var(--ev-graphite) !important;
  color: var(--ev-aqua) !important;
}
.elementor-view-stacked .elementor-icon:hover,
.elementor-20 .elementor-element.elementor-element-3c47bab.elementor-view-stacked .elementor-icon:hover {
  background-color: var(--ev-turquoise) !important;
  color: var(--ev-black) !important;
}
.elementor-view-framed .elementor-icon:hover {
  background-color: var(--ev-turquoise) !important;
  color: var(--ev-black) !important;
}
/* SVG icon widgets (e.g. the back-to-top arrow): white, turquoise on hover */
.elementor-widget-icon .elementor-icon svg,
.elementor-widget-icon .elementor-icon svg path {
  fill: var(--ev-white);
  transition: fill 0.3s;
}
.elementor-widget-icon .elementor-icon:hover svg,
.elementor-widget-icon .elementor-icon:hover svg path {
  fill: var(--ev-turquoise);
}
.elementor-social-icon {
  background-color: transparent !important;
  color: var(--ev-white) !important;
}
.elementor-social-icon i,
.elementor-social-icon i:before {
  color: var(--ev-white) !important;
}
.elementor-social-icon:hover i,
.elementor-social-icon:hover i:before {
  color: var(--ev-turquoise) !important;
}

/* ---------- Dividers ---------- */
.elementor-widget-divider {
  --divider-border-color: var(--ev-turquoise) !important;
}
.elementor-divider-separator,
.elementor-widget-divider .elementor-divider-separator {
  border-color: var(--ev-turquoise) !important;
}

/* Hero headline frame (post-20 column 25b2fcb): white 5px box -> turquoise */
.elementor-20 .elementor-element.elementor-element-25b2fcb > .elementor-element-populated {
  border-color: var(--ev-turquoise) !important;
  border-width: 3px !important;
}

/* ---------- Forms (contact) ---------- */
.elementor-field-group .elementor-field,
.elementor-20 .elementor-element.elementor-element-33531257 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper),
.elementor-20 .elementor-element.elementor-element-33531257 .elementor-field-group .elementor-select-wrapper select {
  background-color: rgba(54, 60, 66, 0.55) !important;
  border: 1px solid rgba(0, 216, 216, 0.35) !important;
  color: var(--ev-white) !important;
  font-family: 'Montserrat', Sans-serif !important;
  border-radius: 6px;
}
.elementor-field-group .elementor-field::placeholder {
  color: rgba(199, 205, 210, 0.65);
}
.elementor-widget-form .elementor-field-group > label {
  color: var(--ev-body);
  font-family: 'Montserrat', Sans-serif;
}

/* ---------- Partner / client logos: keep legible on dark ----------
   No background chip; render the logos as white marks instead. */
.elementor-widget-image-carousel .swiper-slide {
  background: transparent;
  padding: 10px 14px;
}
.elementor-widget-image-carousel .swiper-slide img {
  filter: brightness(0) invert(1);
  opacity: 0.85;
  transition: opacity 0.3s;
}
.elementor-widget-image-carousel .swiper-slide img:hover {
  opacity: 1;
}

/* ---------- Misc dark-theme cleanup ---------- */
.elementor-widget-image .widget-image-caption {
  color: var(--ev-body);
  font-family: 'Montserrat', Sans-serif;
}
a {
  color: var(--ev-turquoise);
}
a:hover {
  color: var(--ev-aqua);
}
::selection {
  background: var(--ev-turquoise);
  color: var(--ev-black);
}

/* ---------- Our Work page (post-233): quote lockup ---------- */
/* The quote is built from many per-word heading widgets in "Share Tech Mono"
   alternating white / old-brand red. Rebrand: BD Sans, red -> turquoise. */
.elementor-233 .elementor-widget-heading .elementor-heading-title {
  font-family: 'BD Sans', 'Montserrat', Sans-serif !important;
}
/* The 57px per-word widgets overflow in BD Sans; size them to fit */
.elementor-233 .elementor-element.elementor-element-5abcd108 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-d671407 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-b65efab .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-b00ee19 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-9e1dcc7 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-3983ade .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-083a912 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-0095a58 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-9c1e087 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-c8f91dd .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-320afc4 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-fd32f88 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-164aa47 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-d94fad1 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-099657a .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-5c5c506 .elementor-heading-title {
  font-size: 40px !important;
  line-height: 1.25 !important;
  white-space: nowrap;
}

.elementor-233 .elementor-element.elementor-element-0095a58 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-9c1e087 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-c8f91dd .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-320afc4 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-fd32f88 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-164aa47 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-d94fad1 .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-099657a .elementor-heading-title,
.elementor-233 .elementor-element.elementor-element-5c5c506 .elementor-heading-title {
  color: var(--ev-turquoise) !important;
}

/* Logo sizing (new SVG lockup replaces old PNG) */
img.eventium-logo {
  max-width: 300px;
  height: auto;
}