/*
Theme Name: Elite Virtual Investments
Theme URI: https://elitevirtual.com
Author: Elite Virtual Investments
Author URI: https://elitevirtual.com
Description: Corporate theme for Elite Virtual Investments (EVI), featuring investment opportunities in agriculture, real estate, and virtual reality sectors. Dark luxury design with gold accents. Matches original site layout and design exactly.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
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: elite-virtual-investments
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready, block-styles, wide-blocks
*/

/* ========== WordPress reset: prevent layout breakout ========== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: #02040a;
  color: #e2e8f0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Remove default WordPress/block wrappers from affecting our layout */
.site,
.wp-site-blocks,
.entry-content,
.post-inner,
.page-inner,
.wp-block-group__inner-container {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.entry-content > *,
.entry-content .alignwide {
  max-width: none;
}

/* Ensure our theme wrapper controls layout */
body.evi-theme-loaded {
  display: block;
}

/* ========== Theme layout shell ========== */
.evi-theme-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

.evi-theme-main {
  flex: 1 0 auto;
  width: 100%;
}

/* ========== Preloader ========== */
#evi-preloader,
.evi-preloader {
  background-color: #02040a !important;
  color: #fff !important;
}

/* ========== Typography base ========== */
body a {
  color: inherit;
  text-decoration: none;
}

body a:hover {
  color: #d4af37;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

img[src^="data:"] {
  display: block;
}

/* ========== Utility used by templates ========== */
.evi-container {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .evi-container { padding-left: 1.5rem; padding-right: 1.5rem; }
}

@media (min-width: 1024px) {
  .evi-container { padding-left: 2rem; padding-right: 2rem; }
}