/*
Theme Name: Mark
Template: wlt-school-site
Author: Wessex Learning Trust
Author URI: https://wessexlearningtrust.co.uk
Description: Mark First C of E Academy child theme
Tags: school,academy,education
Version: 1.0.0
Updated: 2026-02-16 11:24:00
*/

:root {
    /* primary */
    --primary: #0e6eb6;
    --component-light: #c5e3fb;
    --component-lighter: #e2f1fd;

    /* burger nav */
    --secondary: #98c01e;
    --secondary-light: #edf7cd;
    --secondary-lighter: #f6fbe6;
}

.parking-permit-form {
    width: 50%;
    border: 1px solid #d1d5db;
    padding: 2rem;
    border-radius: 12px;
    background: #fff;
    margin: auto;
}

.parking-permit-form h5 {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.parking-permit-form .form-field {
    margin-bottom: 1rem;
}

.parking-permit-form label {
    display: block;
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.parking-permit-form input,
.parking-permit-form select,
.parking-permit-form textarea {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 1rem;
}

.parking-permit-form textarea {
    resize: vertical;
}

.parking-permit-form input:focus,
.parking-permit-form select:focus,
.parking-permit-form textarea:focus {
    outline: none;
    border-color: #555;
}

.parking-note {
    text-align: left;
    font-size: 1rem;
    font-style: italic;
    margin-top: 1rem;
}

.parking-permit-form button {
    display: block;
    margin-top: 1.5rem;
    width: 100%;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    cursor: pointer;
    font-weight: 600;
}

.parking-permit-form button:hover {
    background: #e5e7eb;
}

.form-message {
    width: 50%;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 8px;
    font-weight: 600;
    margin: auto;
}

.form-message.success {
    background: #e7f7ec;
    color: #176b34;
    border: 1px solid #b7e2c2;
}

.form-message.error {
    background: #fdeaea;
    color: #9f1c1c;
    border: 1px solid #f2b5b5;
}

@media (max-width: 768px) {
    .parking-permit-form,
    .form-message {
        width: 100%;
    }
}