/*
 Theme Name:   Cifuni (Child of Astra)
 Template:     astra
*/

@import url("../astra/style.css");

/* === Navbar-Styling === */
/* Sticky Header */
.main-header-bar {
  position: sticky;
  top: 0;
  z-index: 9999;
  background-color: #fff;
}

/* Padding Desktop/Tablet/Mobil */
.main-header-bar .ast-container { padding: 20px 48px; }
@media (max-width:1024px){ .main-header-bar .ast-container { padding: 16px 24px; } }
@media (max-width:768px){ .main-header-bar .ast-container { padding: 12px 16px; } }

/* Logo-Größe */
.custom-logo-link img { max-width: 160px; height: auto; }
@media (max-width:1024px){ .custom-logo-link img { max-width: 120px; } }
@media (max-width:768px){ .custom-logo-link img { max-width: 100px; } }

/* Menü horizontal & Abstand */
.main-header-menu { display: flex; gap: 32px; }
.main-header-menu li { list-style: none; margin: 0; }

/* Link-Styling */
.main-header-menu li a {
  font-family: Calibri, Arial, sans-serif;
  font-size: 19px;
  text-transform: uppercase;
  color: #004ea0;
  padding: 8px 16px;
  transition: color .3s;
  position: relative;
}
.main-header-menu li a:hover { color: #1cd2a5; }

/* Unterstreichung beim Hover */
.main-header-menu li a::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #1cd2a5;
  transition: width .3s;
}
.main-header-menu li a:hover::after { width: 100%; }

/* Mobile Dropdown */
@media (max-width:921px){
  .main-header-menu { display: none; }
  .ast-mobile-menu-buttons { display: block; }
}