/* ============================================================
   TD VENTURES — BLOOMBERG TERMINAL THEME
   Paste this ENTIRE file into:
   wp-admin → Appearance → Customize → Additional CSS
   (Delete any old CSS already in that box first — don't stack this
   on top of the old "Minimalist Clean-up" white-theme rules, they
   will fight each other.)
   ============================================================ */

/* ---------- 1. CORE PALETTE ---------- */
:root {
    --term-bg: #0a0a0a;        /* near-black base */
    --term-bg-alt: #111111;    /* slightly lifted panels/cards */
    --term-green: #c3f53c;     /* lemon-green primary text */
    --term-amber: #ffb300;     /* Bloomberg amber accent */
    --term-border: #2a2a2a;    /* subtle hairline borders */
    --term-muted: #8a8a8a;     /* secondary/body copy */
}

/* ---------- 2. NUKE EVERY SECTION-LEVEL BACKGROUND ----------
   Elementor sets background color per-section/column. This forces
   ALL of them to the same dark base so nothing looks patchy. */
html, body,
.elementor, .elementor-section, .elementor-container,
.elementor-column, .elementor-widget-wrap, .e-con, .e-con-inner,
section, main, .site, .site-content, .content-area,
.elementor-top-section, .elementor-inner-section {
    background-color: var(--term-bg) !important;
    background-image: none !important; /* kills stray colored shape/blob backgrounds */
}

/* Dim any decorative SVG/PNG shape graphics instead of hiding them entirely,
   so they read as a subtle terminal texture, not a bright teal blob */
.elementor-shape, .elementor-background-overlay, svg[class*="shape"] {
    filter: grayscale(1) brightness(0.25) !important;
    opacity: 0.5 !important;
}

/* ---------- 3. TYPOGRAPHY ---------- */
body {
    color: var(--term-green) !important;
    font-family: 'Courier New', 'Consolas', monospace !important;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    color: var(--term-green) !important;
    font-family: 'Courier New', 'Consolas', monospace !important;
    letter-spacing: 0.5px;
}

/* Body copy / paragraph text: slightly muted so headings still pop */
p, li, .elementor-widget-text-editor {
    color: var(--term-muted) !important;
}

a {
    color: var(--term-amber) !important;
    text-decoration: none;
}
a:hover {
    color: var(--term-green) !important;
}

/* ---------- 4. NAVIGATION BAR ---------- */
.site-header, header, #masthead,
.elementor-location-header,
[data-elementor-type="header"],
[data-elementor-type="header"] .elementor-section,
[data-elementor-type="header"] .elementor-container,
[data-elementor-type="header"] .e-con,
.site-header .elementor-widget-wrap {
    background-color: #000000 !important;
    background-image: none !important;
    border-bottom: 1px solid var(--term-border) !important;
}
.site-header a, .main-navigation a, nav a,
.elementor-nav-menu .elementor-item,
.elementor-nav-menu--dropdown a, .sub-menu a,
[data-elementor-type="header"] a {
    color: #111111 !important; /* full dark */
    font-family: 'Courier New', monospace !important;
    font-weight: 700 !important;
}
.site-header a:hover, .main-navigation a:hover,
.elementor-nav-menu--dropdown a:hover, .sub-menu a:hover,
[data-elementor-type="header"] a:hover {
    color: #374151 !important; /* shade less dark on hover */
}
/* ---------- 5. BUTTONS ---------- */
.wp-block-button__link,
.elementor-button,
a.elementor-button-link {
    background-color: #000000 !important;
    color: var(--term-green) !important;
    border: 1px solid var(--term-green) !important;
    border-radius: 4px !important;
    padding: 12px 24px !important;
    font-family: 'Courier New', monospace !important;
    transition: all 0.2s ease;
}
.wp-block-button__link:hover,
.elementor-button:hover {
    background-color: var(--term-green) !important;
    color: #000000 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(195, 245, 60, 0.25);
}

