/* Solar Marketplace Custom Styles */

/* Global Styles */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

/* Navigation */
.ui.secondary.pointing.menu {
    border-bottom: none;
}

/* Cards */
.ui.cards > .card > .image > img,
.ui.card > .image > img {
    height: 200px;
    object-fit: cover;
}

/* Product Cards */
.ui.cards > .card .header {
    font-size: 1em !important;
}

/* Hero Section */
.masthead {
    background-size: cover;
    background-position: center;
}

/* Dashboard Sidebar */
.ui.visible.left.sidebar {
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}

.ui.sidebar .item.active {
    background: rgba(255,255,255,0.1) !important;
    border-left: 3px solid #f2711c;
}

/* Statistics */
.ui.statistic > .value {
    font-size: 2rem !important;
}

/* Forms */
.ui.form .field > label {
    font-weight: 600;
}

/* Tables */
.ui.table thead th {
    background: #f9fafb;
}

/* Thumbnails */
.thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 2px solid transparent;
    transition: border-color 0.2s;
}

.thumbnail:hover {
    border-color: #2185d0;
}

/* Rating Stars */
.ui.star.rating .icon {
    color: #FFD700 !important;
}

/* Price Display */
.price-current {
    font-size: 1.5em;
    font-weight: bold;
    color: #21ba45;
}

.price-original {
    text-decoration: line-through;
    color: #999;
}

/* Status Labels */
.ui.label.draft { background-color: #767676; color: white; }
.ui.label.open { background-color: #2185d0; color: white; }
.ui.label.in_progress { background-color: #fbbd08; color: #333; }
.ui.label.completed { background-color: #21ba45; color: white; }
.ui.label.cancelled { background-color: #db2828; color: white; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .ui.container {
        padding-left: 1em;
        padding-right: 1em;
    }
    
    .masthead h1 {
        font-size: 2em !important;
    }
    
    .ui.four.doubling.cards > .card {
        width: 100% !important;
    }
}

/* Print Styles */
@media print {
    .ui.sidebar,
    .ui.menu,
    footer {
        display: none !important;
    }
    
    .main-content {
        margin-left: 0 !important;
    }
}

/* Animations */
.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Utility Classes */
.text-center { text-align: center; }
.text-right { text-align: right; }
.mt-1 { margin-top: 1em; }
.mt-2 { margin-top: 2em; }
.mb-1 { margin-bottom: 1em; }
.mb-2 { margin-bottom: 2em; }
.p-1 { padding: 1em; }
.p-2 { padding: 2em; }