/* Contact Form 7 Styling */
.quiz-field-wrap {
    margin-bottom: var(--space-md);
}

.quiz-field-wrap label {
	    margin-bottom: -20px !important;
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-white);
    margin-bottom: 4px;
}

.quiz-field-wrap input[type="text"],
.quiz-field-wrap input[type="tel"],
.quiz-field-wrap input[type="email"],
.quiz-field-wrap select,
.quiz-field-wrap textarea {
    width: 100%;
    padding: 0.7rem 0.9rem;
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--color-white);
    background: rgba(255, 255, 255, 0.07);
    transition: border-color 0.2s;
    outline: none;
}

.quiz-field-wrap input:focus,
.quiz-field-wrap select:focus,
.quiz-field-wrap textarea:focus {
    border-color: var(--color-teal);
    box-shadow: 0 0 0 3px rgba(42, 157, 143, 0.15);
}

.quiz-field-wrap input::placeholder,
.quiz-field-wrap textarea::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.quiz-field-wrap select {
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.quiz-field-wrap select option {
    color: var(--color-text-dark);
    background: var(--color-white);
}

.quiz-field-wrap textarea {
    min-height: 80px;
    resize: vertical;
}

/* Submit button */
.wpcf7-submit {
    background-color: var(--color-teal) !important;
    color: var(--color-white) !important;
    border: none !important;
    padding: 0.875rem 2rem !important;
    border-radius: var(--border-radius-button) !important;
    font-family: var(--font-body) !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
    box-shadow: var(--shadow-button) !important;
    width: 100% !important;
    justify-content: center !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: var(--space-sm) !important;
}

.wpcf7-submit:hover {
    background-color: var(--color-teal-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(42, 157, 143, 0.40) !important;
}

/* Form on white/cream backgrounds */
.section--white .quiz-field-wrap label,
.section--cream .quiz-field-wrap label {
    color: var(--color-text-dark);
}

.section--white .quiz-field-wrap input,
.section--white .quiz-field-wrap select,
.section--white .quiz-field-wrap textarea,
.section--cream .quiz-field-wrap input,
.section--cream .quiz-field-wrap select,
.section--cream .quiz-field-wrap textarea {
    color: var(--color-text-dark);
    background: var(--color-white);
    border-color: var(--color-border);
}

.section--white .quiz-field-wrap input::placeholder,
.section--white .quiz-field-wrap textarea::placeholder,
.section--cream .quiz-field-wrap input::placeholder,
.section--cream .quiz-field-wrap textarea::placeholder {
    color: var(--color-text-light);
}

.section--white .quiz-field-wrap input:focus,
.section--white .quiz-field-wrap select:focus,
.section--white .quiz-field-wrap textarea:focus,
.section--cream .quiz-field-wrap input:focus,
.section--cream .quiz-field-wrap select:focus,
.section--cream .quiz-field-wrap textarea:focus {
    border-color: var(--color-teal);
}

/* CF7 response messages */
.wpcf7-response-output {
    font-size: 0.82rem;
    padding: var(--space-sm);
    border-radius: 8px;
    margin-top: var(--space-md);
    text-align: center;
}

.wpcf7-mail-sent-ok {
    background: #e8f7f0;
    border: 1px solid #b8e8d4;
    color: #1a8a5a;
}

.wpcf7-validation-errors {
    background: #fef0f0;
    border: 1px solid #f5c6c6;
    color: #c0392b;
}

/* Spinner */
.wpcf7-spinner {
    display: none;
}


#wpcf7-f39-o1 > form > div:nth-child(3) > p > label,#wpcf7-f39-o1 > form > div:nth-child(4) > p > label,#wpcf7-f39-o1 > form > div:nth-child(5) > p > label,#wpcf7-f39-o1 > form > div:nth-child(6) > p > label{
	color:white !important;
}