/* Recovery Form - Uses project colors (--primary-red) - matches Garage design */
/* Base styles from garage-form.css; overrides for consistency */

.tab.compact.active {
    color: var(--primary-red);
    background: var(--primary-red-light);
}

.tab-indicator {
    background: var(--primary-red);
}

.section-title.compact {
    border-left-color: var(--primary-red);
}

.label-with-icon i,
.label-with-icon .ti {
    color: var(--primary-red) !important;
}

.btn-next.compact,
.btn-next {
    background: var(--primary-red) !important;
    color: white !important;
}

.btn-next.compact:hover,
.btn-next:hover {
    background: var(--primary-red-dark, #5a0110) !important;
    color: white !important;
}

.btn-submit.compact,
.btn-submit {
    background: var(--primary-red) !important;
    color: white !important;
}

.btn-submit.compact:hover,
.btn-submit:hover {
    background: var(--primary-red-dark, #5a0110) !important;
    color: white !important;
}

.image-upload-area.compact:hover {
    border-color: var(--primary-red);
    background: var(--primary-red-light);
}

.upload-icon.compact {
    color: #9CA3AF;
}

/* Feature icons - project color */
.feature-icon-project {
    background: rgba(122, 1, 21, 0.08) !important;
    color: var(--primary-red) !important;
}

.feature-icon-project .ti {
    color: inherit !important;
}

/* 3 columns for recovery services grid */
.features-grid-recovery {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
    .features-grid-recovery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .features-grid-recovery {
        grid-template-columns: 1fr;
    }
}