/*
Theme Name: Trendlix 3D Interactive
Theme URI: https://trendlix.com
Author: Trendlix Interactive
Author URI: https://trendlix.com
Description: Premium 3D D2C Interactive E-Commerce Experience powered by React, Three.js, and WooCommerce. Built for Elementor Pro with real-time 3D model customizer controls.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
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: trendlix-3d
Tags: e-commerce, woocommerce, elementor, full-site-editing, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, footer-widgets, microformats, one-column, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, block-patterns, dark-theme

Trendlix 3D Interactive WordPress Theme
Copyright 2026 Trendlix. All rights reserved.
*/

/* Reset & Global Canvas Styles for Standalone WordPress Context */
:root {
  --trendlix-bg: #000000;
  --trendlix-text: #ffffff;
  --trendlix-accent: #ec4899;
  --trendlix-card-bg: #0a0a0a;
  --trendlix-border: #262626;
}

html, body {
  margin: 0;
  padding: 0;
  background-color: var(--trendlix-bg);
  color: var(--trendlix-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

#root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Admin Bar Fixes */
.admin-bar #root {
  margin-top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar #root {
    margin-top: 46px;
  }
}

/* Hide standard PHP/Elementor header when React app is active inside #root */
body.has-react-app .wp-theme-header-wrapper,
body.has-react-app .wp-theme-header,
#page:has(#root:not(:empty)) .wp-theme-header-wrapper,
#page:has(#root:not(:empty)) .wp-theme-header {
  display: none !important;
}