/*
Theme Name: Maison Bastian
Theme URI: https://www.maisonbastian.fr/
Author: Echappée Web
Author URI: https://www.echappee-web.fr
Description: Thème sur-mesure pour le site de la Maison Bastian
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 8.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: echappee
*/

/* La page doit prndre 100% de la hauteur */
.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}
footer.wp-block-template-part {
    margin-top: auto !important;
}

/* Scroll margin */
html {
    scroll-padding-block-start: 150px;
    scroll-behavior: smooth;
}

/* Header */
.sticky-header {
    z-index: 999;
}
.wp-block-site-logo .custom-logo {
    width: 213px;
    max-width: 75%;
}

/* Headings */
@supports (text-wrap: balance) {
    h2 {
        text-wrap: balance;
    }
}

/* Home */
.home h1::after {
    width: 200px;
}

/* Pages */
.page-title {
    background: url('assets/img/paper_opacity60.jpg') no-repeat top right/cover;     
    background-blend-mode: color-burn;
}

/* Blocs composés */
.block--card--title-bg > .wp-block-columns {
    border-radius: var(--wp--custom--radius--s);
    .wp-block-column {
        &.has-background {
            container-type: inline-size;
            @supports (font-size: 1cqi) {
                :is(h2, h3, h4) {
                    font-size: clamp(1.4rem, 11cqi, 3rem) !important;
                }
            }
        }
    }
}

/* Carrousels */
.swiper-wrapper {
    align-items: center;
}

/* Formulaire de contact */
form.wpcf7-form {
    .mandatory {
        font-size: var(--wp--preset--font-size--xs);
        color: var(--wp--preset--color--secondary);
    }
    label {
        margin-block-start: 0.75em;
        font-size: var(--wp--preset--font-size--s);
    }
    .indications {
        font-size: var(--wp--preset--font-size--xs);
        color: var(--wp--preset--color--primary);
        display: block;
    }
    input[type="text"], input[type="tel"], input[type="email"], select, textarea {
        font-family: var(--wp--preset--font-family--primary);
        width: 100%;
        box-sizing: border-box;
        color: var(--wp--preset--color--contrast);
        padding: 0.5em 0.75em;
        border-radius: 5px;
        font-size: var(--wp--preset--font-size--s);
        border: none;
        margin-block-start: 0.25em;
        margin-block-end: 1em;
    }
    .wpcf7-list-item {
        margin-left: 0;
        font-size: var(--wp--preset--font-size--s);
        label {
            letter-spacing: 0;
        }
    }
    input[type="submit"] {
        font-family: var(--wp--preset--font-family--primary);
        background-color: var(--wp--preset--color--primary);
        border-radius: 5px;
        border: 1px solid var(--wp--preset--color--primary);
        color: var(--wp--preset--color--white);
        font-size: var(--wp--preset--font-size--chapo);
        padding: 0.625em 0.75em;
        &:hover, &:focus {
            background-color: var(--wp--preset--color--base);
            color: var(--wp--preset--color--primary);
        }
    }
    .wpcf7-not-valid-tip {
        margin-bottom: 1em;
        font-size: var(--wp--preset--font-size--xs);
    }
    .wpcf7-response-output{
        padding: 1em;
        margin-inline: 0;
    }
    .wpcf7-not-valid-tip {
        display: inline-block;
    }
    .wpcf7-spinner {
        position: absolute;
    }
    &.sent .wpcf7-response-output {
        border-color: var(--wp--preset--color--primary);
    }
}

/* Footer */
.wp-block-site-tagline {
    max-width: 180px;
}
.widget-title {
    letter-spacing: 0.05em;
    &::after { content: ' '; display: block; width: 50px; height: 1px; background-color: currentColor; margin-block-start: 0.625em; } 
    &.has-text-align-center::after { margin-inline: auto; } 
    &.has-text-align-right::after { margin-left: auto; }
}