/* css/cmc-forms.css */

/* Variables for branding */
:root {
    --cmc-blue: #007bff;
    --cmc-gold: #ffc107;
    --cmc-white: #ffffff;
    --cmc-border: 1px solid var(--cmc-gold);
    --cmc-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Base form styles with strong overrides */
.cmc-form-wrapper {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    background: var(--cmc-white) !important;
    color: #000000 !important; /* Black text override */
    font-family: Arial, sans-serif !important;
}

.cmc-form-wrapper * {
    color: #000000 !important; /* Force black on all child elements */
}

.cmc-header {
    text-align: center !important;
    color: #000000 !important;
}

.cmc-logo {
    max-width: 150px !important; /* Reduced size */
    width: 150px !important;
    height: auto !important;
    margin: 0 auto 20px !important;
    display: block !important;
}

.cmc-catchphrase {
    font-style: italic !important;
    color: var(--cmc-gold) !important; /* Keep gold for tagline */
}

.cmc-form {
    display: flex !important;
    flex-direction: column !important;
}

.cmc-form__step {
    border: var(--cmc-border) !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: var(--cmc-shadow) !important;
    color: #000000 !important;
}

.cmc-form__step legend {
    color: #000000 !important;
    font-weight: bold !important;
}

.cmc-form__group {
    margin-bottom: 15px !important;
}

.cmc-form label {
    display: block !important;
    margin-bottom: 5px !important;
    color: #000000 !important;
}

.cmc-form input[type="text"],
.cmc-form input[type="email"],
.cmc-form input[type="tel"],
.cmc-form input[type="number"],
.cmc-form input[type="date"],
.cmc-form textarea {
    width: 100% !important;
    padding: 10px !important;
    border: var(--cmc-border) !important;
    border-radius: 4px !important;
    box-shadow: var(--cmc-shadow) !important;
    color: #000000 !important;
}

.cmc-form button {
    background: var(--cmc-blue) !important;
    color: var(--cmc-white) !important;
    border: none !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    margin-top: 10px !important;
}

.cmc-form button:hover {
    background: #0056b3 !important; /* Darker blue */
}

.cmc-honeypot {
    display: none !important;
}

.cmc-form__conditional {
    display: none !important;
}

/* For JS-enabled multi-step */
.js-enabled .cmc-form__step {
    display: none !important;
}

.js-enabled .cmc-form__step.active {
    display: block !important;
}

/* Hide theme placeholders/errors like lorem ipsum */
.cmc-form-wrapper + .site-footer,
.greatest-properly-off-ham,
.unsatiable-invitation {
    display: none !important;
}

/* Responsive */
@media (max-width: 600px) {
    .cmc-form-wrapper {
        padding: 10px !important;
    }
    .cmc-logo {
        max-width: 120px !important;
        width: 120px !important;
    }
}