/* Mobile reCAPTCHA fixes */
.recaptcha-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    transform: scale(0.9);
    transform-origin: center;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 480px) {
    .recaptcha-wrapper {
        transform: scale(0.8);
        margin: 15px -10px 20px -10px;
    }
    
    .recaptcha-wrapper iframe {
        max-width: 100% !important;
    }
}

@media (max-width: 360px) {
    .recaptcha-wrapper {
        transform: scale(0.7);
        margin: 15px -20px 20px -20px;
    }
}

/* Contact form specific styles */
textarea {
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
}

.char-counter {
    font-size: 0.8rem;
    color: var(--text-muted);
    text-align: right;
    margin-top: 5px;
}

.contact-info {
    background: var(--surface-2);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid var(--teal);
}

.contact-info h3 {
    margin: 0 0 10px 0;
    color: var(--teal);
}