/* 
███████ ██ ██   ██ 
██      ██  ██ ██  
█████   ██   ███   
██      ██  ██ ██  
██      ██ ██   ██  */
                   
.elementor-button-content-wrapper{
    align-items: center;
}

/* 
 ██████  ██       ██████  ██████   █████  ██      
██       ██      ██    ██ ██   ██ ██   ██ ██      
██   ███ ██      ██    ██ ██████  ███████ ██      
██    ██ ██      ██    ██ ██   ██ ██   ██ ██      
 ██████  ███████  ██████  ██████  ██   ██ ███████  */


.warning-notice{
    padding:12px;
    border:2px dashed #f39c12;
    border-radius:4px;
    color:#f39c12;
    text-align:center;
}                                                      

/* 
██   ██ ██ ██████  ██████  ███████ ███    ██ 
██   ██ ██ ██   ██ ██   ██ ██      ████   ██     
███████ ██ ██   ██ ██   ██ █████   ██ ██  ██     
██   ██ ██ ██   ██ ██   ██ ██      ██  ██ ██     
██   ██ ██ ██████  ██████  ███████ ██   ████   */

.informapic-hidden-element {
    border: 2px dashed #e03131 !important;
}

.informapic-hidden-element[data-element_type="widget"]::before,
.informapic-hidden-element[data-element_type="container"] > .elementor-element-overlay::before {
    content: "Element masqué";
    position: absolute;
    top: 0;
    left: 0;
    background: #e03131;
    color: #fff;
    font-size: 11px;
    padding: 2px 10px 5px;
    border-bottom-right-radius: 10px;
    width: auto;
    height: auto;
}
.informapic-hidden-element[data-element_type="container"] > .elementor-element-overlay::before {
    padding-left: 30px;
}

/* 
██████  ██ ███████  █████  ██████  ██      ███████ ██████  
██   ██ ██ ██      ██   ██ ██   ██ ██      ██      ██   ██ 
██   ██ ██ ███████ ███████ ██████  ██      █████   ██   ██ 
██   ██ ██      ██ ██   ██ ██   ██ ██      ██      ██   ██ 
██████  ██ ███████ ██   ██ ██████  ███████ ███████ ██████   */                                                

.informapic-widget-disabled {
    position: relative;
}

.informapic-widget-disabled > *:not(.elementor-element-overlay){
    opacity: .5;    
}

.informapic-widget-disabled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(
        300deg,        
        #ababab4d 0 20px, 
        transparent 20px 40px
    ); 
} 

/* 
██████   ██████  ███████ ████████     ███    ██  █████  ██    ██ 
██   ██ ██    ██ ██         ██        ████   ██ ██   ██ ██    ██ 
██████  ██    ██ ███████    ██        ██ ██  ██ ███████ ██    ██ 
██      ██    ██      ██    ██        ██  ██ ██ ██   ██  ██  ██  
██       ██████  ███████    ██        ██   ████ ██   ██   ████    */
                                                                                                                                
.elementor-widget-informapic-post-navigation .elementor-icon-box-description a{
    color: inherit; /* Permet de conserver la couleur définie dans le widget pour les liens */
}

.elementor-editor-active .elementor-widget-informapic-post-navigation .elementor-icon-box-content{
    pointer-events: none; /* Empeche l'édition inline côté preview */
}

.elementor-widget-informapic-post-navigation .elementor-widget-container { 
    display: flex; /* Permet l'agencement avec l'image */
    flex-direction: column;
    gap: 15px;
}


/* 
████████  ██████   ██████  ██      ████████ ██ ██████  
   ██    ██    ██ ██    ██ ██         ██    ██ ██   ██ 
   ██    ██    ██ ██    ██ ██         ██    ██ ██████  
   ██    ██    ██ ██    ██ ██         ██    ██ ██      
   ██     ██████   ██████  ███████    ██    ██ ██       */
                                                                                                          
.elementor-editor-active .elementor-element[data-tooltip]::before {
    content: '💬';
    position: absolute;
    top: 5px;
    left: 5px;
    background: #FFD700;
    color: #333;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    z-index: 1000;
    pointer-events: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
/*                                             
████████  ██████   ██████ 
   ██    ██    ██ ██      
   ██    ██    ██ ██      
   ██    ██    ██ ██      
   ██     ██████   ██████ 
                           */
             
.informapic-toc-is-dropdown .informapic-toc-select-trigger {
    display: flex !important; /* Force l'affichage en mode dropdown */
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    position: relative;
    z-index: 51;
}

.informapic-toc-is-dropdown .informapic-toc-nav {
    display: none;
    position: absolute; /* Pour passer par-dessus le contenu en dessous */
    width: 100%;
    z-index: 50;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 400px;
    overflow-y: auto;

    opacity: 0;
}

/* Le wrapper doit être en relative pour contenir la liste en absolute */
.informapic-toc-is-dropdown {
    position: relative;
}

/* On affiche la liste quand la classe "open" est présente */
.informapic-toc-is-dropdown.toc-dropdown-open .informapic-toc-nav {
    display: block;
}

/* Optionnel : rotation de la flèche */
.informapic-toc-is-dropdown.toc-dropdown-open .informapic-toc-caret {
    transform: rotate(180deg);
}

.informapic-toc-is-dropdown.toc-dropdown-open .informapic-toc-nav {
    display: block;
    animation: dropdown-open 0.25s ease-out forwards;
}

@keyframes dropdown-open {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}