/* =========================================================
   PRÉSENTATION DES MASTERCLASSES
   Articles FR et EN de catégorie "masterclasses"
   ========================================================= */


/* =========================================================
   FOND GÉNÉRAL
   ========================================================= */

body.single-post {
    background: #050505;
}

body.single-post .site-content {
    background: #050505;
}


/* =========================================================
   ARTICLE ASTRA
   ========================================================= */

body.single-post article.category-masterclasses.ast-article-single {
    background: #050505 !important;
    border: 0 !important;

    padding-top: 45px;
    padding-bottom: 70px;
}


/* Masque les métadonnées :
   catégorie / auteur / etc. */
body.single-post article.category-masterclasses .entry-header {
    display: none;
}


/* =========================================================
   CONTENU GUTENBERG
   ========================================================= */

body.single-post article.category-masterclasses .entry-content {
    background: #050505;
    color: #d8d8d8;
}


/* Groupe principal Gutenberg */
body.single-post article.category-masterclasses
.entry-content > .wp-block-group {
    max-width: 1100px;

    margin: 0 auto;

    padding: 0 30px;

    background: #050505;
}


/* =========================================================
   IMAGE DE PRÉSENTATION
   ========================================================= */

body.single-post article.category-masterclasses
.entry-content > .wp-block-group > .wp-block-image {
    margin: 0 0 30px;
}


body.single-post article.category-masterclasses
.entry-content > .wp-block-group > .wp-block-image img {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 0;
}


/* =========================================================
   TEXTE DE PRÉSENTATION
   ========================================================= */

body.single-post article.category-masterclasses
.entry-content > .wp-block-group > p {
    color: #dcdcdc;

    font-size: 17px;
    line-height: 1.75;

    margin-top: 0;
    margin-bottom: 0;
}


/* Liens dans le contenu */
body.single-post article.category-masterclasses
.entry-content a {
    color: #ed168c;
}


body.single-post article.category-masterclasses
.entry-content a:hover {
    color: #ffffff;
}


/* =========================================================
   FORMULAIRE GRAVITY FORMS
   ========================================================= */

body.single-post article.category-masterclasses
.gform_wrapper {
    margin-top: 40px;

    padding: 35px 40px 38px;

    background: #121212;

    border: 1px solid #292929;
    border-top: 3px solid #ed168c;

    border-radius: 5px;
}


/* =========================================================
   TITRE DU FORMULAIRE
   ========================================================= */

body.single-post article.category-masterclasses
.gform_wrapper .gform_title {
    color: #ffffff;

    font-size: 34px;
    line-height: 1.2;

    margin: 0 0 28px;
}


/* =========================================================
   LABELS
   ========================================================= */

body.single-post article.category-masterclasses
.gform_wrapper .gfield_label,
body.single-post article.category-masterclasses
.gform_wrapper .gform-field-label {
    color: #ffffff;
}


/* Sous-labels : prénom / nom */
body.single-post article.category-masterclasses
.gform_wrapper .gform-field-label--type-sub {
    color: #dddddd;
}


/* Mention "Nécessaire / Required" */
body.single-post article.category-masterclasses
.gform_wrapper .gfield_required {
    color: #ed168c;
}


/* =========================================================
   CHAMPS DU FORMULAIRE
   ========================================================= */

body.single-post article.category-masterclasses
.gform_wrapper input[type="text"],
body.single-post article.category-masterclasses
.gform_wrapper input[type="email"] {
    min-height: 46px;

    background: #1b1b1b;
    color: #ffffff;

    border: 1px solid #444444;
    border-radius: 4px;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


/* Placeholder */
body.single-post article.category-masterclasses
.gform_wrapper input::placeholder {
    color: #888888;
}


/* Focus */
body.single-post article.category-masterclasses
.gform_wrapper input[type="text"]:focus,
body.single-post article.category-masterclasses
.gform_wrapper input[type="email"]:focus {
    background: #202020;

    border-color: #ed168c;

    box-shadow: 0 0 0 1px #ed168c;

    outline: none;
}


/* =========================================================
   ENCADRÉ INFOLETTRE
   ========================================================= */

body.single-post article.category-masterclasses
#gform_wrapper_37 #field_37_4 {
    margin-top: 8px;

    padding: 16px 18px;

    background: #1a1a1a;

    border-left: 4px solid #ed168c;
    border-radius: 4px;
}


