/* ================================
   Offerte Aanvragen Button Styles
   Print270 Specificaties: #FFB800 geel
   ================================ */

/* Desktop button styling */
.btn-primary {
  background: #FFB800 !important;
  color: white !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  border: none !important;
  transition: background 0.2s ease !important;
  white-space: nowrap;
  display: inline-block;
}

.btn-primary:hover {
  background: #E6A600 !important;
  color: white !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

/* Mobile menu item styling */
.mobile-menu-item {
  display: block !important;
  padding: 16px 0;
  background: #FFB800 !important;
  color: white !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  border-radius: 6px;
  margin: 20px 0 16px 0;
  transition: background 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

.mobile-menu-item:hover {
  background: #E6A600;
  color: white;
  text-decoration: none;
}

/* Responsive visibility - 991px breakpoint */
.desktop-only {
  display: inline-block;
}

.mobile-only {
  display: none;
}

@media (max-width: 991px) {
  .desktop-only {
    display: none !important;
  }
  
  .mobile-only {
    display: block !important;
  }
  
  .mobile-menu-item.mobile-only {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header__actions {
    justify-content: flex-end;
  }
}

/* Ensure proper header layout */
.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.header__actions {
  display: flex;
  align-items: center;
  gap: 16px;
}