.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}/*! elementor-pro - v4.1.0 - 23-06-2026 */
.elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{align-items:center;display:flex;flex-wrap:nowrap;font-size:13px;justify-content:space-between;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{align-items:center;display:flex;flex-basis:0;flex-direction:column;justify-content:center;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden;position:relative;width:100%}.e-form__indicators__indicator__progress__meter{background-color:var(--e-form-steps-indicator-progress-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);color:var(--e-form-steps-indicator-progress-meter-color);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;text-align:right;transition:width .1s linear;width:var(--e-form-steps-indicator-progress-meter-width,0)}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{border-color:var(--e-form-steps-indicator-active-secondary-color,#fff);color:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{background-color:initial;color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{align-items:center;border-style:solid;border-width:1px;display:flex;font-size:var(--e-form-steps-indicator-icon-size);height:var(--e-form-steps-indicator-padding,30px);justify-content:center;margin-bottom:10px;overflow:hidden;width:var(--e-form-steps-indicator-padding,30px)}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{height:auto;width:var(--e-form-steps-indicator-icon-size)}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{align-items:center;border-style:solid;border-width:1px;display:flex;height:var(--e-form-steps-indicator-padding,30px);justify-content:center;margin-bottom:10px;width:var(--e-form-steps-indicator-padding,30px)}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{background-color:#babfc5;height:var(--e-form-steps-divider-width);width:100%}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) / 2 - var(--e-form-steps-divider-width, 1px) / 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button .elementor-button-content-wrapper{align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-form .elementor-button .elementor-button-content-wrapper{gap:5px}.elementor-form .elementor-button .elementor-button-icon,.elementor-form .elementor-button .elementor-button-text{flex-grow:unset;order:unset}.elementor-select-wrapper .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.elementor-select-wrapper .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;fill:currentColor;overflow:visible;width:1em}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:""!important}.elementor-message-svg:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDExIj48cGF0aCBmaWxsPSIjMDA4YTIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTUgMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-position:50%;background-repeat:no-repeat;content:"";height:1em;width:1em}.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;transition:background-color 200ms;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;transition:opacity 200ms;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;transition:opacity 200ms;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;}/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.7
	Stable tag: 3.4.7
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*//*
Theme Name:   Treble Ahead Child
Theme URI:    https://treble-ahead.com
Description:  Child theme for Treble Ahead Productions. Parent: Hello Elementor.
              Optimised for HostGator Shared Hosting (cPanel / suPHP).
              Compatible with WordPress 6.x and Elementor 3.35+.
Author:       Treble Ahead Productions
Author URI:   https://treble-ahead.com
Template:     hello-elementor
Version:      4.1.2
Last Updated: 2026-06-21
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
Text Domain:  treble-ahead-child
*/

/* ================================================================
   TREBLE AHEAD PRODUCTIONS — CHILD THEME CSS v4.0
   Clean build — layout fixes are in /wp-content/mu-plugins/ta-layout-fix.php
   This file: brand tokens, typography, components only.
   ================================================================
   Palette
     #FFD700  Warning Yellow   — primary accent
     #d4b000  Yellow Dark      — hover/pressed state
     #0A0A0A  Background       — body, page
     #141414  Dark Alt         — alternating sections
     #1E1E1E  Card Background
     #F5F0E8  Text Primary
     #8A8A8A  Text Muted
   Fonts (loaded via wp_enqueue_style in functions.php)
     Playfair Display 700/900  — headings
     DM Sans 300/400/500       — body copy
     Space Mono 400/700        — labels, captions, mono
   ================================================================ */

/* ── 1. CSS CUSTOM PROPERTIES ──────────────────────────────── */
:root {
  --ta-yellow:       #FFD700;
  --ta-yellow-dark:  #d4b000;
  --ta-yellow-glow:  rgba(255,215,0,0.12);
  --ta-black:        #0A0A0A;
  --ta-dark1:        #141414;
  --ta-card-bg:      #1E1E1E;
  --ta-text:         #F5F0E8;
  --ta-muted:        #8A8A8A;
  --ta-border:       rgba(255,215,0,0.12);
  --ta-font-heading: 'Playfair Display', Georgia, serif;
  --ta-font-body:    'DM Sans', system-ui, sans-serif;
  --ta-font-mono:    'Space Mono', monospace;
  --ta-ease:         0.25s ease;
}

/* ── 2. BASE ───────────────────────────────────────────────── */
html, body, #page { background-color: var(--ta-black); }
*, *::before, *::after { box-sizing: border-box; }

/* ── 3. TYPOGRAPHY ─────────────────────────────────────────── */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--ta-font-heading);
  color: var(--ta-text);
}
.elementor-widget-heading .elementor-heading-title em {
  color: var(--ta-yellow);
  font-style: italic;
}
.elementor-widget-text-editor p,
.elementor-widget-text-editor li { color: var(--ta-muted); }
.elementor-widget-text-editor a  { color: var(--ta-yellow); }

/* ── 4. EYEBROW LABEL ──────────────────────────────────────── */
.ta-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--ta-font-mono);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--ta-yellow);
  margin-bottom: 1rem;
}
.ta-eyebrow::before,
.ta-eyebrow::after {
  content: '';
  width: 24px;
  height: 1px;
  background: var(--ta-yellow);
  opacity: 0.6;
  flex-shrink: 0;
}

