/* Wave Hair Extension Lounge - DESKTOP ONLY Fixes */
/* NOTHING below affects mobile (max-width: 1023px) */

/* ===== DESKTOP ONLY (1024px+) ===== */
@media (min-width: 1024px) {

  /* Logo size on desktop */
  .logo img,
  .site-header .logo img {
    height: 140px !important;
    width: auto !important;
  }

  /* White text over photos on desktop */
  .page-hero h1 {
    color: white !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7), 0 0 4px rgba(0,0,0,0.5) !important;
  }

  .page-hero p,
  .page-hero .subtitle {
    color: rgba(255,255,255,0.95) !important;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6) !important;
  }

  /* Content max-widths */
  .section,
  .section-full {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .section {
    padding-left: 60px;
    padding-right: 60px;
  }

  /* Team grid: 4 columns */
  .team-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
  }

  /* Gallery: 3 columns */
  .gallery-row {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Nav spacing */
  .main-nav {
    gap: 32px;
  }

  /* Subtle nav hover underline */
  .main-nav a {
    position: relative;
  }
  .main-nav a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1.5px;
    background: var(--caramel, #C4A882);
    transition: width 0.3s ease;
  }
  .main-nav a:hover::after {
    width: 100%;
  }
}

/* ===== LARGE DESKTOP (1400px+) ===== */
@media (min-width: 1400px) {
  .section,
  .section-full {
    max-width: 1400px;
  }
}