/*
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: 1.0
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 dark;
}

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;
}

@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 for JetForm Contact Forms */
.jet-form-builder {
    .text-field,
    .textarea-field {
        font-family: inherit;
        padding: 0.9rem;
        background: #f6f6ff;
        border: 1px solid #dadafc;
        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--secondary) !important;
    border-radius: var(--wp--custom--radius--full) !important;
    border-color: var(--wp--custom--color--btn-border) !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: var(--wp--preset--color--secondary-darker) !important;
    font-family: inherit !important;
    font-size: var(--wp--preset--font-size--m) !important;
    font-weight: var(--wp--custom--font-weight--semibold) !important;
    line-height: inherit !important;
    padding-top: var(--wp--preset--spacing--xxs) !important;
    padding-right: var(--wp--preset--spacing--s) !important;
    padding-bottom: var(--wp--preset--spacing--xxs) !important;
    padding-left: var(--wp--preset--spacing--s) !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: var(--wp--preset--color--secondary-light) !important;
        box-shadow: none !important;
    }
}

/* Styles for secondary buttons */
.sbi_load_btn {
    background-color: transparent !important;
    border-color: var(--wp--preset--color--grey-light) !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: var(--wp--preset--color--black) !important;
    font-family: inherit !important;
    font-size: var(--wp--preset--font-size--m) !important;
    font-weight: var(--wp--custom--font-weight--semibold) !important;
    line-height: inherit !important;
    padding-top: var(--wp--preset--spacing--xxs) !important;
    padding-right: var(--wp--preset--spacing--s) !important;
    padding-bottom: var(--wp--preset--spacing--xxs) !important;
    padding-left: var(--wp--preset--spacing--s) !important;
    text-decoration: none !important;
    border-radius: var(--wp--custom--radius--full) !important;
    margin-top: 0 !important;
    cursor: pointer !important;

    &:hover,
    &:focus,
    &:active {
        background-color: var(--wp--preset--color--primary-light) !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--secondary);
    font-size: var(--wp--preset--font-size--xl);
    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) {
    .sticky-parcours {
        position: sticky;
        top: 24px;
        height: fit-content;
    }
}