/*
 * Contact Form 7 support.
 * Loaded after style.css. Contains the two utilities the compiled
 * Tailwind build lacks (form markup lives in the DB, outside the
 * Tailwind content scan) and draws the submit icon, because CF7
 * renders [submit] as <input>, which cannot hold child elements.
 */

.rounded-xl {
    border-radius: var(--radius-xl);
}

.p-3 {
    padding: calc(var(--spacing) * 0.75);
}

.wpcf7 .wpcf7-submit {
    background-image:
        url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='36'%20height='36'%20viewBox='0%200%2036%2036'%3E%3Ccircle%20cx='18'%20cy='18'%20r='18'%20fill='white'/%3E%3Cg%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M22%2018H11'/%3E%3Cpath%20d='M15%2013.5%2010.5%2018l4.5%204.5'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(109.95deg, #ff6600 -7.96%, #e34900 128.86%);
    background-repeat: no-repeat, no-repeat;
    background-position: left 0.5rem center, center;
    background-size: 36px 36px, auto;
    padding-left: 3.5rem;
}

.wpcf7 .wpcf7-submit:hover {
    background-position: left 0.35rem center, center;
}