@charset "UTF-8";
/*
Theme Name: Altawest FSE
Theme URI: https://www.gregoirenoyelle.com/
Author: Grégoire Noyelle
Author URI: https://www.gregoirenoyelle.com/
Description: Version FSE du thème
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: altawest-fse
Tags: 
*/

/**
* Base
*/

/* Défilement doux */
html {
	scroll-behavior: smooth;
}

/* Classe pour l'accessibilité */
.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;   
    height: 1px !important;
    overflow: hidden !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.hidden {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;    
}
.none {
    display: none !important;
}
.telephone {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    margin: auto;
    padding: 0;
    position: static !important;
}
.ordinateur {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0;
    padding: 0;
    position: absolute !important;
}

/**     
 * Contenu
 */

/* Liens */
a,
input,
.wp-block-navigation-item {
    transition: var(--wp--custom--transition--lien);
}
.no-underline {
    text-decoration: none;
}
/* Titres */
.dashicons.dashicons-titre {
    display: inline-block;
    font-size: var(--wp--preset--font-size--taille-3);
    vertical-align: middle;
    color: var(--wp--preset--color--primaire-4);
    padding: 0 0 9px 0;
}
/* Menu */
.menu-principal .wp-block-navigation-item:hover,
.menu-principal .wp-block-navigation-item.current-menu-item {
    color: var(--wp--preset--color--primaire-1);
}
.menu-principal .wp-block-navigation-item.current-menu-item {
    font-weight: bold;
}
/* Menu FR et ENG */
.treow-menu-langue .wp-block-navigation-item__content {
    display: inline-block;
    width: 32px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease;
}
.treow-menu-langue-fr .wp-block-navigation-item__content {
    background-image: url('assets/images/flag-fr.png');
}
.treow-menu-langue-eng .wp-block-navigation-item__content {
    background-image: url('assets/images/flag-eng.png');
}
.treow-menu-langue .wp-block-navigation-item__content:hover {
    opacity: 0.7;
}
/* Effets */
.zoom-simple {
    transition: var(--wp--custom--transition--zoom);
}
.zoom-simple:hover {
    transform: var(--wp--custom--zoom--medium);
}
/* Pied de page */
/* Suppprimer le margin du footer */
footer.wp-block-template-part {
    margin-block-start: 0;
}


/* Media Queries */
@media (min-width: 769px) {
    .telephone {
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0;
        padding: 0;
        position: absolute !important;
    }
    .ordinateur {
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
        margin: auto;
        padding: 0;
        position: static !important;
    }
    
}


/* Forcer la version mobile du menu à partir de 760px */
@media (max-width: 760px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none !important;
    }
}
  
/* Réactiver l'affichage desktop au-delà de 761px */
@media (min-width: 761px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}