/*
Theme Name: FABA
Theme URI: https://www.faba-france.org/
Description: Thème enfant d'Ollie pour le site de la FABA.
Author: Echappée Web
Author URI: https://www.echappee-web.fr
Template:     ollie
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: ollie-child
*/

/* Correction liens actifs menu */
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .current-menu-item > a, .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .has-child button:hover {
    text-decoration: none;
    font-weight: 700;
}

/* Header */
header {
    .wpml-language-switcher-block {
        width: auto !important;
    }
    [data-wpml='language-item']:first-of-type {
        margin-top: 0 !important;
    }
}

/* Titres */
:is(h1, h2, h3) {
    text-wrap: balance;
}

/* Bloc équipe */
.block--equipe--h {
    --border-radius: 10px;
    @media (min-width: 782px) {
        & .wp-block-column:first-child {
            border-top-left-radius: var(--border-radius, 10px);
            border-bottom-left-radius: var(--border-radius, 10px);
        }
        & .wp-block-column:last-child {
            border-top-right-radius: var(--border-radius, 10px);
            border-bottom-right-radius: var(--border-radius, 10px);
        }
    }
    @media (max-width: 781px) {
        & .wp-block-column:first-child {
            border-top-left-radius: var(--border-radius, 10px);
            border-top-right-radius: var(--border-radius, 10px);
        }
        & .wp-block-column:last-child {
            border-bottom-left-radius: var(--border-radius, 10px);
            border-bottom-right-radius: var(--border-radius, 10px);
        }
    }
}

/* Formulaire de contact */
form.wpcf7-form {
    background: var(--wp--preset--color--tertiary);
    padding: 20px;
    border-radius: 10px;
    label {
        letter-spacing: 0.05em;
    }
    .indications {
        font-size: var(--wp--preset--font-size--small);
        color: var(--wp--preset--color--primary);
        display: block;
    }
    input[type="text"], input[type="tel"], input[type="email"], textarea {
        width: 100%;
    }
    .wpcf7-list-item {
        margin-left: 0;
        font-size: var(--wp--preset--font-size--small);
        label {
            letter-spacing: 0;
        }
    }
    input[type="submit"] {
        background-color: var(--wp--preset--color--primary);
        border-radius: 5px;
        border-width: 0;
        color: var(--wp--preset--color--base);
        font-size: var(--wp--preset--font-size--base);
        font-weight: 500;
        padding: 0.6em 1em;
        &:hover, &:focus {
            background-color: var(--wp--preset--color--primary-alt-accent);
        }
    }
    .wpcf7-not-valid-tip {
        font-size: var(--wp--preset--font-size--small);
    }
}