/* Texte */
body.single-post article.category-masterclasses
#gform_wrapper_37 #field_37_4 p {
    margin: 0;

    color: #e2e2e2;

    font-size: 15px;
    line-height: 1.6;
}


/* Lien infolettre */
body.single-post article.category-masterclasses
#gform_wrapper_37 #field_37_4 a {
    display: inline-block;

    margin-left: 4px;

    color: #ed168c;

    font-weight: 700;

    text-decoration: none;

    transition: color 0.2s ease;
}


/* Petite flèche après le lien */
body.single-post article.category-masterclasses
#gform_wrapper_37 #field_37_4 a::after {
    content: " →";
}


/* Survol */
body.single-post article.category-masterclasses
#gform_wrapper_37 #field_37_4 a:hover {
    color: #ffffff;

    text-decoration: none;
}


/* =========================================================
   BOUTON
   ========================================================= */

body.single-post article.category-masterclasses
.gform_wrapper .gform_footer {
    margin-top: 25px;

    padding-bottom: 0;
}


body.single-post article.category-masterclasses
.gform_wrapper .gform_button {
    background: #ed168c !important;

    color: #ffffff !important;

    border: 1px solid #ed168c !important;
    border-radius: 4px !important;

    padding: 13px 26px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


body.single-post article.category-masterclasses
.gform_wrapper .gform_button:hover {
    background: #ffffff !important;

    color: #000000 !important;

    border-color: #ffffff !important;
}


body.single-post article.category-masterclasses
.gform_wrapper .gform_button:active {
    transform: translateY(1px);
}


/* =========================================================
   MESSAGES D'ERREUR GRAVITY FORMS
   ========================================================= */

body.single-post article.category-masterclasses
.gform_wrapper .gform_validation_errors {
    background: #1b1b1b;

    border-color: #ed168c;

    color: #ffffff;
}


body.single-post article.category-masterclasses
.gform_wrapper .gfield_validation_message {
    color: #ff8ec8;
}


/* =========================================================
   RETIRER NAVIGATION ARTICLE PRÉCÉDENT / SUIVANT
   ========================================================= */

body.single-post article.category-masterclasses
~ .post-navigation,
.single-post .post-navigation {
    display: none !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 921px) {

    body.single-post article.category-masterclasses.ast-article-single {
        padding-top: 35px;
        padding-bottom: 55px;
    }


    body.single-post article.category-masterclasses
    .entry-content > .wp-block-group {
        padding-left: 22px;
        padding-right: 22px;
    }


    body.single-post article.category-masterclasses
    .gform_wrapper {
        padding: 30px 28px;
    }


    body.single-post article.category-masterclasses
    .gform_wrapper .gform_title {
        font-size: 31px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 544px) {

    body.single-post article.category-masterclasses.ast-article-single {
        padding-top: 25px;
        padding-bottom: 40px;
    }


    body.single-post article.category-masterclasses
    .entry-content > .wp-block-group {
        padding-left: 15px;
        padding-right: 15px;
    }


    body.single-post article.category-masterclasses
    .entry-content > .wp-block-group > .wp-block-image {
        margin-bottom: 22px;
    }


    body.single-post article.category-masterclasses
    .entry-content > .wp-block-group > p {
        font-size: 16px;

        line-height: 1.65;
    }


    body.single-post article.category-masterclasses
    .gform_wrapper {
        margin-top: 30px;

        padding: 24px 18px;
    }


    body.single-post article.category-masterclasses
    .gform_wrapper .gform_title {
        font-size: 28px;
    }


    body.single-post article.category-masterclasses
    .gform_wrapper .gform_button {
        width: 100%;

        text-align: center;
    }
}