/*
Theme Name: Tradingupandown (TUAD)
Theme URI: https://tradingupandown.com
Author: Tradingupandown Team
Author URI: https://tradingupandown.com
Description: A professional trading signals platform WordPress theme with real-time market data, trade management, signal alerts, order book, heatmap, education center, and admin control panel. Built with React and integrated into WordPress via REST API.
Version: 1.146.9
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tuad
Domain Path: /languages
Tags: trading, forex, signals, finance, dashboard, responsive, dark-mode
*/

/* ═══════════════════════════════════════════
   WORDPRESS THEME BASE STYLES
   ═══════════════════════════════════════════ */

/* Ensure the React app fills the viewport */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto !important;
}

body.tuad-theme,
body.tuad-theme #tuad-root {
  overflow-y: auto !important;
}

body {
  background-color: #0A0A0A;
  color: #FFFFFF;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* WordPress admin bar compatibility */
body.admin-bar #tuad-root {
  min-height: calc(100vh - 32px);
}

/* Hide WordPress content when our theme is active */
#tuad-root {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Selection color */
::selection {
  background-color: rgba(251, 191, 36, 0.3);
  color: #FFFFFF;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* Hide scrollbar utility */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* WordPress core compatibility */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* Prevent FOUC (Flash of Unstyled Content) */
#tuad-root:empty::before {
  content: '';
  display: block;
  width: 100%;
  height: 100vh;
  background-color: #0A0A0A;
}