/*
Theme Name: Mro Consulting 33
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: Motion Drive
Author URI: http://motiondrive.fr
Description: Child theme for Mro Consulting 33
Version: 1.3.1736925017
Updated: 2025-01-15 07:10:17
*/
/* Empêcher le scroll horizontal globalement */
html,
body {
    overflow-x: hidden !important; /* Désactive le scroll horizontal */
    width: 100vw !important; /* Force la largeur à celle de la fenêtre */
    margin: 0 !important;
    padding: 0 !important;
}
/* Styles communs pour les blocs WordPress */
.wp-block {
    background: #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    color: #16150A; /* Texte sombre */
    box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
}

/* Blocs spécifiques héritant des styles communs */
.wp-block-paragraph,
.wp-block-heading,
.wp-block-image,
.wp-block-list,
.wp-block-quote,
.wp-block-video,
.wp-block-gallery,
.wp-block-columns,
.wp-block-table,
.wp-block-file,
.wp-block-code,
.wp-block-column,
.wp-block-pullquote,
.wp-block-audio,
.wp-block-embed,
.wp-block-navigation,
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-categories,
.wp-block-archives,
.wp-block-tag-cloud,
.wp-block-comments,
.wp-block-media-text,
.wp-block-cover,
.wp-block-social-links,
.wp-block-search {
    background: #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    color: #16150A;
    box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
}

.wp-block-list{
    box-shadow: none;
}