/* ---------- 6. CARDS (investor/team cards, image cards, etc.) ---------- */
.card, img,
.elementor-widget-image-box .elementor-image-box-wrapper,
.elementor-testimonial-wrapper,
.elementor-post__card {
    border-radius: 8px;
}
.elementor-image-box-wrapper,
.elementor-testimonial-wrapper,
.elementor-widget-image-box {
    background-color: var(--term-bg-alt) !important;
    border: 1px solid var(--term-border) !important;
    padding: 16px !important;
}
.elementor-image-box-title, .elementor-testimonial-content {
    color: var(--term-green) !important;
}
.elementor-image-box-description, .elementor-testimonial-details {
    color: var(--term-muted) !important;
}

/* Circular profile photos: give them a terminal-style ring */
.elementor-image-box-img img,
img[class*="rounded"], img[style*="border-radius"] {
    border: 2px solid var(--term-green) !important;
}

/* ---------- 7. TABLES / DATATABLES (e.g. the investor pitch table) ---------- */
table, .dataTable, .display-posts-listing {
    background-color: var(--term-bg-alt) !important;
    color: var(--term-muted) !important;
    border: 1px solid var(--term-border) !important;
}
table thead, table th, .dataTable thead th {
    background-color: #000000 !important;
    color: var(--term-green) !important;
    border-bottom: 1px solid var(--term-green) !important;
}
table td, .dataTable td {
    border-color: var(--term-border) !important;
}
table tr:hover, .dataTable tr:hover {
    background-color: #1a1a1a !important;
}

/* ---------- 8. YOUR EXISTING LAYOUT RULES (kept as-is) ---------- */
selector .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}
.flexcolumn {
    flex-direction: row;
}
.site-header {
    position: sticky;
    top: 0px;
}
.display-posts-listing.image-left .listing-item {
    overflow: hidden;
    margin-bottom: 32px;
    width: 100%;
}
.display-posts-listing.image-left .image {
    float: left;
    margin: 0 16px 0 0;
}
.display-posts-listing.image-left .title { display: block; }
.display-posts-listing.image-left .date { font-weight: bold; }
.display-posts-listing.image-left .author { font-weight: bold; }
.display-posts-listing.image-left .excerpt { display: block; }
.display-posts-listing.image-left .excerpt-dash { display: none; }
.display-posts-listing.image-left .wp-post-image { width: 16rem; height: 10rem; }
.dps-listing-content { display: flex; flex-direction: column; }

/* ---------- 9. BLOOMBERG-STYLE SCROLLING TICKER ----------
   Add an HTML widget (Elementor "HTML" widget) at the very top of your
   homepage, above the hero section, and paste the HTML block from the
   companion file "ticker-widget.html" into it. This CSS powers that
   ticker's animation and styling. */
