/* buttons.css */

/* --- Universal Button Reset & Consistent Button Styling --- */
button {
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    appearance: none;
}

/* Apply consistent look to specific buttons */
#searchButton,
#voiceInputButton,
#addNewRecipeButton,
#refreshIndexButton,
#toggleDebugButton,
#saveRecipeButton,
#submitNewRecipeButton,
#newChatButton, /* 🛑 ADDED: New Chat Button */
.view-full-recipe-button {
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    color: white;
}

/* General hover effect for all primary action buttons */
#searchButton:hover,
#voiceInputButton:hover,
#addNewRecipeButton:hover,
#toggleDebugButton:hover,
#refreshIndexButton:hover,
#saveRecipeButton:hover:not(:disabled),
#submitNewRecipeButton:hover:not(:disabled),
#newChatButton:hover:not(:disabled), /* 🛑 ADDED: New Chat Button Hover */
.view-full-recipe-button:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Disabled state */
button:disabled {
    background-color: #cccccc !important;
    cursor: not-allowed;
    box-shadow: none !important;
}


/* --- Specific Button Colors (Muted Palette) --- */

/* Primary Action Buttons (Search, New Chat, Add New, Create Recipe, Voice Input) */
#searchButton,
#addNewRecipeButton,
#voiceInputButton,
#submitNewRecipeButton,
#newChatButton { /* 🛑 ADDED: New Chat Button Color */
    background-color: #4A7C9F; /* Muted Steel Blue */
}

#searchButton:hover,
#addNewRecipeButton:hover,
#voiceInputButton:hover,
#submitNewRecipeButton:hover:not(:disabled),
#newChatButton:hover:not(:disabled) { /* 🛑 ADDED: New Chat Button Hover Color */
    background-color: #3A6A8D; /* Darker Muted Steel Blue */
}

/* Secondary Action Buttons (Refresh Index, Toggle Debug Info) */
#refreshIndexButton,
#toggleDebugButton {
    background-color: #8F9EAB; /* Soft Slate Gray */
}

#refreshIndexButton:hover:not(:disabled),
#toggleDebugButton:hover {
    background-color: #7F8E9B; /* Darker Soft Slate Gray */
}

/* Success/Save Button (Used for Save Draft Version, View Recipe) */
#saveRecipeButton,
.view-full-recipe-button {
    background-color: #6CB29B; /* Sage Green */
    padding: 8px 12px; /* Adjusted padding for view button */
    font-size: 0.9em; /* Adjusted font size for view button */
    margin: 5px 0 0 0;
}

#saveRecipeButton:hover:not(:disabled),
.view-full-recipe-button:hover {
    background-color: #5B9F8A; /* Darker Sage Green */
}