/* mytickets.mu coming soon (Elementor template 12), polished v3.
   Content is visible by default; mt-cs.js only adds motion on top. */
:root {
  --mt-red: #FF1F3D;
  --mt-ink: #0B0B0C;
  --mt-text: #F4F4F6;
  --mt-text-2: #B9B9C2;   /* 9.6:1 on ink */
  --mt-text-3: #8E8E98;   /* 5.9:1 on ink */
  --mt-line: rgba(255,255,255,.12);
  --mt-ease: cubic-bezier(.16,1,.3,1);
  --mt-display: 'Archivo', 'Arial Narrow', sans-serif;
  --mt-body: 'Figtree', system-ui, sans-serif;
  --mt-mono: 'JetBrains Mono', ui-monospace, monospace;
}
body.elementor-maintenance-mode, .elementor-12 { background: var(--mt-ink); }
.elementor-12 p, .elementor-12 h1, .elementor-12 h2, .elementor-12 h3 { margin: 0; }
.elementor-12 [data-id="cs-wrap"] { overflow: hidden; position: relative; isolation: isolate; }

/* status pill */
.elementor-12 [data-id="cs-status"] {
  display: inline-flex; align-items: center; gap: 10px; white-space: nowrap;
  font: 700 11px/1 var(--mt-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--mt-text);
  padding: 10px 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px;
}
.elementor-12 [data-id="cs-status"]::before {
  content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--mt-red);
  box-shadow: 0 0 0 0 rgba(255,31,61,.55); animation: mtPulse 2s var(--mt-ease) infinite;
}
@keyframes mtPulse { 70% { box-shadow: 0 0 0 8px rgba(255,31,61,0); } 100% { box-shadow: 0 0 0 0 rgba(255,31,61,0); } }

/* hero */
.elementor-12 [data-id="cs-eyebrow"] {
  font: 700 13px/1.6 var(--mt-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--mt-red);
  text-align: center; text-wrap: balance; max-width: none;
}
.elementor-12 [data-id="cs-title"] {
  font-family: var(--mt-display) !important; font-weight: 900 !important;
  font-stretch: 62%; font-variation-settings: 'wdth' 62;
  font-size: clamp(3.5rem, 11vw, 6rem) !important; line-height: .9 !important; letter-spacing: -.01em !important;
  text-transform: uppercase; text-align: center; color: var(--mt-text) !important; text-wrap: balance;
}
.elementor-12 [data-id="cs-title"] span { display: inline-block; color: transparent; -webkit-text-stroke: 2px var(--mt-red); }
.elementor-12 [data-id="cs-lede"] {
  font: 400 clamp(1rem, .9rem + .4vw, 1.1875rem)/1.65 var(--mt-body); color: var(--mt-text-2);
  text-align: center; max-width: 36rem; text-wrap: pretty;
}

/* features: one ruled sheet, not boxed cards */
.elementor-12 [data-id="cs-features"] {
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  gap: 28px !important; width: 100% !important; margin-top: clamp(40px, 7vw, 88px) !important;
}
.elementor-12 [data-id="cs-features-title"] {
  font-family: var(--mt-display) !important; font-weight: 900 !important;
  font-stretch: 62%; font-variation-settings: 'wdth' 62;
  font-size: clamp(2rem, 1.4rem + 2vw, 3rem) !important; line-height: 1 !important;
  text-transform: uppercase; text-align: center; color: var(--mt-text) !important; text-wrap: balance;
}
.elementor-12 [data-id="cs-feature-grid"] {
  display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
  gap: 0 !important; width: 100% !important; border-top: 1px solid var(--mt-line);
}
.elementor-12 [data-id^="feat-"] {
  display: flex !important; flex-direction: column !important; gap: 10px !important;
  padding: 28px 28px 32px 0 !important; position: relative;
  border-bottom: 1px solid var(--mt-line);
}
.elementor-12 [data-id^="feat-"]::before { /* the logo's red square, as a marker */
  content: ''; width: 12px; height: 12px; border-radius: 3px; background: var(--mt-red); margin-bottom: 8px;
  transition: transform .5s var(--mt-ease), border-radius .5s var(--mt-ease);
}
.elementor-12 [data-id^="feat-"]::after { /* red rule that draws in on hover */
  content: ''; position: absolute; left: 0; right: 28px; top: -1px; height: 1px; background: var(--mt-red);
  transform: scaleX(0); transform-origin: left; transition: transform .6s var(--mt-ease);
}
.elementor-12 [data-id^="feat-"] h3 {
  font: 700 1.1875rem/1.3 var(--mt-body) !important; color: var(--mt-text) !important; text-wrap: balance;
}
.elementor-12 [data-id^="feat-"] p { font: 400 .9375rem/1.6 var(--mt-body); color: var(--mt-text-2); max-width: 34ch; text-wrap: pretty; }
@media (hover: hover) {
  .elementor-12 [data-id^="feat-"]:hover::after { transform: scaleX(1); }
  .elementor-12 [data-id^="feat-"]:hover::before { transform: rotate(45deg) scale(.85); border-radius: 2px; }
}

/* footer */
.elementor-12 [data-id="cs-foot"] {
  display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important;
  gap: 8px !important; width: 100% !important; max-width: 1200px !important;
  padding-top: 20px !important; border-top: 1px dashed rgba(255,255,255,.14);
}
.elementor-12 [data-id="cs-foot"] p { font: 500 12px/1 var(--mt-mono); letter-spacing: .08em; color: var(--mt-text-3); }

@media (max-width: 767px) {
  .elementor-12 [data-id="cs-status"] { font-size: 10px; letter-spacing: .14em; padding: 8px 12px; }
  .elementor-12 [data-id="cs-eyebrow"] { font-size: 11px; letter-spacing: .14em; max-width: 22em; line-height: 1.9; }
  .elementor-12 [data-id="cs-title"] span { -webkit-text-stroke-width: 1.5px; }
  .elementor-12 [data-id^="feat-"] { padding: 24px 0 26px !important; }
  .elementor-12 [data-id^="feat-"]::after { right: 0; }
  .elementor-12 [data-id="cs-foot"] { flex-direction: column !important; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-12 [data-id="cs-status"]::before { animation: none; }
  .elementor-12 [data-id^="feat-"]::before, .elementor-12 [data-id^="feat-"]::after { transition: none; }
}
