/*
Theme Name: Cook Cuisines
Theme URI: https://cook-cuisines.fr/
Author: Nael
Author URI: https://webro.fr/
Description: Thème WordPress développé par l'agence Webro pour Cook Cuisines.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cook-cuisines
Tags: 
*/

:where(.wp-site-blocks *:focus-visible) {
    outline: 2px solid;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
    html {
        interpolate-size: allow-keywords;
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3 {
    overflow-wrap: break-word;
}

p {
    text-wrap: pretty;
    max-inline-size: 60ch;
}

h1,
h2,
h3 {
    text-wrap: balance;
}

ol,
ul {
    padding-inline-start: 0;
    list-style-position: inside;
}

h3 a:hover {
    color: currentColor;
}

.wp-block-post.portfolio:hover .has-custom-border-color,
.wp-block-post.post:hover .has-custom-border-color {
    color: var(--wp--preset--color--custom-link) !important;
}

.wp-block-separator {
    transition: color 300ms ease-in-out;
    border-top: 1px solid;
}

details {
    width: 100%;

    &::details-content {
        block-size: 0;
        overflow-y: clip;
        content-visibility: hidden;
        transition: content-visibility 300ms allow-discrete, block-size 0.3s ease;
    }

    &[open]::details-content {
        block-size: auto;
        content-visibility: visible;
    }

    summary {
        font-family: var(--wp--preset--font-family--syne);
        font-size: var(--wp--preset--font-size--custom-2);
        line-height: 1.3;
    }
}

.wpcf7-form div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;

    @media (width <=768px) {
        grid-template-columns: 1fr;
        gap: 0;
    }

    &.wpcf7-response-output {
        grid-template-columns: 1fr;
    }
}

.wpcf7-form p {
    margin-block-end: 2rem;
}

.wpcf7-form label {
    font-size: .875rem;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    display: flex;
    padding-block: 0.5rem 0.75rem;
    padding-inline: 0 1.5rem;
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--wp--preset--color--custom-border);
    background: transparent;
    color: inherit;
    font-size: 1rem;
    caret-color: currentColor;

    &:focus {
        outline: none;
        border-bottom: 1px solid var(--wp--preset--color--custom-link);
    }
}

.wpcf7-form input[type="submit"] {
    background-color: var(--wp--preset--color--custom-link);
    border-radius: 0;
    border: none;
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--poppins-semibold);
    line-height: 1;
    padding: .75rem 1.5rem;
    cursor: pointer;

    &:hover {
        background-color: #B58A84;
    }
}

.wpcf7-not-valid-tip {
    font-size: .875rem;
    margin-block-start: .5rem;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: transparent;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}

.wpcf7-form input[type="radio"] {
    accent-color: var(--wp--preset--color--custom-link);
    width: 1rem;
    height: 1rem;
}

.wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 1rem;
}

.wpcf7-list-item {
    margin: 0;

    label {
        display: flex;
        align-items: center;
        gap: .5rem;
    }
}

.wp-block-outermost-copyright-date-block {
    margin-inline-end: 4px !important;
}