/*
Theme Name: Baufa Blank
Theme URI: https://baufa-technik.de
Author: Baufa BaumaschinentechnikGmbH
Description: Minimales Theme optimiert für Elementor. Alle Inhalte werden über Elementor bearbeitet.
Version: 1.0
Text Domain: baufa-blank
*/

/* ===== RESET ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --brand:       rgb(37, 59, 76);
  --brand-hover: rgb(27, 44, 57);
  --brand-light: rgba(37,59,76,0.09);
  --dark:  #1A1A18;
  --muted: #7A7A72;
  --line:  rgba(0,0,0,0.08);
  --bg:    #FAFAF8;
}

html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--dark);
  line-height: 1.65;
}
img { max-width: 100%; height: auto; display: block; }
a   { text-decoration: none; color: inherit; }

/* ===== HEADER / NAV ===== */
.site-header {
  position: sticky; top: 0; z-index: 9999;
  background: rgba(250,250,248,0.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
  padding: 0 5vw;
  display: flex; align-items: center; justify-content: space-between;
  height: 72px;
}
.site-logo img,
.site-logo .custom-logo { height: 46px; width: auto; }
.site-logo a { display: flex; align-items: center; }

.text-logo {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: var(--dark);
  letter-spacing: -0.3px;
}
.text-logo--light { color: rgba(255,255,255,0.9); }

/* WordPress-Navigationsmenü */
.main-nav ul           { display: flex; gap: 2rem; list-style: none; }
.main-nav a            { font-size: 14px; color: var(--muted); transition: color .2s; }
.main-nav a:hover,
.main-nav .current-menu-item > a { color: var(--dark); }

.nav-cta {
  background: var(--brand); color: #fff !important;
  font-size: 13px; font-weight: 500;
  padding: 9px 20px; border-radius: 7px;
  transition: background .2s;
  white-space: nowrap;
}
.nav-cta:hover { background: var(--brand-hover) !important; }

/* ===== ELEMENTOR – Vollbreite ===== */
.elementor-section.elementor-section-full_width { padding: 0; }

/* ===== FOOTER ===== */
.site-footer {
  background: var(--brand);
  padding: 28px 5vw;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 12px;
}
.site-footer .footer-logo img,
.site-footer .footer-logo .custom-logo { height: 36px; width: auto; opacity: .85; }
.footer-copy  { font-size: 13px; color: rgba(255,255,255,.5); }
.footer-links { display: flex; gap: 20px; }
.footer-links a { font-size: 13px; color: rgba(255,255,255,.6); transition: color .2s; }
.footer-links a:hover { color: #fff; }

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .main-nav { display: none; }
  .site-footer { flex-direction: column; text-align: center; }
}