html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Prefilled section styling */
.prefill-card .card-header {
    border-bottom: 1px solid rgba(0,0,0,0.075);
}

/* Read-only inputs: subtle visual cue without disabling them */
.readonly-field[readonly] {
    background-color: #f8f9fa; /* light gray */
    color: #495057;
    cursor: default;
    box-shadow: none;
}

    .readonly-field[readonly]:focus {
        outline: none;
        box-shadow: none;
        border-color: #dee2e6;
    }

/* Prefilled section colors */
.bg-prefill {
    background-color: #0d6efd; /* Bootstrap primary blue */
}

.bg-prefill-light {
    background-color: #e9f2ff; /* very light blue for contrast */
}

/* Additional section colors */
.bg-additional {
    background-color: #198754; /* Bootstrap green */
}

.bg-additional-light {
    background-color: #e6f7ef; /* very light green */
}

/* Read-only fields */
.readonly-field[readonly] {
    background-color: #f8f9fa;
    color: #495057;
    cursor: default;
    box-shadow: none;
}

    .readonly-field[readonly]:focus {
        outline: none;
        box-shadow: none;
        border-color: #dee2e6;
    }

/* Card header font size */
.card-header {
    font-size: 1.1rem;
}

/* Prefilled section colors (already added earlier) */
.bg-prefill {
    background-color: #0d6efd;
}

.bg-prefill-light {
    background-color: #e9f2ff;
}

/* New section palettes */
.bg-wish {
    background-color: #6f42c1;
}
/* purple */
.bg-wish-light {
    background-color: #f0e9fb;
}

.bg-need {
    background-color: #fd7e14;
}
/* orange */
.bg-need-light {
    background-color: #fff2e8;
}

.bg-fav {
    background-color: #20c997;
}
/* teal/green */
.bg-fav-light {
    background-color: #e7fbf5;
}

.bg-clothing {
    background-color: #0ea5e9;
}
/* sky blue */
.bg-clothing-light {
    background-color: #e7f6fd;
}

/* Read-only inputs */
.readonly-field[readonly] {
    background-color: #f8f9fa;
    color: #495057;
    cursor: default;
    box-shadow: none;
}

    .readonly-field[readonly]:focus {
        outline: none;
        box-shadow: none;
        border-color: #dee2e6;
    }

/* Slightly larger headers for all cards */
.card-header {
    font-size: 1.1rem;
}

.county-scroll {
    max-height: 340px;
}
/* tweak to taste */
@media (max-width: 576px) {
    .county-scroll {
        max-height: 240px;
    }
    /* smaller on phones */
}