/*
Theme Name: Thème FSE Capitaine WP 👨🏼‍✈️
Theme URI: 
Author: Capitaine WP
Author URI: https://capitainewp.io
Description: Thème agence pour le Full Site Editing
Requires at least: 6.5
Tested up to: 6.5
Requires PHP: 8.0
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: capitaine
*/

:root {
    color-scheme: light;
}

html {
    scroll-behavior: smooth;
}

/* body {
    background-image: url(./assets/img/bg-pattern.svg),
        var(--wp--preset--gradient--purple);
    background-position-y: 300px, 0;
    background-repeat: repeat, no-repeat;
    background-size: 200px, auto;
    background-attachment: fixed;
} */

.has-border-color {
    color: inherit !important;
}

.blog-title {
    font-size: 1.4rem !important;
}

@media (width <= 768px) {
    .hide-on-mobile {
        display: none;
    }
}

@media (width >= 1310px) {
    .hide-on-nav-desktop {
        display: none !important;
    }
}

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
}
body
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
        .is-menu-open
    ) {
    display: none !important;
}

@media (min-width: 1310px) {
    body .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    body
        .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
            .is-menu-open
        ) {
        display: block !important;
    }
}

/* Styles des liens du menu de navigation */
.wp-block-navigation a:where(:not(.wp-element-button)):hover {
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation .current-menu-item a {
    color: var(--wp--preset--color--primary) !important;
}

/* Styles for JetForm Contact Forms */
.jet-form-builder {
    .text-field,
    .textarea-field {
        font-family: inherit;
        padding: 0.9rem;
        background: white;
        border: var(--wp--preset--color--card-border) 1px solid;
        border-radius: 8px;
    }

    .textarea-field {
        min-height: 200px;
    }

    .jet-form-builder-row {
        padding: 0.7rem 0;
    }

    .for-checkbox {
        font-size: 1rem;
    }

    .jet-form-builder__action-button {
        @media (width < 768px) {
            width: 100%;
        }
    }

    /* Styles spécifiques pour la page contact */
    &.contact-form {
        .text-field,
        .textarea-field {
            background: white;
        }

        .jet-form-builder__action-button {
            margin: initial !important;
        }
    }
}

/* Styles for buttons from other plugins */

/* Styles for primary buttons */
.sbi_follow_btn a,
.jet-form-builder__action-button {
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: var(--wp--custom--radius--m) !important;
    border-color: var(--wp--preset--color--primary) !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: var(--wp--preset--color--white) !important;
    font-family: inherit !important;
    font-size: var(--wp--preset--font-size--m) !important;
    font-weight: var(--wp--custom--font-weight--regular) !important;
    line-height: inherit !important;
    padding-top: var(--wp--preset--spacing--xs) !important;
    padding-right: var(--wp--preset--spacing--m) !important;
    padding-bottom: var(--wp--preset--spacing--xs) !important;
    padding-left: var(--wp--preset--spacing--m) !important;
    text-decoration: none !important;
    transition: 0.3s ease-in all !important;
    cursor: pointer !important;
    margin: 0 auto !important;
    display: block !important;

    &:hover,
    &:focus,
    &:active {
        background-color: rgba(95, 143, 121, 0.9) !important;
        box-shadow: none !important;
    }
}

/* Style for social network buttons on mobile */
@media (width <= 768px) {
    .sbi_load_btn,
    .sbi_follow_btn {
        width: 100%;
        margin-block-start: 1rem;
        margin-left: 0 !important;
    }
}

/* Style for timeline block */
.event__date {
    font-family: var(--wp--preset--font-family--primary);
    font-size: var(--wp--preset--font-size--l);
    font-weight: var(--wp--custom--font-weight--semibold);
    color: var(--wp--preset--color--primary);
}

.timeline__content {
    padding: 0 !important;
}

.timeline__marker {
    top: 30px !important;
}

.timeline__content::before,
.timeline__content::after {
    content: none;
}

@media (width > 768px) {
    .event__date {
        font-size: var(--wp--preset--font-size--xl);
    }

    .sticky-parcours {
        position: sticky;
        top: 24px;
        height: fit-content;
    }
}