/* 
 Theme Name:   theme-centaures
 Theme URI:    https://centaures-grenoble.com/
 Description:  Theme enfant pour le site CasaVespa
 Author:       Messmard
 Author URI:   https://centaures-grenoble.com/
 Template:     storefront
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Ajouter votre css à partir de cette ligne ==
--------------------------------------------------*/

/* Nouveau code avec forced-colors */
@media (forced-colors: active) {
    body {
        background-color: Canvas; /* Utilise les couleurs du système */
        color: CanvasText; /* Texte avec contraste optimal */
    }
}

@media (min-width: 768px) {
	.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
		max-height: 120px;
        width: auto;
	}
    .site-header {
        padding-top: 0.5em;
    }
    .site-header-cart .cart-contents {
        padding: 0.5em 0;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 0.5em 1em;
    }
}

@media (max-width: 768px) {
	.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
		max-height: 60px;
        width: auto;
	}
    .site-header {
        padding-top: 0.5em;
    }
    .site-header-cart .cart-contents {
        padding: 0.5em 0;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 0.5em 1em;
    }
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0.5em;
}

.site-info {
    padding: 0;
    text-align: center;
    color: gray;
}

.site-footer {
    padding: 0;
}

.footer-widgets {
    width: 100%; !important
}

.u-column1 {
    width: 100%; !important
}

.u-column2 {
    width: 100%; !important
}

.header-widget-area {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-widget-area .widget {
    margin: 0 10px;
}

.header-widget {
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15% 100%);
	background-color: red;
    padding: 0 4em;
    position: absolute;
    top: 0;
    right: 0;
}


.storefront-breadcrumb {
    margin: 0;
}

.entry-title {
    text-align: center;
	text-decoration: underline !important;
}










/* Par défaut, masquer le menu de navigation */
.woocommerce-MyAccount-navigation {
    display: none; /* Masquer par défaut sur mobile */
}

/* Afficher le menu lorsque la classe "open" est ajoutée */
.woocommerce-MyAccount-navigation.open {
    display: block; /* Afficher quand la classe "open" est présente */
}

/* Styles pour les écrans plus larges */
@media (min-width: 768px) {
    /* Le menu est toujours visible sur les grands écrans */
    .woocommerce-MyAccount-navigation {
		height: 100%;
        display: block; /* Toujours visible sur les écrans larges */
        width: 100% !important;
        padding-right: 2em;
        border-right: solid;
    }

    /* Cacher le bouton de basculement sur les grands écrans */
    .myaccount-menu-toggle {
        display: none;
    }
}

/* Styles pour ajuster l'espacement sur certains types de pages */
@media (min-width: 768px) {
    .storefront-full-width-content.woocommerce-cart .entry-header,
    .storefront-full-width-content.woocommerce-checkout .entry-header,
    .storefront-full-width-content.woocommerce-account .entry-header,
    .storefront-full-width-content .woocommerce-products-header {
        padding: 0 0 4em;
    }
}

/* Personnalisation des liens dans la navigation */
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    padding: .5em 0 !important;
}






/* Style personnalisé pour le menu sur petits écrans */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        padding: 1em; /* Espacement interne */
    }

    .woocommerce-MyAccount-navigation ul {
        list-style: none; /* Supprimer les puces */
        padding: 0;
    }

    .woocommerce-MyAccount-navigation ul li a {
        display: block; /* Lien en bloc pour cliquer facilement */
        padding: 0.5em 1em; /* Espacement interne des liens */
        text-decoration: none; /* Supprimer le soulignement */
        border: 1px solid #ddd; /* Bordure des liens */
        transition: background-color 0.3s, color 0.3s; /* Transition pour l'effet hover */
    }

    .woocommerce-MyAccount-navigation ul li a:hover {
        background-color: #0073aa; /* Couleur de fond au survol */
        color: #fff; /* Couleur du texte au survol */
    }
}


.is-invalid {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}



@font-face {
    font-family: 'Technology';
    src: url('/wp-content/themes/theme-centaures/Technology.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
input[name="score_invitee"], input[name="score_organisatrice"], .match-cancelled {
    font-family: 'Technology', sans-serif;
    background: transparent !important;
    /*text-shadow: 1px 1px 2px red, 0 0 1em white, 0 0 0.2em white;*/
	/*line-height: 0;*/
}

.input-high {
    color: lime !important;
}

.input-low {
    color: red !important;
}

.input-equal {
    color: yellow !important;
}