/*
Theme Name: Hélène Petit
Theme URI:
Author: Janvier
Author URI: https://en-janvier.com
Description: Thème sur-mesure Hélène Petit — développé par l'agence Janvier
Requires at least: 6.7
Tested up to: 6.5
Requires PHP: 8.0
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: helene-petit
Icons: Lucide (https://lucide.dev)
License MIT — Copyright (c) 2022 Lucide Contributors
*/

html {
    scroll-behavior: smooth;
}

/*Layout responsive*/
:root {
    --wp--style--global--content-size: clamp(600px, 100%, 880px);
    --wp--style--global--wide-size: clamp(800px, 100%, 1240px);
}

/*Pas de débordement*/
main, header, footer {
    overflow: hidden;
}

/*Enlever les margin top des blocks*/
:where(.wp-site-blocks) > .wp-block-template-part {
    margin-block-start: 0;
}

:where(.wp-site-blocks) > .wp-block-groupe {
    margin-block-start: 0;
}

/*Formulaire*/

.wpcf7-form {
    max-width: 600px;
}

.wpcf7-form p {
    margin: 0;
}

.half-input {
    display: flex;
    gap: var(--wp--preset--spacing--s)
}

.half-input > div {
    flex: 1;
    min-width: 0;
}

.half-input p,
.half-input label,
.half-input .wpcf7-form-control-wrap,
.half-input input {
    width: 100%;
    display: block;
}

.wpcf7-form input.wpcf7-form-control:not([type="submit"]),
.wpcf7-form textarea.wpcf7-form-control, .wpcf7-select {
    background-color: var(--wp--preset--color--white);
    border: solid 1px var(--wp--preset--color--light-blue);
    padding: var(--wp--preset--spacing--s);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

label {
    font-size: var(--wp--preset--font-size--s);
}

.wpcf7-submit {
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--white);
    border: none;
    padding: var(--wp--preset--spacing--xs);
}

p:has(.wpcf7-submit) {
    text-align: right;
}

@media (width <= 768px) {
    .half-input {
        flex-direction: column;
    }
}


/*Responsive*/

@media (width <= 768px) {

    /*General*/

    .mobile-section {
        flex-direction: column;
    }

    .reverse-mobile-section {
        flex-direction: column-reverse;
    }

    /*Modèle pages*/

    .hero-page-section {
      min-height: 45vh!important;
    }

    .hero-page-section .wp-block-paragraph {
      margin-top: 1rem!important;
    }
}