/* ── 5. BUTTONS ────────────────────────────────────────────── */
.elementor-widget-button .elementor-button {
  font-family: var(--ta-font-mono) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  transition: all var(--ta-ease) !important;
}
.elementor-widget-button .elementor-button:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}

/* ── 6. CARDS ──────────────────────────────────────────────── */
.ta-card {
  background: var(--ta-card-bg);
  border: 1px solid var(--ta-border);
  padding: 2rem 1.75rem;
  height: 100%;
  transition: border-color var(--ta-ease), transform var(--ta-ease);
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.ta-card:hover {
  border-color: var(--ta-yellow);
  transform: translateY(-3px);
}
.ta-card h3, .ta-card h4 {
  font-family: var(--ta-font-heading);
  font-weight: 700;
  color: var(--ta-text);
  margin-bottom: 0.5rem;
  overflow-wrap: break-word;
}
.ta-card p {
  font-size: 0.875rem;
  color: var(--ta-muted);
  line-height: 1.7;
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* ── 7. NAV MENU ───────────────────────────────────────────── */
.elementor-nav-menu .elementor-item,
.elementor-nav-menu--main .elementor-item {
  font-family: var(--ta-font-mono) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ta-muted) !important;
  transition: color var(--ta-ease) !important;
}
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active {
  color: var(--ta-yellow) !important;
}
/* "Book Now" pill */
.elementor-nav-menu li.menu-item-book-now > a.elementor-item {
  background: var(--ta-yellow) !important;
  color: var(--ta-black) !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 700 !important;
}
.elementor-nav-menu li.menu-item-book-now > a.elementor-item:hover {
  background: var(--ta-yellow-dark) !important;
}
/* Mobile */
.elementor-menu-toggle i,
.elementor-menu-toggle svg {
  color: var(--ta-yellow) !important;
  fill: var(--ta-yellow) !important;
}
.elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  background: var(--ta-black) !important;
  border: 1px solid var(--ta-border) !important;
}
.elementor-nav-menu--dropdown a.elementor-item {
  color: var(--ta-muted) !important;
  padding: 0.75rem 1.25rem !important;
}
.elementor-nav-menu--dropdown a.elementor-item:hover {
  color: var(--ta-yellow) !important;
  background: rgba(255,215,0,0.05) !important;
}

/* ── 8. HEADER ─────────────────────────────────────────────── */
.elementor-location-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(10,10,10,0.97) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--ta-border) !important;
}
.admin-bar .elementor-location-header { top: 32px !important; }
@media screen and (max-width: 782px) {
  .admin-bar .elementor-location-header { top: 46px !important; }
}

