/* ===== Brennholz Wagner – Custom Styles ===== */

:root {
    --primary:    #8B4513;
    --primary-dk: #5C2E0A;
    --accent:     #D2691E;
    --light-wood: #F5DEB3;
    --dark:       #2C1A0E;
}

/* Navbar */
.navbar-brand img { height: 40px; }
.navbar { background: var(--primary-dk) !important; }
.navbar .nav-link { color: rgba(255,255,255,.85) !important; font-weight: 500; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--light-wood) !important; }

/* Hero */
.hero {
    position: relative;
    background: var(--dark);
    overflow: hidden;
    min-height: 480px;
}
.hero img.hero-bg {
    width: 100%; height: 480px;
    object-fit: cover;
    opacity: .55;
}
.hero-overlay {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; text-align: center;
    padding: 0 1rem;
}
.hero-overlay h1 { font-size: clamp(2rem, 5vw, 3.5rem); color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.7); }
.hero-overlay p  { color: var(--light-wood); font-size: 1.2rem; text-shadow: 0 1px 4px rgba(0,0,0,.6); }

/* Buttons */
.btn-primary   { background: var(--primary);    border-color: var(--primary); }
.btn-primary:hover { background: var(--primary-dk); border-color: var(--primary-dk); }
.btn-outline-primary { color: var(--primary); border-color: var(--primary); }
.btn-outline-primary:hover { background: var(--primary); }

/* Section headings */
.section-title { color: var(--primary-dk); border-bottom: 3px solid var(--accent); display: inline-block; padding-bottom: .3rem; margin-bottom: 2rem; }

/* Product cards */
.card { border: none; box-shadow: 0 2px 12px rgba(0,0,0,.1); border-radius: 12px; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.15); }
.card-img-top { height: 220px; object-fit: cover; }
.badge-holz { background: var(--accent); color: #fff; font-size: .8rem; }

/* Vorteile */
.vorteil-icon { font-size: 2.5rem; color: var(--accent); }

/* Testimonials */
.testimonial { background: var(--light-wood); border-left: 5px solid var(--accent); border-radius: 8px; padding: 1.5rem; }

/* Footer */
footer { background: var(--primary-dk); color: rgba(255,255,255,.8); }
footer a { color: var(--light-wood); text-decoration: none; }
footer a:hover { color: #fff; text-decoration: underline; }
footer .footer-logo { font-size: 1.5rem; font-weight: 700; color: #fff; }

/* Page hero (subpages) */
.page-hero { background: linear-gradient(135deg, var(--primary-dk), var(--accent)); color: #fff; padding: 4rem 0 3rem; }

/* Preisliste */
.price-card { border-top: 4px solid var(--accent); }
.price-tag { font-size: 2rem; font-weight: 700; color: var(--primary); }

/* Kontakt */
.contact-info-box { background: var(--light-wood); border-radius: 12px; padding: 2rem; }

/* Back to top */
#backToTop { position: fixed; bottom: 2rem; right: 2rem; display: none; z-index: 999; background: var(--accent); border: none; border-radius: 50%; width: 48px; height: 48px; font-size: 1.2rem; color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.3); cursor: pointer; }
#backToTop:hover { background: var(--primary-dk); }