/*
Theme Name: GeneratePress Child
Template: generatepress 
*/
.hidden-field {
    display: none;
}
/* CSS pour rendre l'élément visuellement cliquable */
.cta-sticky {
    cursor: pointer;
    border: 2px solid transparent; /* Ajoutez une bordure pour l'effet de survol */
    transition: border-color 0.3s ease, background-color 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

/* Effet de survol pour indiquer que l'élément est cliquable */
.cta-sticky:hover {
    border-color: #0073e6; /* Couleur de bordure au survol, ajustez selon votre thème */
    background-color: #f0f8ff; /* Couleur de fond au survol, ajustez selon votre thème */
}

.cta-sticky .gb-container {
    width: 100%;
    max-width: none; /* Permet au conteneur de prendre toute la largeur */
}

.cta-sticky .gb-container .gb-container {
    width: 100%;
}

.cta-sticky .gb-button {
    width: 100%;
    text-align: center;
}

@media (min-width: 1024px) {
    .inside-right-sidebar {
        height: 100%;
    }
    
    .inside-right-sidebar .cta-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 60px; /* Ajustez cette valeur selon votre besoin */
        width: 100%;
    }
}

/* CSS pour le CTA fixe en bas de la page sur les écrans mobiles */
@media (max-width: 1024px) {
    .cta-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #f0f8ff; /* Ajustez la couleur de fond selon votre thème */
        border-top: 1px solid #222222; /* Couleur de bordure, ajustez selon votre thème */
        text-align: center;
        padding: 5px 0; /* Ajustez le padding selon vos besoins */
        z-index: 9999; /* Assurez-vous que le CTA reste au-dessus des autres éléments */
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* Ajoutez une ombre pour l'effet visuel */
        transition: transform 0.3s ease, background-color 0.3s ease;
        cursor: pointer; /* Change le curseur pour indiquer que le bloc est cliquable */
        transform: translateY(100%); /* Positionne le CTA en dehors de l'écran au départ */
		margin: 0 !important; /* Supprime les marges */
    }

    .cta-fixed-bottom.visible {
        transform: translateY(0); /* Fait glisser le CTA dans l'écran */
    }

    .cta-fixed-bottom:hover {
        background-color: #e0f0ff; /* Couleur de fond au survol, ajustez selon votre thème */
    }
}
/* Cache le CTA fixe en bas de la page sur les écrans plus larges */
@media (min-width: 1024px) {
    .cta-fixed-bottom {
        display: none !important;
    }
}


html, body {
    overflow-x: visible !important;
}
.entry-meta .byline {
    display: none;
}
.author-bio-line {
    font-size: 0.85em;
    color: #555;
    margin: 0.3em 0 1.2em 0;
    font-style: italic;
}
.author-bio-line a {
    color: #555;
    text-decoration: underline;
}
.author-bio-line strong {
    font-style: normal;
}
.sources-officielles {
    background: #f7f7f7;
    border-left: 4px solid #2c5f8a;
    padding: 1.2em 1.5em;
    margin: 2em 0;
    border-radius: 0 4px 4px 0;
}
.sources-officielles h2 {
    font-size: 1.1em;
    margin-top: 0;
}
.sources-officielles ul {
    margin: 0;
    padding-left: 1.2em;
}
.sources-officielles li {
    margin-bottom: 0.6em;
    font-size: 0.9em;
}
/* Bouton CTA dans le menu - "Poser une question juridique" */
.menu-item a[href*="question-juridique"] {
  background-color: #27ae60;
  color: #ffffff !important;
  padding: 2px 10px !important;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.9em;
  display: inline-block !important;
  vertical-align: middle;
  line-height: normal !important;
  transition: background-color 0.2s ease;
}

.menu-item a[href*="question-juridique"]:hover {
  background-color: #1e8449;
  color: #ffffff !important;
}