/* Boutons */
.wp-block-button__link {
    background: #e0e0e0;
    border-radius: 10px;
    padding: 10px 15px;
    color: #ddaf25; /* Jaune pour le texte */
    border: 2px solid #ddaf25;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Boutons */
.wp-block-button__link {
    background: #e0e0e0;
    border-radius: 10px;
    padding: 10px 15px;
    color: #ddaf25;
    border: 2px solid #ddaf25;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 6px 6px 12px #bebebe, 
                -6px -6px 12px #ffffff;
    transition: all 0.3s ease;
}

.wp-block-button__link:hover {
    background: #ddaf25;
    color: #16150A;
    box-shadow: inset 3px 3px 6px #bc951f, 
                inset -3px -3px 6px #fec92b;
}

/* Groupes */
.wp-block-group {
    background: #e0e0e0;
    border-radius: 10px;
    color: #16150A;
}

/* Séparateurs */
.wp-block-separator {
    background: #16150A;
    border-radius: 10px;
    height: 2px;
    border: none;
}

/* Élément <details> */
.wp-block-details {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #f9f9f9;
}

.wp-block-details summary {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    color: #16150A;
}

.wp-block-details p {
    margin: 10px 20px;
    padding: 10px 20px;
    color: #16150A;
}

/* Classe .jaune pour <details> */
.wp-block-details.jaune {
    background: #ddaf25;
    border-color: #bc951f;
}

/* Groupes de boutons */
.wp-block-buttons {
    background: #e0e0e0;
    border-radius: 10px;
    padding: 20px;
}

/* Navigation */
.wp-block-navigation ul,
.wp-block-navigation ul li {
    list-style: none;
    padding: 10px;
}

/* Classes personnalisées */
.jaune {
    border-radius: 50px;
    background: #ddaf25;
    box-shadow: 12px 12px 24px #bc951f, -12px -12px 24px #fec92b;
    color: #000;
}

.dark {
    border-radius: 50px;
    background: #595948;
    box-shadow: 12px 12px 24px #4c4c3d, -12px -12px 24px #666653;
    color: #ffffff;
}

.blue {
    border-radius: 50px;
    background: #26b4d8;
    box-shadow: 10px 10px 20px #2099b8, -10px -10px 20px #2ccff8;
    color: #16150A;
}

/* Animations */
.block-editor-page .fadeInTop,
.block-editor-page .fadeInBottom,
.block-editor-page .pulse {
    opacity: 1; /* Désactiver dans l’éditeur Gutenberg */
}

.fadeInTop {
    opacity: 0;
}

.fadeInTopVisible {
    animation: fadeInTop 2s forwards;
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInBottom {
    opacity: 0;
}

.fadeInBottomVisible {
    animation: fadeInBottom 2s forwards;
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.pulse {
    opacity: 0;
}

.pulseVisible {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Personnalisation H5P */
.h5p-container .h5p-question-next {
    background: #e0e0e0;
    border-radius: 10px;
    box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
    padding: 10px 20px;
    color: #16150A;
    text-decoration: none;
}

/* Responsive Design */
@media (max-width: 768px) {
      .wp-block-button__link {
        margin: 8px 12px;
    }

    .wp-block-details {
        margin: 20px 0;

    }

    .wp-block-details p {
        margin: 20px 0px;
    }
    .nodisplay{
    display:none !important;
}
}

/*for all*/
.noShadow {
    box-shadow: none;
}
/* Enlever les ombres des boutons lorsque le parent a la classe .noShadow */
.noShadow .wp-block-button__link {
    box-shadow: none;
}
.noShadow .wp-block-button__link:hover {
    box-shadow: none;
    transform: scale(1.1);
}

/* p frere de p */
p + p {
    padding-top: 0;
}

/* p frere de br */
br + p {
    padding-top: 0;
}
.espacetexte {
    padding: 20px !important;
}

.nodisplay{
    display:none !important;
}

.notop{
        margin-block-start: 0px !important;
}

h2 {
  max-width: 100%; /* S'assure que le titre ne dépasse pas la largeur de son conteneur */
}

@media (max-width: 768px) {
  h2 {
    font-size: 18px; /* Ajustez la taille de police pour mobile si nécessaire */
    line-height: 1.4; /* Ajuste l'espacement des lignes */
  }
}
body .contact-popup {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.7) !important;
  z-index: 9999999 !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body .contact-popup .popup-content {
  background: #ffffff !important;
  padding: 30px !important;
  border-radius: 10px !important;
  text-align: center !important;
  max-width: 450px !important;
  box-shadow: 0 0 20px rgba(221, 175, 37, 0.5) !important;
  z-index: 10000000 !important;
  border: 2px solid #ddaf25 !important;
}

body .contact-popup .popup-content h3 {
  color: #ddaf25 !important;
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

body .contact-popup .popup-content p {
  color: #16150A !important;
  font-size: 18px !important;
  margin: 10px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body .contact-popup .popup-content .dashicons {
  font-size: 24px !important;
  color: #ddaf25 !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
}

body .contact-popup .popup-content .copy-email {
  color: #ddaf25 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
}

body .contact-popup .popup-content .copy-email:hover {
  color: #bc951f !important;
}

body .contact-popup .close-popup {
  margin-top: 20px !important;
  padding: 8px 15px !important;
  background: #ddaf25 !important;
  color: #16150A !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  transition: background 0.3s ease !important;
}

body .contact-popup .close-popup:hover {
  background: #bc951f !important;
}

/* Stylisation de la barre de défilement verticale globale pour les navigateurs WebKit (Chrome, Edge, Safari) */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 12px; /* Largeur de la barre de défilement */
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #e0e0e0; /* Couleur de la piste (fond de la barre) */
    border-radius: 10px; /* Bord arrondi pour la piste */
    box-shadow: inset 3px 3px 6px #bebebe, inset -3px -3px 6px #ffffff; /* Effet d’ombre cohérent avec ton design */
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #ddaf25; /* Couleur de la poignée (jaune, comme ton thème) */
    border-radius: 10px; /* Bord arrondi pour la poignée */
    box-shadow: 3px 3px 6px #bc951f, -3px -3px 6px #fec92b; /* Ombre pour un effet 3D */
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: #bc951f; /* Couleur plus foncée au survol */
}

/* Stylisation pour Firefox */
html,
body {
    scrollbar-width: thin; /* Rend la barre plus fine */
    scrollbar-color: #ddaf25 #e0e0e0; /* Couleur de la poignée et de la piste */
}