/**
 * Critical CSS for The Cove Website - Optimized for fast initial render
 * Contains only the minimal styles needed for above-the-fold content
 */

:root{
  --primary:#635CB6;
  --primary-dark:#5347a3;
  --primary-light:#9D8DF1;
  --dark-bg:#1a1a2e;
  --dark-bg-2:#2C2850;
  --text:#fff;
  --text-muted:#cfcfcf;
  --gradient-primary:linear-gradient(135deg,#9D8DF1,#635CB6);
  --gradient-bg:linear-gradient(to bottom right,#635CB6,#2C2850);
}

/* Base styles - minified for speed */
body{margin:0;font-family:'Inter',sans-serif;background:var(--gradient-bg);color:var(--text);line-height:1.7;text-rendering:optimizeSpeed;}
img{opacity:1;transition:opacity .3s ease-in-out;}
img[data-src],img[data-srcset],picture source[data-srcset]+img,img[data-lazy]{opacity:0;}
img.loaded,img[fetchpriority="high"],.nav-logo img{opacity:1 !important;}

/* Common utility classes - minified */
.glass-effect{background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:16px;}
.text-white{color:#fff;}
.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;}

/* Layout classes */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Image handling for lazy loading */
img.lazy-ready:not(.loaded) {
  opacity: 0;
}

/* Essential layout styles */
@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}

.relative {
  position: relative;
}

.z-10 {
  z-index: 10;
}

/* Critical navigation styles */
.nav {
  padding: 1rem;
}

.nav-logo {
  height: 3rem;
}

/* Critical hero section styles */
.hero {
  padding: 2rem 1rem;
  margin-top: 2rem;
}

.hero-title {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0 0 1rem;
}

@media (min-width: 768px) {
  .hero-title {
    font-size: 3.5rem;
  }
}

@media (min-width: 1024px) {
  .hero-title {
    font-size: 4rem;
  }
}

/* Font display optimization */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* SVG placeholder style for lazy loading images */
.svg-placeholder {
  background-color: var(--dark-bg-2);
}

/* Picture element handling */
picture {
  display: block;
}