.terminal-ticker {
    background-color: #000000;
    border-top: 1px solid var(--term-green);
    border-bottom: 1px solid var(--term-green);
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 0;
}
.terminal-ticker__track {
    display: inline-block;
    padding-left: 100%;
    animation: ticker-scroll 30s linear infinite;
}
.terminal-ticker__item {
    display: inline-block;
    padding: 0 2rem;
    font-family: 'Courier New', monospace;
    font-size: 1rem;
    font-weight: bold;
}
.terminal-ticker__item.up { color: var(--term-green); }
.terminal-ticker__item.down { color: #ff4d4d; }

@keyframes ticker-scroll {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* ---------- 10. FULL-BLEED / WIDESCREEN STRETCH ----------
   Elementor's built-in "Stretch Section" option is a Pro feature.
   This is the free-tier CSS equivalent. It does NOT apply automatically —
   you must add a CSS class to the specific section(s) you want stretched:

   In Elementor: select the section → Advanced tab → CSS Classes →
   type:  full-bleed
   (no dot, just the word full-bleed)

   Do this for your hero section and the ticker section (step 11 below). */
.full-bleed {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* ---------- 11. TICKER WIDGET — NO PRO/UPGRADE NEEDED ----------
   IMPORTANT: the ticker's code is NOT included here as a comment,
   because WordPress's CSS box rejects anything that looks like markup,
   even inside a comment. The ticker code is provided separately in
   chat (or in the file ticker-widget-code.txt) — copy it from there
   and paste it into a Text Editor widget's "Text" mode, not into this
   Additional CSS box. This section only contains the STYLING for it. */

/* ---------- 12. TWO WORKSPACE-LINK BUTTONS ----------
   CSS can't create working links — add two Elementor Button widgets
   (free, native) wherever you want them (e.g. next to "Raise Funds"
   in your hero, or in the nav). Settings for each:

   Button 1:
     Text:  Visibility
     Link:  https://tdventure.vc
     CSS Classes (Advanced tab): workspace-btn

   Button 2:
     Text:  Deal Desk (IOS)
     Link:  https://crm.tdventure.vc
     CSS Classes (Advanced tab): workspace-btn

   This CSS below styles both consistently once you've added the
   "workspace-btn" class to each: */
.workspace-btn {
    background-color: transparent !important;
    color: var(--term-amber) !important;
    border: 1px solid var(--term-amber) !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    font-family: 'Courier New', monospace !important;
    font-weight: bold;
    letter-spacing: 1px;
    transition: all 0.2s ease;
}
.workspace-btn:hover {
    background-color: var(--term-amber) !important;
    color: #000000 !important;
    transform: translateY(-2px);
}

/* ---------- 13. FORMS (Elementor Form / WPForms / Contact Form 7 /
   Gravity Forms / Ninja Forms) ----------
   Covers the common ones so whichever plugin you're using is fixed.
   Form fields were likely invisible because their original text color
   was dark, meant for a white background — now dark-on-dark. */

/* Labels / field titles */
.elementor-field-label,
.wpforms-field-label,
.wpcf7-form label,
.gfield_label,
.nf-field-label label,
form label {
    color: var(--term-green) !important;
    font-family: 'Courier New', monospace !important;
}

/* Input boxes, textareas, selects — across all common plugins */
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="url"], input[type="password"],
textarea, select,
.elementor-field-textual,
.wpforms-field-medium, .wpforms-field-large,
.wpcf7-form-control,
.gfield input, .gfield textarea, .gfield select,
.nf-field-element input, .nf-field-element textarea, .nf-field-element select {
    background-color: var(--term-bg-alt) !important;
    color: var(--term-green) !important;
    border: 1px solid var(--term-border) !important;
    border-radius: 4px !important;
    font-family: 'Courier New', monospace !important;
}

/* Placeholder text (the greyed-out hint text before you type) */
input::placeholder, textarea::placeholder {
    color: var(--term-muted) !important;
    opacity: 1 !important;
}

/* Dropdown menu options (some browsers render these outside the
   themed box, this keeps them readable) */
select option {
    background-color: var(--term-bg-alt) !important;
    color: var(--term-green) !important;
}

/* Focus state — clear visual feedback when clicking into a field */
input:focus, textarea:focus, select:focus {
    border-color: var(--term-green) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(195, 245, 60, 0.2) !important;
}

/* Submit buttons on forms — match the site's button style */
.elementor-button[type="submit"],
.wpforms-submit,
.wpcf7-submit,
.gform_button,
.nf-field-element button,
form button[type="submit"],
input[type="submit"] {
    background-color: #000000 !important;
    color: var(--term-green) !important;
    border: 1px solid var(--term-green) !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    font-family: 'Courier New', monospace !important;
    cursor: pointer;
}
.elementor-button[type="submit"]:hover,
.wpforms-submit:hover,
.wpcf7-submit:hover,
.gform_button:hover,
input[type="submit"]:hover {
    background-color: var(--term-green) !important;
    color: #000000 !important;
}

/* Checkboxes / radio labels (agree-to-terms, multi-choice questions) */
.elementor-field-type-checkbox label,
.elementor-field-type-radio label,
.wpforms-field-checkbox label,
.wpforms-field-radio label,
.gfield_checkbox label,
.gfield_radio label {
    color: var(--term-muted) !important;
}

/* Error/validation messages — keep them clearly red regardless of theme */
.elementor-message-danger,
.wpforms-error,
.wpcf7-not-valid-tip,
.validation_error {
    color: #ff4d4d !important;
}

/* Success messages */
.elementor-message-success,
.wpforms-confirmation-container,
.wpcf7-mail-sent-ok {
    color: var(--term-green) !important;
    border-color: var(--term-green) !important;
}
/* TD Ventures Bloomberg-style moving ticker on homepage */

/* Target the first Elementor section on the homepage - your black stats bar */
body.home .entry-content > .elementor > .elementor-section:first-child,
body.page-id-166 .entry-content > .elementor > .elementor-section:first-child {
  overflow: hidden !important;
  position: relative !important;
  white-space: nowrap !important;
  height: 64px !important;
  background: #050505 !important;
  border-top: 1px solid #b7ff1a !important;
  border-bottom: 1px solid rgba(183, 255, 26, 0.4) !important;
}

/* Hide the existing static text inside the bar */
body.home .entry-content > .elementor > .elementor-section:first-child .elementor-container,
body.page-id-166 .entry-content > .elementor > .elementor-section:first-child .elementor-container {
  opacity: 0 !important;
}

/* Add moving Bloomberg-style ticker text */
body.home .entry-content > .elementor > .elementor-section:first-child::before,
body.page-id-166 .entry-content > .elementor > .elementor-section:first-child::before {
  content: "TDV ▲ 500+ INVESTORS IN NETWORK     TDV ▲ 200+ STARTUPS PITCHED     TDV ▲ $20M+ RAISED ON PLATFORM     FUND ▼ APPLICATIONS OPEN NOW     TDV ▲ FOUNDERS BACKED BY REAL INVESTORS     TDV ▲ CAPITAL. CONVICTION. EXECUTION.     ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #b7ff1a;
  font-family: "Courier New", monospace;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  white-space: nowrap;
  animation: tdvTickerMove 28s linear infinite;
  padding-left: 100%;
}

/* Red highlight for the word FUND is not possible inside one CSS content string, so full ticker stays neon green */
@keyframes tdvTickerMove {
  0% {
    transform: translateY(-50%) translateX(0);
  }
  100% {
    transform: translateY(-50%) translateX(-100%);
  }
}

/* Pause ticker on hover */
body.home .entry-content > .elementor > .elementor-section:first-child:hover::before,
body.page-id-166 .entry-content > .elementor > .elementor-section:first-child:hover::before {
  animation-play-state: paused;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  body.home .entry-content > .elementor > .elementor-section:first-child,
  body.page-id-166 .entry-content > .elementor > .elementor-section:first-child {
    height: 48px !important;
  }

  body.home .entry-content > .elementor > .elementor-section:first-child::before,
  body.page-id-166 .entry-content > .elementor > .elementor-section:first-child::before {
    font-size: 13px;
    animation-duration: 22s;
  }
}
/* Make TDV ticker stronger and more visible */

body.home .entry-content > .elementor > .elementor-section:first-child,
body.page-id-166 .entry-content > .elementor > .elementor-section:first-child {
  height: 70px !important;
  background: #000000 !important;
  border-top: 2px solid #c6ff00 !important;
  border-bottom: 2px solid #c6ff00 !important;
  z-index: 20 !important;
}

body.home .entry-content > .elementor > .elementor-section:first-child::before,
body.page-id-166 .entry-content > .elementor > .elementor-section:first-child::before {
  color: #c6ff00 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  opacity: 1 !important;
  text-shadow:
    0 0 4px #c6ff00,
    0 0 8px #c6ff00,
    0 0 14px rgba(198, 255, 0, 0.8) !important;
  animation-duration: 12s !important;
  z-index: 99 !important;
}

/* Make old hidden content fully invisible so it does not wash out ticker */
body.home .entry-content > .elementor > .elementor-section:first-child .elementor-container,
body.page-id-166 .entry-content > .elementor > .elementor-section:first-child .elementor-container {
  visibility: hidden !important;
}