:root {
    --bs-primary: #ed1c24 !important;
    --bs-primary-rgb: 237, 51, 55 !important;
    --bs-secondary: #6c757d !important;
    --bs-dark: #333333 !important;
    --bs-light: #f8f9fa !important;
    --bs-body-color: #333 !important;
    --bs-body-bg: #fff !important;
  }
  
body { background-color: #fef1f180; font-family: "Mulish", sans-serif; font-optical-sizing: auto;}
.bg { background-color: #fef1f1;}
.txt-50 {color: #fef1f1;}
.txt-950 {color: #450a0b;}
.ts {font-size: x-small;}

.text-actual {color:ed3337}
.btn-danger {
  color: #fff;
  background-color: #ed1c24;
  border-color: #ed1c24;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9181e; /* Darker shade for hover */
  border-color: #b2161b;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9181e;
  border-color: #b2161b;
  box-shadow: 0 0 0 0.25rem rgba(237, 28, 36, 0.5);
}

.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b2161b;
  border-color: #a11418;
}

.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(237, 28, 36, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #ed1c24;
  border-color: #ed1c24;
  opacity: 0.65;
}

.nav-link { transition: color 0.3s ease; }
.nav-link:hover { color: var(--bs-primary) !important; }

/* quote */
    .service-card { cursor: pointer; transition: all 0.2s ease; border: 2px solid transparent;}
    .service-card:hover {transform: translateY(-2px);}
    .service-card.selected {border-color: var(--bs-danger);background: var(--bs-danger-bg-subtle);}
    .service-card img {filter: grayscale(30%);transition: filter 0.2s;}
    .service-card.selected img, .service-card:hover img {filter: grayscale(0%);}
    .type-card {cursor: pointer;transition: all 0.2s;}
    .type-card.selected {border-color: var(--bs-danger) !important;background: var(--bs-danger-bg-subtle);}
    .type-card img {height: 60px;filter: grayscale(100%);transition: filter 0.2s;}
    .type-card.selected img {filter: grayscale(0%);}
    .item-row {cursor: pointer;transition: background 0.15s;}
    .item-row.editing {background: var(--bs-warning-bg-subtle);}
    .item-card {cursor: pointer;transition: all 0.2s;}
    .item-card:hover {transform: translateY(-1px);}
    .item-card.editing {border-color: var(--bs-danger) !important;background: var(--bs-danger-bg-subtle);}
    .form-floating > .form-control:focus ~ label,.form-floating > .form-control:not(:placeholder-shown) ~ label {color: var(--bs-danger);}
    .form-control:focus, .form-select:focus {border-color: var(--bs-danger);box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.15);}
    .step-content {display: none;animation: fadeIn 0.3s ease;}
    .step-content.active {display: block;}
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); }}
    .summary-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em;}