/*
Theme Name: Euro Poêles Cheminées
Theme URI: https://europoeles.fr/
Author: Malins d'eau douce
Author URI: https://malinsdeaudouce.fr/
Description: Thème développé sur-mesure
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: euro-poeles-cheminees
Tags: 
*/

*:not(dialog) {
    margin: 0;
}

.hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    aspect-ratio: 1920 / 513;
    background: url(assets/images/hero-divider.svg) no-repeat center / 100% 100%;
    pointer-events: none;
}

.cta::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    aspect-ratio: 1024 / 589;
    background: url(assets/images/cta-divider.svg) no-repeat center / 100% 100%;
    pointer-events: none;

    @media (width<1024px) {
        display: none;
    }
}

@media (width< 768px) {

    .copyright,
    .copyright>div {
        flex-direction: column-reverse;
    }
}

.wp-block-post-featured-image {
    position: static;
}

.wp-block-accordion-heading__toggle {
    padding: 0;
}

.wpcf7-form {
    padding: 2rem;
    box-shadow: var(--tw-block-shadow);
    border-radius: 1rem;
    display: grid;
    gap: 1rem;

    @media (width>=768px) {
        grid-template-columns: 1fr 1fr;

        p:nth-child(8),
        p:nth-child(9) {
            grid-column: 1/-1;
        }
    }
}

label {
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 700;
}

.wpcf7-text,
.wpcf7-textarea {
    font-family: inherit;
    box-sizing: border-box;
    margin-block-start: 8px;
    width: 100%;
    padding: 8px;
    border: 1px solid var(--wp--preset--color--contrast);
    border-radius: 4px;
    font-weight: 400;

    &:focus,
    &:focus-visible {
        outline: 2px solid var(--wp--preset--color--accent);
    }
}

.wpcf7-radio {
    display: grid;
    gap: 4px;
    margin-block-start: 8px;
}

.wpcf7-submit {
    height: auto;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7-not-valid-tip {
    margin-block-start: 8px;
    font-size: var(--wp--preset--font-size--sm);
}

.wpcf7 form .wpcf7-response-output {
    margin: 1rem 0 0;
    font-size: 14px;
}