/*
 Theme Name: Astra Child
 Template: astra
*/

/* ─── LOKALE FONTS: Baloo 2 ─── */
@font-face {
  font-display: swap;
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/baloo-2-v23-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/baloo-2-v23-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/baloo-2-v23-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/baloo-2-v23-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/baloo-2-v23-latin-800.woff2') format('woff2');
}

/* ─── LOKALE FONTS: Nunito ─── */
@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/nunito-v32-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/nunito-v32-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/nunito-v32-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/nunito-v32-latin-700.woff2') format('woff2');
}

/* ─── CHEWY VON ASTRA ÜBERSCHREIBEN ─── */
html body, html body p, html body div,
html body span, html body li, html body a {
  font-family: 'Nunito', sans-serif !important;
}

html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6 {
  font-family: 'Baloo 2', cursive !important;
}

/* ─── NAVIGATION ZENTRIEREN ─── */
.ast-primary-header-bar,
.main-header-bar,
.ast-primary-menu-area,
#primary-menu .menu-item a,
.main-header-menu .menu-item a {
  display: flex !important;
  align-items: center !important;
}

/* ─── MOBILE NAV ─── */
@media (max-width: 600px) {
  .nav-brand img {
    width: 28px !important;
    height: 28px !important;
  }
  .nav-brand span {
    font-size: 0.85rem !important;
    white-space: nowrap !important;
  }
  .nav-inner {
    height: 56px !important;
  }
}