/*
Theme Name: Blocksy-child
Author: MaB
Description: Your description goes here
Version: 1.0
Template: blocksy

This is the child theme for Blocksy theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/*
* Front-end posting add-on style 
*/
/* Font-end posting article layout */

p.fe-text.wp-block-paragraph {
    font-size: 20px;
}
.wp-block-quote {
    margin-bottom: 40px !important;
    position: relative;
    width: 75%;
    padding: 0 0 0 100px !important;
    border-left: none !important;
    font-size: 1.5rem;
    color: #750202;
}
.wp-block-quote::before {
  content: "\201C";
  font-size: 270px;
  height: 82px;
  line-height: 0.78;
  line-height: 1;
  position: absolute;
  top: -48px;
  left: 0;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #ccc;
  opacity: 0.9;
}
@media (max-width: 768px) {
    .wp-block-quote {
        width: 100%;
        padding-left: 60px;
        font-size: 1.2rem;
    }

    .wp-block-quote::before {
        font-size: 180px;
        top: -25px;
    }
}


/* ===== Layout image à droite ===== */

/* Conteneur principal Gutenberg */
.wp-block-columns {
    display: flex !important;
    align-items: center;
    gap: 2rem;
    margin: 2rem 0;
}

/* Colonne texte (première colonne) */
.wp-block-columns .wp-block-column:first-child {
    flex-basis: 70%;
    max-width: 70%;
}

/* Colonne image (deuxième colonne) */
.wp-block-columns .wp-block-column:last-child {
    flex-basis: 50% !important;
    max-width: 50%;
}

/* Image */
.wp-block-columns .wp-block-column:last-child img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

/* Responsive mobile */
@media (max-width: 768px) {

    .wp-block-columns {
        flex-direction: column;
        gap: 1.5rem;
    }

    .wp-block-columns .wp-block-column:first-child,
    .wp-block-columns .wp-block-column:last-child {
        flex-basis: 100% !important;
        max-width: 100%;
    }
}

/* ===== Layout image à gauche ===== */

/* Colonne image (première colonne) */
.wp-block-columns .wp-block-column:first-child {
    flex-basis: 50% !important;
    max-width: 50%;
}

/* Image */
.wp-block-columns .wp-block-column:first-child img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

/* Colonne texte (deuxième colonne) */
.wp-block-columns .wp-block-column:last-child {
    flex-basis: 70%;
    max-width: 70%;
}

/* Responsive mobile */
@media (max-width: 768px) {

    .wp-block-columns {
        flex-direction: column;
        gap: 1.5rem;
    }

    .wp-block-columns .wp-block-column:first-child,
    .wp-block-columns .wp-block-column:last-child {
        flex-basis: 100% !important;
        max-width: 100%;
    }
}



/* hiding ACF image upload button to let only mediatheque buttons */
/* Cacher les boutons d’upload ACF */
.acf-field-image .acf-image-uploader .acf-button {
    display: none !important;
}

/* Cacher la zone "glisser-déposer" */
.acf-field-image .acf-image-uploader .hide-if-value {
    display: none !important;
}

/* Cacher le bouton "Ajouter une image" */
.acf-field-image .acf-image-uploader .acf-icon {
    display: none !important;
}
/* Cacher l’aperçu ACF natif */
.acf-field-image .acf-image-uploader .image-wrap {
    display: none !important;
}

/*Correction liens dans la médiathèque */
#menu-item-upload.media-menu-item, #menu-item-browse.media-menu-item {
    color: black !important;
}
.media-frame-router {
    background: #d8c6c6;
}

/* Homepage */
h2#qdn {
    width: 325px;
}
/*removing big padding */
.page-wrap {
    padding-bottom: 0 !important;
}