/**
 * 🚜 BAKA WAY - Farmer Branding Identity
 * Amber / Earth Theme: Harvest, Warmth, Productivity
 */

:root {
    /* 🟠 Primary Palette (Light Mode) */
    --baka-primary: #d97706; /* Amber 600 */
    --baka-primary-rgb: 217, 119, 6;
    --baka-primary-hover: #b45309; /* Amber 700 */
    --baka-primary-light: #fde68a; /* Amber 200 - เข้มขึ้นเพื่อให้เห็นเส้นขอบชัดเจนในโหมดกลางวัน */
    --baka-accent: #f59e0b;

    /* Sidebar Branding: Light Mode */
    --sidebar-bg: #ffffff;
    --sidebar-text: #451a03; /* Deep Brown */
    --sidebar-border: #fef3c7;
    --sidebar-link-hover: #fffbeb; /* Amber 50 */

    /* Nav Link Styling */
    --nav-link-active-bg: rgba(217, 119, 6, 0.08);
    --nav-link-active-color: #d97706;

    /* Status Colors */
    --baka-completed: #3b82f6;
    --baka-cancelled: #ef4444;
    --baka-active: #10b981;
}

/* 🌑 Dark Mode Palette Override */
[data-bs-theme="dark"] {
    --baka-primary: #fbbf24; /* Amber 400 */
    --baka-primary-rgb: 251, 191, 36;
    --baka-primary-hover: #fcd34d; /* Amber 300 หรือสว่างขึ้นเล็กน้อย */
    --baka-primary-light: rgba(
        251,
        191,
        36,
        0.2
    ); /* สีทองโปร่งแสงสำหรับ Dark Mode */

    /* Background tones */
    --bg-body: #0c0a09; /* Stone 950 */
    --bg-card: #1c1917; /* Stone 900 */
    --border-color: rgba(251, 191, 36, 0.15);

    /* Sidebar Branding: Dark Mode */
    --sidebar-bg: #1c1917;
    --sidebar-text: #fef3c7;
    --sidebar-border: rgba(251, 191, 36, 0.1);
    --sidebar-link-hover: rgba(251, 191, 36, 0.05);

    /* Active State in Dark Mode */
    --nav-link-active-bg: rgba(251, 191, 36, 0.12);
    --nav-link-active-color: #fbbf24;
}

/**
 * 🎨 Global Component Overrides for Farmer Identity
 */

/* Override Sidebar specific elements for better icon visibility and brand consistency */
.baka-sidebar .nav-link i {
    color: var(--baka-primary);
    opacity: 0.8;
    transition: all 0.2s ease;
}

.baka-sidebar .nav-link:hover i,
.baka-sidebar .nav-link.active i {
    opacity: 1;
    color: var(--baka-primary);
}

/* Sidebar label contrast */
.baka-sidebar .sidebar-label {
    color: var(--baka-primary);
    opacity: 0.6;
    font-weight: 800;
}

/* Card Hover Effect & Constraints */
.baka-plot-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
}
.baka-plot-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
@media (min-width: 768px) {
    .baka-plot-card {
        max-width: 280px; /* Limits card width to support names ~50-100 characters wrapped */
        margin: 0 auto;
    }
}

/* ⚠️ Suspended Plot Card Styling */
.baka-plot-card.suspended {
    --baka-warning: #f39c12; /* Standard BAKA warning orange */
    border: 2px dotted var(--baka-warning) !important;
    opacity: 0.75;
    box-shadow: none !important;
    background-color: var(--bg-body) !important;
}
[data-bs-theme="dark"] .baka-plot-card.suspended {
    --baka-warning: #f59f00; /* Bright warning orange for Dark Mode */
}
.baka-plot-card.suspended:hover {
    transform: none !important;
    box-shadow: none !important;
    opacity: 0.9;
}

/* Card Plot Name Title */
.plot-card-title {
    font-size: 1.1rem; /* Slightly smaller for better proportions on compact cards */
    color: var(--text-main);
    line-height: 1.4;
    word-break: break-word;
}
.plot-title-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease;
}
.plot-title-link:hover {
    color: var(--baka-primary);
    text-decoration: none;
}


/* Empty State Hover Alert */
.baka-plot-card:hover .empty-shape-placeholder {
    border-color: var(--baka-warning) !important;
    color: var(--baka-warning) !important;
}
.baka-plot-card:hover .empty-shape-placeholder i {
    opacity: 1;
}

/* Status Hover Indicator */
.status-edit-wrapper {
    position: relative;
    border-radius: 50px;
    transition: transform 0.15s ease, filter 0.15s ease;
}
.status-edit-wrapper:hover {
    transform: scale(1.05);
    filter: brightness(0.95);
}
.status-edit-wrapper:hover::after {
    content: '';
    position: absolute;
    inset: -2px;
    border: 1px dashed var(--bs-secondary);
    border-radius: 50px;
    pointer-events: none;
}

/* Plot Card Grid Layout (Native CSS Grid) */
.plot-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-md);
    margin-bottom: 5rem;
}

@media (min-width: 576px) {
    .plot-grid-container {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
}

/* Empty State */
.empty-state {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    border: 2px dashed var(--border-color);
    grid-column: 1 / -1;
}
.empty-icon {
    font-size: 4rem;
    color: var(--border-color);
    margin-bottom: 1rem;
}