/* src/styles/artistAssistant.css */

/* === Kitchen & Artist Assistant Strip === */
#chatbotButtons,
#assistantNav .nav { 
  display: flex !important;
  flex-wrap: nowrap !important;        
  align-items: center !important;
  gap: 2px !important;                 /* REDUCED GAP (tightest possible) */
  overflow-x: auto !important;         
  scrollbar-width: none;               
  -ms-overflow-style: none;            
  padding-bottom: 2px;                 
}

/* Hide scrollbar */
#chatbotButtons::-webkit-scrollbar,
#assistantNav .nav::-webkit-scrollbar {
  display: none;
}

#chatbotButtons .assistant-pill,
#assistantNav .nav-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;                    /* Space between Icon and Text */
  margin: 0 !important;                   
  padding: 4px 6px !important;            /* Reduced padding */
  background: transparent !important;
  border: 0 !important;
  color: #000 !important;
  cursor: pointer;
  
  /* NEW: Allow text stacking */
  white-space: normal !important;         
  text-align: left !important;
  line-height: 1 !important;              /* Tight vertical spacing for stacked words */
  font-size: 0.85rem !important;          /* Slightly smaller text to fit */
  height: auto !important;
}

/* Icons slightly larger to balance the stacked text */
#chatbotButtons .assistant-pill i,
#assistantNav .nav-link i {
    font-size: 1.1rem !important;
}

/* Thin vertical gold dividers */
#chatbotButtons .assistant-pill + .assistant-pill,
#assistantNav .nav-item + .nav-item {
  position: relative !important;
  margin-left: 2px !important;
}

#chatbotButtons .assistant-pill + .assistant-pill::before,
#assistantNav .nav-item + .nav-item::before {
  content: "" !important;
  position: absolute !important;
  left: -2px !important;            
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1px !important;
  height: 24px !important;             
  background: var(--brand-gold, #b08a48) !important;
  opacity: 0.5;
}