/* ── 9. FOOTER ─────────────────────────────────────────────── */
.elementor-location-footer {
  background: #000000 !important;
  border-top: 1px solid rgba(255,215,0,0.1) !important;
}

/* ── 10. TICKER ────────────────────────────────────────────── */
.ta-ticker-wrap {
  overflow: hidden;
  background: var(--ta-yellow);
  padding: 14px 0;
  white-space: nowrap;
  width: 100%;
}
.ta-ticker-track {
  display: inline-flex;
  animation: ta-ticker 30s linear infinite;
  white-space: nowrap;
}
.ta-ticker-wrap:hover .ta-ticker-track {
  animation-play-state: paused;
}
@keyframes ta-ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.ta-ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ta-font-mono);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ta-black);
  padding: 0 24px;
  text-decoration: none;
  flex-shrink: 0;
  white-space: nowrap;
}
.ta-ticker-item:hover { opacity: 0.7; }
.ta-ticker-sep { color: rgba(0,0,0,0.3); font-size: 0.55rem; }

/* ── 11. FORMS ─────────────────────────────────────────────── */
.elementor-form .elementor-field-group > label {
  color: var(--ta-muted);
  font-size: 0.75rem;
  font-weight: 500;
  font-family: var(--ta-font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.elementor-form .elementor-field {
  background: var(--ta-card-bg) !important;
  border: 1px solid var(--ta-border) !important;
  color: var(--ta-text) !important;
  font-family: var(--ta-font-body) !important;
  border-radius: 0 !important;
}
.elementor-form .elementor-field:focus {
  border-color: var(--ta-yellow) !important;
  outline: none !important;
  box-shadow: none !important;
}
.elementor-form .e-form__submit .elementor-button,
.elementor-form button[type="submit"] {
  background: var(--ta-yellow) !important;
  color: var(--ta-black) !important;
  font-family: var(--ta-font-mono) !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}
.elementor-form .e-form__submit .elementor-button:hover {
  background: var(--ta-yellow-dark) !important;
}
.elementor-message.elementor-message-success {
  background: rgba(34,197,94,0.1) !important;
  color: #4ade80 !important;
  border-color: rgba(34,197,94,0.3) !important;
}
.elementor-message.elementor-message-danger {
  background: rgba(239,68,68,0.1) !important;
  color: #f87171 !important;
  border-color: rgba(239,68,68,0.3) !important;
}

/* ── 12. ACCORDION ─────────────────────────────────────────── */
.elementor-accordion .elementor-accordion-item {
  border-color: var(--ta-border) !important;
  background: var(--ta-card-bg) !important;
}
.elementor-accordion .elementor-tab-title {
  color: var(--ta-text) !important;
  background: var(--ta-card-bg) !important;
  font-family: var(--ta-font-heading);
}
.elementor-accordion .elementor-tab-title.elementor-active {
  color: var(--ta-yellow) !important;
}
.elementor-accordion .elementor-tab-content {
  color: var(--ta-muted) !important;
  background: var(--ta-card-bg) !important;
}

/* ── 13. DIVIDER ───────────────────────────────────────────── */
.elementor-widget-divider .elementor-divider-separator {
  border-color: var(--ta-border) !important;
}

/* ── 14. SCROLLBAR & SELECTION ─────────────────────────────── */
::selection { background: var(--ta-yellow); color: var(--ta-black); }
::-webkit-scrollbar              { width: 5px; }
::-webkit-scrollbar-track        { background: var(--ta-black); }
::-webkit-scrollbar-thumb        { background: rgba(255,215,0,0.25); }
::-webkit-scrollbar-thumb:hover  { background: var(--ta-yellow); }

/* ── 15. REDUCED MOTION ────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
  .ta-ticker-track { animation: none !important; }
}

/* ── 16. PRINT ─────────────────────────────────────────────── */
@media print {
  .elementor-location-header,
  .elementor-location-footer,
  .ta-ticker-wrap { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
}

/* ================================================================
   COMING SOON PAGE — additional styles for the new landing page
   Append this block to /wp-content/themes/treble-ahead-child/style.css
   after the existing styles.
   ================================================================ */

/* ── Two-column grid override ──────────────────────────────────
   Elementor 3.35's inner-container `width` settings don't always
   import cleanly from JSON, which can cause the two columns to
   fall back to 100% width and stack on top of each other.
   CSS Grid takes precedence over Elementor's flex layout and is
   reliable regardless of what the editor thinks the child widths
   should be. The !important is needed because Elementor sets
   display via a CSS variable that has equal specificity.
   ────────────────────────────────────────────────────────────── */
.ta-cs-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}
.ta-cs-bottom-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 64px;
    align-items: start;
}
@media (max-width: 900px) {
    .ta-cs-hero-grid,
    .ta-cs-bottom-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* ── Mark + status row ─────────────────────────────────────────── */
.ta-cs-mark {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0;
    flex-wrap: wrap;
}
.ta-cs-mark-icon {
    width: 36px;
    height: 36px;
    object-fit: contain;
    flex-shrink: 0;
    filter: drop-shadow(0 0 14px rgba(255, 215, 0, 0.35));
    display: block;
}
.ta-cs-mark-label {
    font-family: var(--ta-font-mono);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--ta-text);
    margin-right: auto;
}
.ta-cs-status {
    font-family: var(--ta-font-mono);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--ta-yellow);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.ta-cs-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ta-yellow);
    box-shadow: 0 0 12px var(--ta-yellow);
    animation: ta-cs-pulse 2.4s ease-in-out infinite;
    display: inline-block;
}
@keyframes ta-cs-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.35; }
}
@media (prefers-reduced-motion: reduce) {
    .ta-cs-status-dot { animation: none; }
}

