/* Improved Lumina Brand Styling with Poppins Typography */
:root {
  --lumina-yellow: #EDC893;  /* Sunlight - Primary */
  --lumina-blue: #5E85BF;    /* Sky Blue - Secondary */
  --lumina-purple: #483D8B;  /* Violet Meteorite */
  --lumina-text: #333333;    /* Dark text for readability */
  --lumina-light: #FFFFFF;   /* White for backgrounds */
  --lumina-gray: #F5F7FA;    /* Light gray for panels */
}

/* Import Poppins font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Hide Powered by Fider footer */
.c-powered, div[class*="c-powered"], .p-home__welcome-col .c-powered {
  display: none !important;
}

/* Typography using Poppins as specified in brand guidelines */
body, input, button, textarea, select {
  font-family: 'Poppins', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  color: var(--lumina-text) !important;
}

/* Regular weight for general text as per brand guidelines */
body, p, li, td, th, input, textarea, select, .ui.text {
  font-weight: 400 !important;
}

/* Semi Bold weight for headings as per brand guidelines */
h1, h2, h3, h4, h5, h6, .ui.header, .c-menu-item-title {
  font-family: 'Poppins', 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 600 !important; /* Semi Bold */
  color: var(--lumina-text) !important;
}

/* Header styling with improved gradient and shadow */
.c-header {
  background: linear-gradient(90deg, var(--lumina-blue) 0%, #4d74ae 100%) !important;
  border-bottom: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
  padding: 12px 24px !important;
}

/* Logo area */
.c-menu-item-title {
  font-size: 1.5rem !important;
  font-weight: 600 !important; /* Semi Bold for logo text */
  letter-spacing: 0.5px !important;
}

/* Navigation menu styling */
.c-menu {
  background-color: transparent !important;
}

.c-menu-item-title, .c-menu-item-icon {
  color: var(--lumina-light) !important;
}

.c-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 4px !important;
}

/* Main content area */
.container {
  background-color: var(--lumina-light) !important;
  padding-top: 24px !important;
}

/* Welcome panel styling */
.p-home__welcome-col {
  background: linear-gradient(135deg, rgba(237,200,147,0.1) 0%, rgba(94,133,191,0.15) 100%) !important;
  border-radius: 12px !important;
  padding: 28px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
  border: 1px solid rgba(94,133,191,0.1) !important;
}

.p-home__welcome-col h3 {
  color: var(--lumina-blue) !important;
  font-size: 1.4rem !important;
  margin-bottom: 16px !important;
  font-weight: 600 !important; /* Semi Bold per guidelines */
}

/* Input fields */
.ui.input input, 
.ui.form textarea {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important; /* Regular per guidelines */
  border: 1px solid rgba(94,133,191,0.2) !important;
  border-radius: 6px !important;
  padding: 12px !important;
  transition: all 0.2s ease !important;
}

.ui.input input:focus, 
.ui.form textarea:focus {
  border-color: var(--lumina-blue) !important;
  box-shadow: 0 0 0 2px rgba(94,133,191,0.2) !important;
}

/* Search bar */
.p-home-page .ui.input {
  width: 100% !important;
}

.p-home-page .ui.input input {
  border-radius: 6px !important;
  padding: 12px 16px !important;
}

/* Primary buttons */
.ui.primary.button, 
.ui.button.primary {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  background-color: var(--lumina-yellow) !important;
  /* Change this: */
  /* color: var(--lumina-text) !important; */
  /* To this: */
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  transition: all 0.2s ease !important;
}

.ui.primary.button:hover, 
.ui.button.primary:hover {
  background-color: #dbb67e !important; /* Slightly darker Sunlight */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  transform: translateY(-1px) !important;
}

/* Secondary buttons */
.ui.secondary.button, 
.ui.button.secondary {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  background-color: var(--lumina-blue) !important;
  color: white !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
}

.ui.secondary.button:hover, 
.ui.button.secondary:hover {
  background-color: #4d74ae !important; /* Slightly darker Sky Blue */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Ensure all blue buttons have white text */
.ui.button[style*="background-color: var(--lumina-blue)"],
.ui.button[style*="background-color:#5E85BF"],
.ui.button[style*="background-color: #5E85BF"],
.ui.button[style*="background:#5E85BF"],
.ui.button[style*="background: #5E85BF"],
button[style*="background-color: var(--lumina-blue)"],
button[style*="background-color:#5E85BF"],
button[style*="background-color: #5E85BF"],
button[style*="background:#5E85BF"],
button[style*="background: #5E85BF"] {
  color: white !important;
}

/* Fix for Send to Jira button */
.ui.blue.button, 
button.ui.blue.button,
.ui.button.blue {
  color: white !important;
}

/* Sort and filter buttons */
.ui.basic.button {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important; /* Regular weight for filters */
  border: 1px solid rgba(94,133,191,0.3) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.ui.basic.button:hover {
  background-color: rgba(94,133,191,0.05) !important;
}

/* Feedback items */
.c-list-item {
  border-left: 4px solid var(--lumina-blue) !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  padding: 16px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
  background-color: white !important;
}

.c-list-item:hover {
  border-left-color: var(--lumina-yellow) !important;
  background-color: rgba(237, 200, 147, 0.03) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
  transform: translateY(-1px) !important;
}

/* Feedback item titles - using Semi Bold per guidelines */
.c-list-item-title {
  font-weight: 600 !important; /* Semi Bold for titles */
  font-size: 1.1rem !important;
  line-height: 1.4 !important;
}

/* Vote buttons */
.ui.button.c-vote-button {
  font-family: 'Poppins', sans-serif !important;
  color: var(--lumina-blue) !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
}

.ui.button.c-vote-button.m-voted {
  background-color: var(--lumina-blue) !important; /* Solid blue background */
  color: white !important; /* White text for better contrast */
  font-weight: 600 !important; /* Semi Bold */
}

/* Status tags */
.ui.mini.label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  background-color: var(--lumina-purple) !important;
  color: white !important;
  border-radius: 4px !important;
  padding: 5px 10px !important;
}

/* User avatar */
.c-avatar {
  border: 2px solid white !important;
}

/* Mobile responsiveness improvements */
@media (max-width: 767px) {
  .c-header {
    padding: 8px 16px !important;
  }
  
  .p-home__welcome-col {
    padding: 20px !important;
  }
  
  .c-list-item {
    padding: 12px !important;
  }
}

/* Force white text on every blue-background button */ 
.ui.blue.button, 
.ui.button.blue, 
.ui.secondary.button, 
.ui.button.secondary, 
.ui.blue.button * { color:#fff !important; 
  }