/*
 * Frontend CSS
 * Search form + result card wrapper styles.
 * Scoped under .cbedu-* to avoid theme conflicts.
 *
 * @package EduResultsPublishing
 */

/* ── Search form ──────────────────────────────────── */
.cbedu-search-wrap {
    display: flex;
    justify-content: center;
    padding: 20px 12px;
}

.cbedu-search-card {
    background: #fff;
    border: 1px solid #dde3ed;
    border-radius: 8px;
    padding: 32px 36px;
    max-width: 480px;
    width: 100%;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
}

.cbedu-search-heading {
    font-size: 20px;
    font-weight: 700;
    color: #1d3a6e;
    margin: 0 0 6px;
    text-align: center;
}

.cbedu-search-sub {
    font-size: 13px;
    color: #666;
    text-align: center;
    margin: 0 0 22px;
}

.cbedu-search-form { display: flex; flex-direction: column; gap: 14px; }

.cbedu-field-group { display: flex; flex-direction: column; gap: 5px; }

.cbedu-field-group label {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.cbedu-field-group input,
.cbedu-field-group select {
    height: 42px;
    padding: 0 12px;
    border: 1.5px solid #c3cad9;
    border-radius: 5px;
    font-size: 14px;
    color: #1a1a1a;
    background: #fafbff;
    transition: border-color .2s;
}

.cbedu-field-group input:focus,
.cbedu-field-group select:focus {
    border-color: #1d3a6e;
    outline: none;
    background: #fff;
}

.cbedu-search-btn {
    height: 44px;
    background: #1d3a6e;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: .3px;
    margin-top: 4px;
    transition: background .2s;
}

.cbedu-search-btn:hover { background: #142c57; }

/* Error notice */
.cbedu-search-error {
    background: #fde8e8;
    border: 1px solid #f5c6c6;
    border-radius: 5px;
    padding: 12px 16px;
    margin: 12px auto;
    max-width: 480px;
    font-size: 14px;
    color: #8a1f1f;
}

/* "Search again" link */
.cbedu-search-again-link {
    font-size: 13px;
    color: #1d3a6e;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
}
.cbedu-search-again-link:hover { color: #142c57; }

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 540px) {
    .cbedu-search-card { padding: 24px 18px; }
    .cbedu-search-heading { font-size: 17px; }
}