/* ========================================
   PERFECT BACKGROUND SYSTEM - OBJECT 5
   Single Source of Truth - Consolidated from 7 files
   FIXES MOBILE LEFT-SHIFT GRID BLEEDING\!
   ======================================== */

/* === BASE BACKGROUND SYSTEM === */
/* Global body background with SVG pattern */
body {
  font-family: var(--font-primary);
  color: var(--text-color);
  line-height: 1.6;
  overflow-x: hidden;
  background-color: #1A1A1A;
  background-image: url('/images/bg-pattern.svg');
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 100px 100px;
}

/* === PAGE-SPECIFIC BACKGROUNDS === */
/* Single product pages */
body.single-product,
.single-product {
  color: #FFFFFF \!important;
  background-color: #1A1A1A \!important;
  background-image: url('/images/bg-pattern.svg') \!important;
  background-size: 100px 100px \!important;
  background-repeat: repeat \!important;
  background-attachment: fixed \!important;
}

/* Checkout pages */
body.woocommerce-checkout,
.woocommerce-checkout {
  font-family: Futura, sans-serif;
  background-color: #1A1A1A;
  background-image: url('/images/bg-pattern.svg');
  background-attachment: fixed;
  background-size: 100px 100px;
  background-repeat: repeat;
  color: #FFFFFF;
}

/* Talent pages */
body.page-talent-directory,
body.post-type-archive-talent,
body.single-talent,
body.tax-talent_category {
  background-color: var(--dark-bg);
  background-image: url('/images/bg-pattern.svg');
  background-attachment: fixed;
  background-size: 100px 100px;
  background-repeat: repeat;
  color: var(--dark-text);
}

/* Archive pages */
.archive.customs101-content,
.search-results.customs101-content {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  background-image: url('/images/bg-pattern.svg');
  background-repeat: repeat;
  background-attachment: fixed;
  color: #E0E0E0;
  min-height: 100vh;
}

/* ========================================
   🎯 MOBILE FIX: KILL THE GRID BLEEDING\!
   ======================================== */
@media (max-width: 768px) {
  /* Disable ALL background patterns on mobile */
  body,
  html,
  body.single-product,
  .single-product,
  body.woocommerce-checkout,
  .woocommerce-checkout,
  body.page-talent-directory,
  body.post-type-archive-talent,
  body.single-talent,
  body.tax-talent_category,
  .archive.customs101-content,
  .search-results.customs101-content {
    background-image: none \!important;
    background-color: #000 \!important;
    background-attachment: initial \!important;
    background-repeat: no-repeat \!important;
    background-size: auto \!important;
  }
}

/* ========================================
   END PERFECT BACKGROUND SYSTEM
   Mobile Grid Bleeding = DESTROYED\! 🔥
   ======================================== */
EOF < /dev/null