/* Minimal clean StilBruch CSS with no header rules.
   Replace your existing StilBruch CSS with this file ONLY if you want the header
   to be controlled entirely by template-parts/stilbruch-header.php inline styles.
*/

html, body {
  overflow-x: hidden;
}

#stilbruch-home,
#stilbruch-shop,
#stilbruch-atelier,
#stilbruch-story {
  color: #1F1F1F !important;
  background: #D8D1C8 !important;
}

:root{
  --sb-black: #1F1F1F;
  --sb-greige: #D8D1C8;
  --sb-taupe: #B7AFA6;
  --sb-bronze: #B08D57;
  --sb-petrol: #2F5D62;
  --sb-olive: #6F7D63;
  --sb-rose: #D1A7A1;
  --sb-blue: #2C3A47;
  --sb-violet: #6A5D7B;
  --sb-bg: #F2F0EF;
}

#stilbruch-home,
#stilbruch-shop,
#stilbruch-atelier,
#stilbruch-story {
  background: var(--sb-bg);
  color: var(--sb-black);
  display: block;
}

#stilbruch-home section,
#stilbruch-shop section,
#stilbruch-atelier section,
#stilbruch-story section {
  display: block;
  width: 100%;
}

#stilbruch-home .bg-stone,
#stilbruch-shop .bg-stone,
#stilbruch-atelier .bg-stone,
#stilbruch-story .bg-stone { background-color: var(--sb-black) !important; }

#stilbruch-home .bg-warm-white,
#stilbruch-shop .bg-warm-white,
#stilbruch-atelier .bg-warm-white,
#stilbruch-story .bg-warm-white { background-color: var(--sb-greige) !important; }

#stilbruch-home .bg-warm-gray,
#stilbruch-shop .bg-warm-gray,
#stilbruch-atelier .bg-warm-gray,
#stilbruch-story .bg-warm-gray { background-color: var(--sb-taupe) !important; }

#stilbruch-home .bg-terracotta,
#stilbruch-shop .bg-terracotta,
#stilbruch-atelier .bg-terracotta,
#stilbruch-story .bg-terracotta { background-color: var(--sb-bronze) !important; }

#stilbruch-home .bg-sage,
#stilbruch-shop .bg-sage,
#stilbruch-atelier .bg-sage,
#stilbruch-story .bg-sage { background-color: var(--sb-olive) !important; }

#stilbruch-home .bg-warm-white\/90,
#stilbruch-shop .bg-warm-white\/90,
#stilbruch-atelier .bg-warm-white\/90,
#stilbruch-story .bg-warm-white\/90 { background-color: rgba(216,209,200,.90) !important; }

#stilbruch-home .bg-white\/90,
#stilbruch-shop .bg-white\/90,
#stilbruch-atelier .bg-white\/90,
#stilbruch-story .bg-white\/90 { background-color: rgba(255,255,255,.90) !important; }

#stilbruch-home .bg-white\/10,
#stilbruch-shop .bg-white\/10,
#stilbruch-atelier .bg-white\/10,
#stilbruch-story .bg-white\/10 { background-color: rgba(255,255,255,.10) !important; }

#stilbruch-home .text-stone,
#stilbruch-shop .text-stone,
#stilbruch-atelier .text-stone,
#stilbruch-story .text-stone { color: var(--sb-black) !important; }

#stilbruch-home .text-soft-black,
#stilbruch-shop .text-soft-black,
#stilbruch-atelier .text-soft-black,
#stilbruch-story .text-soft-black { color: var(--sb-black) !important; }

#stilbruch-home .text-warm-white,
#stilbruch-shop .text-warm-white,
#stilbruch-atelier .text-warm-white,
#stilbruch-story .text-warm-white { color: var(--sb-greige) !important; }

#stilbruch-home .text-terracotta,
#stilbruch-shop .text-terracotta,
#stilbruch-atelier .text-terracotta,
#stilbruch-story .text-terracotta { color: var(--sb-bronze) !important; }

#stilbruch-home .text-sage,
#stilbruch-shop .text-sage,
#stilbruch-atelier .text-sage,
#stilbruch-story .text-sage { color: var(--sb-olive) !important; }

#stilbruch-home .text-stone\/80,
#stilbruch-shop .text-stone\/80,
#stilbruch-atelier .text-stone\/80,
#stilbruch-story .text-stone\/80 { color: rgba(31,31,31,.80) !important; }

#stilbruch-home .text-stone\/70,
#stilbruch-shop .text-stone\/70,
#stilbruch-atelier .text-stone\/70,
#stilbruch-story .text-stone\/70 { color: rgba(31,31,31,.70) !important; }

#stilbruch-home .text-stone\/60,
#stilbruch-shop .text-stone\/60,
#stilbruch-atelier .text-stone\/60,
#stilbruch-story .text-stone\/60 { color: rgba(31,31,31,.60) !important; }

#stilbruch-home .text-white\/60,
#stilbruch-shop .text-white\/60,
#stilbruch-atelier .text-white\/60,
#stilbruch-story .text-white\/60 { color: rgba(216,209,200,.60) !important; }

#stilbruch-home .border-warm-gray,
#stilbruch-shop .border-warm-gray,
#stilbruch-atelier .border-warm-gray,
#stilbruch-story .border-warm-gray { border-color: var(--sb-taupe) !important; }

#stilbruch-home .border-stone,
#stilbruch-shop .border-stone,
#stilbruch-atelier .border-stone,
#stilbruch-story .border-stone { border-color: var(--sb-black) !important; }

#stilbruch-home .border-terracotta,
#stilbruch-shop .border-terracotta,
#stilbruch-atelier .border-terracotta,
#stilbruch-story .border-terracotta { border-color: var(--sb-bronze) !important; }

