/*
Theme Name: Hectoria
Theme URI: https://www.hectoria.fr/
Description: Thème Hectoria
Author: WEB Stratégies
Author URI: https://www.webstrategies.fr/
Template: hello-elementor
Version: 1.0.12
Requires at least: 6.0
Text Domain: hectoria
*/

/* --- HEADER --- */

::selection {
    background-color: color-mix(in srgb, var(--blue) 80%, transparent);
    color: white;
}

body header[data-elementor-type="header"] {

  .elementor-nav-menu .menu-item {
    a.elementor-item {

        text-decoration: none;

        span{

            position: relative;

            &::after {
                content: '';
                position: absolute;
                bottom: -1px;
                left: 6px;
                width: calc(100%); 
                height: 8px;
                background-image: url("data:image/svg+xml,%3Csvg width='73' height='8' viewBox='0 0 73 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 7.47526H70.391C71.4955 7.47526 72.391 6.57983 72.391 5.47526V0.5' stroke='%23D85A30' stroke-linecap='round'/%3E%3C/svg%3E");        background-size: 100% 100%;
                clip-path: inset(0 100% 0 0);
                transition: clip-path 0.4s ease;
                background-color:transparent;
            }
        }

        &:hover span::after {
            clip-path: inset(0 -10px 0 0);
        }

    
    }
  }

}


/* --- FOTER ---- */

body footer[data-elementor-type="footer"] .elementor-element {
    
    &.elementor-widget-text-editor p{
        margin:0;
    }

    .cpel-switcher__list {


        .cpel-switcher__name{
            padding:0;
            display: block;
        }

    }
    
    .elementor-nav-menu{

        a{

            display: inline-flex;

            span{
                display: inline-flex;
                position: relative;
            }           

            span::after {
                content: '';
                position: absolute;
                bottom: -1px;
                left: 0;
                width: 100%; 
                height: 1px;
                background-color:#fff;
                display: none;
           }

           &:hover span::after{
                display: block;
           }
        }

        
    }

}