/* ── Hero portrait ─────────────────────────────────────────────── */
/* Elementor wraps the <img> in .elementor-widget-image > .elementor-widget-container > .elementor-image > a/img.
   The custom class lands on the widget wrapper, so target the inner img with descendant selectors. */
.ta-cs-portrait img {
    width: 100%;
    max-width: 420px;
    height: auto;
    display: block;
    margin: 0 auto;
    /* The image bleeds into the page background — a subtle yellow inner glow
       separates it without a hard frame. */
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 215, 0, 0.08);
}
@media (min-width: 1024px) {
    .ta-cs-portrait img {
        max-width: 440px;
    }
}

/* ── Sidebar "tracks" cards ────────────────────────────────────── */
.ta-cs-tracks {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.ta-cs-track {
    padding: 1rem 1.25rem;
    background: var(--ta-card-bg);
    border-left: 2px solid var(--ta-yellow);
}
.ta-cs-track-name {
    font-family: var(--ta-font-mono);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--ta-yellow);
    margin-bottom: 0.25rem;
}
.ta-cs-track-desc {
    font-size: 0.9rem;
    color: var(--ta-text);
    line-height: 1.5;
}

/* ── Footer logo + lines ───────────────────────────────────────── */
.ta-cs-footer-logo img {
    width: auto;
    max-width: 180px;
    height: auto;
    display: block;
}
.ta-cs-footer-line {
    font-family: var(--ta-font-mono);
    font-size: 0.6rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--ta-muted);
}
.ta-cs-footer-line strong {
    color: var(--ta-text);
    font-weight: 700;
}
.ta-cs-footer-copy {
    margin-top: 0.25rem;
}

/* ── Mobile adjustments ────────────────────────────────────────── */
@media (max-width: 767px) {
    .ta-cs-portrait img {
        max-width: min(360px, 85vw);
    }
    .ta-cs-footer-logo img {
        max-width: 160px;
    }
}