/**
 * Smort Contact Form 7 Block Styles
 */
 .smort-contact-form-7 {
    padding: var(--space-10) 0;
 }

.smort-contact-form-7-form-card {
    display: flex;
    flex-direction: column;
    padding: var(--space-10) var(--space-8) 0 var(--space-8);
    gap: var(--space-8);
    border-radius: var(--border-radius-lg);

    form {
        input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea {
            width: 100%;
            border-radius: var(--border-radius-lg);
            border: 1px solid var(--color-border);
            padding: var(--space-2) var(--space-4);
            font-size: var(--text-lg);
            font-weight: 700;
            color: var(--text-color);
            transition: all 0.3s ease;
        }
        textarea {
            resize: vertical;
            min-height:fit-content;
            overflow:auto;
        }
    }
    input[type="submit"] {
        width: 100%;
        border-radius: var(--border-radius-lg);
        border: 1px solid var(--color-border);
        padding: var(--space-2) var(--space-4);
        font-size: var(--text-lg);
        font-weight: 700;
        color: var(--text-color);
        transition: all 0.3s ease;
        cursor: pointer;
        background-color: var(--primary-color);
        border-color: var(--accent-color);
        color: var(--color-text-light);

        &:hover {
            background-color: var(--accent-color);
            border-color: var(--accent-color);
            color: var(--color-text-light);
        }
    }
    &.button-accent input[type="submit"] {
        background-color: var(--accent-color);
        border-color: var(--accent-color);
        color: var(--color-text-light);
        &:hover {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: var(--color-text-light);
        }
    }
    &.button-outline-white input[type="submit"] {
        background-color: transparent;
        border-color: var(--white);
        color: var(--white);
        &:hover {
            background-color: var(--white);
            border-color: var(--white);
            color: var(--text-color);
        }
    }
    &.button-accent input[type="submit"] {
        background-color: var(--accent-color);
        border-color: var(--accent-color);
        color: var(--color-text-light);
        &:hover {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: var(--color-text-light);
        }
    }
    &.button-primary input[type="submit"] {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: var(--color-text-light);
        &:hover {
            background-color: var(--accent-color);
            border-color: var(--accent-color);
            color: var(--color-text-light);
        }
    }
    &.button-secondary input[type="submit"] {
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
        color: var(--text-color);
        &:hover {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: var(--color-text-light);
        }
    }
    &.button-background input[type="submit"] {
        background-color: var(--background-color);
        border-color: var(--background-color);
        color: var(--text-color);
        &:hover {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: var(--color-text-light);
        }
    }
}