#stilbruch-home .bg-white\/20,
#stilbruch-shop .bg-white\/20,
#stilbruch-atelier .bg-white\/20,
#stilbruch-story .bg-white\/20 { background-color: rgba(216,209,200,.20) !important; }

#stilbruch-home,
#stilbruch-shop,
#stilbruch-atelier,
#stilbruch-story {
  color: var(--sb-black);
}

html, body {
  overflow-x: hidden;
  background: #F2F0EF !important;
  color: #1F1F1F !important;
}

@font-face {
  font-family: 'Neue Haas Grotesk';
  src: local('Helvetica Neue'), local('Helvetica'), local('Arial');
  font-weight: 500;
  font-display: swap;
}

.font-display {
  font-family: 'Neue Haas Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: -0.02em;
}

.fade-in { animation: fadeIn 1s ease-in; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F2F0EF; }
::-webkit-scrollbar-thumb { background: #B08D57; border-radius: 4px; }

.img-hover-zoom { overflow: hidden; }
.img-hover-zoom img { transition: transform 0.7s ease; }
.img-hover-zoom:hover img { transform: scale(1.05); }

#stilbruch-home .process-dark,
#stilbruch-shop .process-dark,
#stilbruch-atelier .process-dark,
#stilbruch-story .process-dark {
  background-color: #1F1F1F !important;
  color: #D8D1C8 !important;
}

#stilbruch-home .process-dark p,
#stilbruch-home .process-dark h2,
#stilbruch-home .process-dark h3,
#stilbruch-home .process-dark span,
#stilbruch-shop .process-dark p,
#stilbruch-shop .process-dark h2,
#stilbruch-shop .process-dark h3,
#stilbruch-shop .process-dark span,
#stilbruch-atelier .process-dark p,
#stilbruch-atelier .process-dark h2,
#stilbruch-atelier .process-dark h3,
#stilbruch-atelier .process-dark span,
#stilbruch-story .process-dark p,
#stilbruch-story .process-dark h2,
#stilbruch-story .process-dark h3,
#stilbruch-story .process-dark span {
  color: inherit !important;
}

#stilbruch-home .process-dark .bg-terracotta,
#stilbruch-shop .process-dark .bg-terracotta,
#stilbruch-atelier .process-dark .bg-terracotta,
#stilbruch-story .process-dark .bg-terracotta { background-color: #B08D57 !important; }

#stilbruch-home .process-dark .border-terracotta,
#stilbruch-shop .process-dark .border-terracotta,
#stilbruch-atelier .process-dark .border-terracotta,
#stilbruch-story .process-dark .border-terracotta { border-color: #B08D57 !important; }

#stilbruch-home .process-dark .bg-stone,
#stilbruch-shop .process-dark .bg-stone,
#stilbruch-atelier .process-dark .bg-stone,
#stilbruch-story .process-dark .bg-stone { background-color: #1F1F1F !important; }

@media (max-width: 767px) {
  #stilbruch-home #shop h1 {
    font-size: 2.9rem !important;
    line-height: 0.96 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 1rem !important;
  }

  #stilbruch-home #shop > div {
    align-items: start !important;
  }

  #stilbruch-home #shop p.text-lg,
  #stilbruch-home #shop p.lg\:text-xl {
    font-size: 1rem !important;
    line-height: 1.55 !important;
    max-width: 30ch !important;
    margin-bottom: 1.5rem !important;
  }

  #stilbruch-home #shop span.text-terracotta {
    font-size: 0.72rem !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 0.75rem !important;
  }

  #stilbruch-home #shop a[href="/#galerie"],
  #stilbruch-home #shop a[href="/#kontakt"] {
    padding: 0.9rem 1rem !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.14em !important;
  }

  #stilbruch-home #shop .img-hover-zoom img {
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
  }

  #stilbruch-home .product-card h3 {
    font-size: 1.1rem !important;
  }

  #stilbruch-home .product-card p {
    font-size: 0.9rem !important;
  }

  #stilbruch-home #philosophie {
    padding-top: 2.5rem !important;
    padding-bottom: 2.75rem !important;
  }

  #stilbruch-home #philosophie .text-center.mb-16 {
    margin-bottom: 1.75rem !important;
  }

  #stilbruch-home #philosophie .group {
    padding: 0.65rem !important;
  }

  #stilbruch-home #philosophie .w-12.h-12 {
    width: 2.1rem !important;
    height: 2.1rem !important;
    margin-bottom: 0.5rem !important;
  }

  #stilbruch-home #philosophie h3 {
    font-size: 0.95rem !important;
    margin-bottom: 0.15rem !important;
  }

  #stilbruch-home #philosophie p {
    font-size: 0.8rem !important;
    line-height: 1.32 !important;
    max-width: 19ch;
    margin-left: auto;
    margin-right: auto;
  }

  #stilbruch-home #atelier {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  #stilbruch-home #galerie {
    padding-top: 2.75rem !important;
    padding-bottom: 2.5rem !important;
  }

  #stilbruch-home #galerie .text-center {
    margin-bottom: 1.5rem !important;
  }

  #stilbruch-home #galerie .flex {
    gap: 0.9rem !important;
    padding-left: 0 !important;
  }

  #stilbruch-home #stuecke {
    padding-top: 2.25rem !important;
    padding-bottom: 3rem !important;
  }

  #stilbruch-home #stuecke > div > div:first-child {
    margin-bottom: 1.5rem !important;
  }

  #stilbruch-home #stuecke .flex.gap-4 {
    justify-content: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
  }

  #stilbruch-home #stuecke button {
    min-width: 96px;
    font-size: 0.72rem !important;
    letter-spacing: 0.14em !important;
  }
}