/* ============================================================
   MESH WITH TEXAS — TEXAS IMAGE STYLES & SUBTLE PATTERNS
   Strategic placement of Texas imagery and network patterns
   ============================================================ */

/* Subtle Network Pattern Backgrounds */
.pattern-dots {
  background-image: url('images/network-pattern-dots.png');
  background-size: 400px 400px;
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-curves {
  background-image: url('images/network-pattern-curves.png');
  background-size: 600px 600px;
  background-repeat: repeat;
  background-position: 0 0;
}

/* Layered Pattern + Image Combinations */
.hero-with-pattern {
  background: 
    linear-gradient(rgba(29, 37, 48, 0.7), rgba(29, 37, 48, 0.5)),
    url('images/network-pattern-dots.png'),
    url('images/texas-hills-golden.jpg');
  background-size: 400px 400px, cover;
  background-repeat: repeat, no-repeat;
  background-position: 0 0, center bottom;
}

/* Hero Section - Texas Hill Country Golden Hour */
.hero {
  background-image: linear-gradient(rgba(29, 37, 48, 0.7), rgba(29, 37, 48, 0.5)), url('images/texas-hills-golden.jpg');
  background-size: cover;
  background-position: center bottom;
  background-attachment: fixed;
}

/* Neighborhood Page - Community Spirit */
.neighborhood-hero {
  background-image: linear-gradient(rgba(29, 37, 48, 0.7), rgba(29, 37, 48, 0.5)), url('images/texas-ranch-vista.jpg');
  background-size: cover;
  background-position: center;
  border-radius: 12px;
}

/* Property Walk - Heritage Section */
.heritage-header {
  background-image: linear-gradient(rgba(29, 37, 48, 0.7), rgba(29, 37, 48, 0.5)), url('images/texas-ranch-vista.jpg');
  background-size: cover;
  background-position: center;
  border-radius: 12px;
}

/* About/Story Sections - Desert Vista for Scale */
.desert-section {
  background-image: linear-gradient(rgba(29, 37, 48, 0.6), rgba(29, 37, 48, 0.4)), url('images/texas-desert-vista.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: white;
}

/* Testimonials/Trust Section - Lakeshores Community */
.community-section {
  background-image: linear-gradient(rgba(29, 37, 48, 0.8), rgba(29, 37, 48, 0.6)), url('images/texas-lakeshoresunset.jpg');
  background-size: cover;
  background-position: center;
  color: white;
}

/* Contact Section - Journey/Connectivity */
.contact-hero {
  background-image: linear-gradient(rgba(29, 37, 48, 0.7), rgba(29, 37, 48, 0.5)), url('images/texas-highway-vista.jpg');
  background-size: cover;
  background-position: center;
}

/* Service Areas - Camping/Outdoor Adventure */
.service-areas {
  background-image: linear-gradient(rgba(29, 37, 48, 0.6), rgba(29, 37, 48, 0.4)), url('images/texas-camping-sunset.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* How It Works - Evening Network Activity */
.how-it-works-hero {
  background-image: linear-gradient(rgba(29, 37, 48, 0.7), rgba(29, 37, 48, 0.5)), url('images/texas-hilloverlook-lights.jpg');
  background-size: cover;
  background-position: center;
}

/* Footer or Additional Vista Sections */
.vista-section {
  background-image: linear-gradient(rgba(29, 37, 48, 0.6), rgba(29, 37, 48, 0.4)), url('images/texas-rocky-overlook.jpg');
  background-size: cover;
  background-position: center;
}

/* Alternative Ranch Gate for Property-Focused Content */
.property-section {
  background-image: linear-gradient(rgba(29, 37, 48, 0.6), rgba(29, 37, 48, 0.4)), url('images/texas-ranch-gate.jpg');
  background-size: cover;
  background-position: center;
}

/* Section Backgrounds with Subtle Patterns */
.info-section {
  background: 
    linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.98)),
    url('images/network-pattern-dots.png');
  background-size: 400px 400px;
  background-repeat: repeat;
  background-position: 0 0;
}

.features-section {
  background: 
    linear-gradient(rgba(248, 250, 252, 0.9), rgba(248, 250, 252, 0.95)),
    url('images/network-pattern-curves.png');
  background-size: 600px 600px;
  background-repeat: repeat;
  background-position: 0 0;
}

/* Light overlay sections for readable text over patterns */
.text-overlay-light {
  background: 
    linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.96)),
    url('images/network-pattern-dots.png');
  background-size: 300px 300px;
  background-repeat: repeat;
}

.text-overlay-curves {
  background: 
    linear-gradient(rgba(248, 250, 252, 0.88), rgba(248, 250, 252, 0.94)),
    url('images/network-pattern-curves.png');
  background-size: 500px 500px;
  background-repeat: repeat;
}
.texas-network-light {
  background-image: url('images/texas-network-icon-light.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.texas-network-dark {
  background-image: url('images/texas-network-icon-dark.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero,
  .desert-section,
  .community-section {
    background-attachment: scroll; /* Fixed attachment can cause issues on mobile */
  }
}

/* Preload critical images for better performance */
body::before {
  content: '';
  display: none;
  background: url('images/texas-hills-golden.jpg'), 
              url('images/texas-ranch-vista.jpg'), 
              url('images/texas-desert-vista.jpg'),
              url('images/texas-lakeshoresunset.jpg'),
              url('images/texas-highway-vista.jpg'),
              url('images/texas-camping-sunset.jpg');
}