/* General Body Styles */
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f4f4f4; color: #333; }
/* Header */
header { background: #2e7d32; color: white; padding: 20px; text-align: center; }
header h1 { margin: 0; }
/* Navigation Menu */
nav { background: #333; color: white; padding: 10px 20px; display: flex; justify-content: center; align-items: center; position: relative; }
nav a { color: white; text-decoration: none; margin: 0 15px; }
.nav-links { text-align: center; }
.language-switcher { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 14px; }
.language-switcher a { margin: 0 5px; }
.language-switcher a.active-lang { font-weight: bold; text-decoration: underline; }
/* Main Container */
.container { padding: 20px; max-width: 1200px; margin: 0 auto; }
h1, h2 { color: #2e7d32; }
/* Footer */
footer { background: #333; color: white; text-align: center; padding: 15px; margin-top: 40px; }
/* Table Styles */
.listings-table { width: 100%; border-collapse: collapse; margin-top: 20px; background: white; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.listings-table th, .listings-table td { border: 1px solid #ddd; padding: 12px; text-align: left; }
.listings-table th { background-color: #f2f2f2; color: #333; }
.listings-table tr:nth-child(even) { background-color: #f9f9f9; }
.listings-table tr:hover { background-color: #e9f5e9; }
/* Button Styles */
.add-listing-btn, form button { display: inline-block; background-color: #2e7d32; color: white; padding: 10px 15px; text-decoration: none; border-radius: 5px; border: none; cursor: pointer; font-size: 16px; margin-top: 10px; }
.add-listing-btn:hover, form button:hover { background-color: #256428; }
/* Form Styles */
form { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); max-width: 600px; margin: 20px auto; }
form label { display: block; margin-bottom: 5px; font-weight: bold; }
form input[type="text"], form input[type="number"], form textarea, form select { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; margin-bottom: 15px; }
/* Index Page: Category Grid */
.category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.category-card { background: white; padding: 20px; text-align: center; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.2s, box-shadow 0.2s; }
.category-card:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0,0,0,0.2); }
.category-card a { text-decoration: none; color: #2e7d32; font-size: 18px; font-weight: bold; display: block; margin-top: 10px; }
/* Index Page: Listings Container */
.listings-container { margin-top: 40px; }
/* All Listings Link */
.all-listings-link { display: block; text-align: center; margin-top: 20px; }
/* Clear Filter Link */
.clear-filter-link {
    display: inline-block;
    margin-bottom: 20px;
}
