/*
 Theme Name:   astra-child
 Description:  Stopdeportation-Astra
 Author:       Konrad
 Author URI:   httpw://www.nordwinkel.de
 Template:     astra
 Version:      1.0
 Text Domain:  astra-child
*/

body,
button,
input,
select,
textarea {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Ubuntu,
    Cantarell,
    "Noto Sans",
    "Helvetica Neue",
    Arial,
    sans-serif;
}

/* =========================
   PRIMÄRE NAVIGATION
   Outline-Buttons → Hover gefüllt
========================= */

.main-header-menu > li > a {
  min-width: 160px;
  text-align: center;

  background-color: transparent;          /* NICHT gefüllt */
  color: #8C1D18 !important;               /* Text rot */
  border: 2px solid #8C1D18;               /* rote Umrandung */

  padding: 18px 32px;
  border-radius: 4px;
  margin-left: 12px;
  margin-top: 8px;

  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.3;

  display: inline-flex;
  justify-content: center;
  align-items: center;

  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

/* Hover & Fokus */
.main-header-menu > li > a:hover,
.main-header-menu > li > a:focus {
  background-color: #8C1D18;               /* gefüllt */
  color: #FFFFFF !important;               /* Text weiß */
}

@media (max-width: 921px) {
  .ast-mobile-header-wrap .main-header-menu > li > a {
    background-color: transparent !important;
    color: #8C1D18 !important;
    border: 2px solid #8C1D18;

    padding: 10px 16px;
    margin: 6px 0;
    border-radius: 4px;
    text-align: center;
  }

  .ast-mobile-header-wrap .main-header-menu > li > a:hover,
  .ast-mobile-header-wrap .main-header-menu > li > a:focus {
    background-color: #8C1D18 !important;
    color: #FFFFFF !important;
  }
}