/* Custom styles for Earthtone Repair Manager */

/* Earthy Color Palette */
:root {
    --earth-primary: #6b8e6b;      /* Sage green */
    --earth-secondary: #8b7d6b;    /* Warm taupe */
    --earth-success: #7a9d7a;      /* Moss green */
    --earth-info: #6a8e9e;         /* Dusty teal */
    --earth-warning: #c4a35a;      /* Golden ochre */
    --earth-danger: #a66b5c;       /* Terracotta */
    --earth-light: #f5f1e8;        /* Cream */
    --earth-dark: #5a4a3a;         /* Warm brown */
    --earth-muted: #9e8f7e;        /* Sandy brown */
}

body {
    min-height: 100vh;
    background-color: var(--earth-light);
}

.jumbotron {
    background-color: #ebe5d9;
}

.card {
    margin-bottom: 1rem;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(90, 74, 58, 0.1);
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
}

.alert {
    border-radius: 0.25rem;
}

/* Dashboard card hover effects */
.dashboard-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    cursor: pointer;
}

.dashboard-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(90, 74, 58, 0.2);
}

/* Earthy Bootstrap overrides */
.btn-primary {
    background-color: var(--earth-primary);
    border-color: var(--earth-primary);
    color: white;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #5a7a5a;
    border-color: #5a7a5a;
}

.btn-success {
    background-color: var(--earth-success);
    border-color: var(--earth-success);
    color: white;
}

.btn-success:hover, .btn-success:focus {
    background-color: #6a8d6a;
    border-color: #6a8d6a;
}

.btn-info {
    background-color: var(--earth-info);
    border-color: var(--earth-info);
    color: white;
}

.btn-info:hover, .btn-info:focus {
    background-color: #5a7e8e;
    border-color: #5a7e8e;
}

.btn-warning {
    background-color: var(--earth-warning);
    border-color: var(--earth-warning);
    color: white;
}

.btn-warning:hover, .btn-warning:focus {
    background-color: #b4934a;
    border-color: #b4934a;
}

.btn-danger {
    background-color: var(--earth-danger);
    border-color: var(--earth-danger);
    color: white;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #965b4c;
    border-color: #965b4c;
}

.bg-primary {
    background-color: var(--earth-primary) !important;
}

.bg-success {
    background-color: var(--earth-success) !important;
}

.bg-info {
    background-color: var(--earth-info) !important;
}

.bg-warning {
    background-color: var(--earth-warning) !important;
}

.bg-danger {
    background-color: var(--earth-danger) !important;
}

.bg-light {
    background-color: var(--earth-light) !important;
}

.text-primary {
    color: var(--earth-primary) !important;
}

.text-success {
    color: var(--earth-success) !important;
}

.text-info {
    color: var(--earth-info) !important;
}

.text-warning {
    color: var(--earth-warning) !important;
}

.text-danger {
    color: var(--earth-danger) !important;
}

.text-muted {
    color: var(--earth-muted) !important;
}

.badge.bg-primary {
    background-color: var(--earth-primary) !important;
}

.badge.bg-success {
    background-color: var(--earth-success) !important;
}

.badge.bg-info {
    background-color: var(--earth-info) !important;
}

.badge.bg-warning {
    background-color: var(--earth-warning) !important;
}

.badge.bg-danger {
    background-color: var(--earth-danger) !important;
}

.alert-success {
    background-color: #d4e4d4;
    border-color: var(--earth-success);
    color: #4a6a4a;
}

.alert-info {
    background-color: #d4e4e9;
    border-color: var(--earth-info);
    color: #4a5a6a;
}

.alert-warning {
    background-color: #f4ead4;
    border-color: var(--earth-warning);
    color: #8a7a4a;
}

.alert-danger {
    background-color: #e9d9d4;
    border-color: var(--earth-danger);
    color: #8a5a4a;
}

footer.bg-light {
    background-color: #ebe5d9 !important;
    border-top-color: var(--earth-muted) !important;
}

/* Dashboard cards with pastel earthy backgrounds */
.dashboard-card.bg-primary {
    background-color: #a8c5a8 !important; /* Soft sage green */
}

.dashboard-card.bg-warning {
    background-color: #d9c79f !important; /* Soft sandy beige */
}

.dashboard-card.bg-success {
    background-color: #b5d4b5 !important; /* Soft moss green */
}

.dashboard-card.bg-info {
    background-color: #a8c4d4 !important; /* Soft dusty blue */
}

.dashboard-card.bg-danger {
    background-color: #d4a8a0 !important; /* Soft terracotta/dusty rose */
}

.dashboard-card.text-white {
    color: #3a3a2a !important; /* Dark earth tone instead of pure white */
}

.card-header.bg-primary {
    background-color: #8faa8f !important; /* Muted sage */
}

.card-header.bg-secondary {
    background-color: #a8998f !important; /* Warm taupe */
}

.card.border-primary {
    border-color: #8faa8f !important;
}

/* Styled links in tables and lists */
.table a:not(.btn) {
    color: #5a7e8e !important; /* Earthy blue-grey */
    text-decoration: none;
    transition: color 0.2s ease;
    position: relative;
}

.table a:not(.btn):hover {
    color: #4a6b7c !important; /* Darker earthy blue */
}

.table a:not(.btn).fw-bold:hover {
    text-decoration: underline;
    text-decoration-color: #5a7e8e;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

/* Links in list groups (dashboard, etc.) */
.list-group-item a:not(.btn) {
    color: #5a7e8e !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.list-group-item a:not(.btn):hover {
    color: #4a6b7c !important;
    text-decoration: underline;
    text-decoration-color: #5a7e8e;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

/* General text links (not in tables or buttons) */
p a:not(.btn), .text-muted a:not(.btn) {
    color: #5a7e8e !important;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}

p a:not(.btn):hover, .text-muted a:not(.btn):hover {
    color: #4a6b7c !important;
    border-bottom-color: #5a7e8e;
}