/*
Theme Name:   blocksy_2
Template:    blocksy
*/

/* Vous pouvez ajouter du CSS personnalisé ci-dessous */


/*permet de masquer uniquement sur mobile or desktop*/
@media (max-width: 768px) {
    .classe-desktop {
        display: none;
	}
}
@media (min-width: 769px) {
	.classe-mobile {
		display: none;
	}
}

.classe-empty {
    display: none;
}
/*CSS pour boutons page produit*/
.ct-product-add-to-cart {
	display: flex;
	justify-content: center;
}

.btn-primary {
    font-size: 1.3em ;
		display: flex;
}

/* Permet de retirer le look d'origine de la page MON COMPTE*/
.ct-woo-account {
	display : contents
}

.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-tabs {
display:none;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
		display : contents;
}

.add-underline {
    text-decoration: underline;
}

.add-underline:hover {
    text-decoration: underline #7f715c;
}

/*CSS pour fiche technique rapide des produits*/
.fiche-technique-rapide {
    display: flex;
    flex-wrap: wrap;
}

.point-technique-rapide {
    display: flex;
    align-items: center;
    width: calc(50% - 1rem);
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.icone-technique-rapide {
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
}

.point-technique-rapide p {
    margin: 0;
}

/*Bidouillage du CONFIGURATEUR*/
.mkl-footer--action-button {
    cursor: pointer;
}

.mkl-footer--action-button:hover {
    color:#ffffff;
}

body .mkl_pc .mkl_pc_container footer .footer__section-center {
    flex:0 0 auto;
}

/*.mkl_pc_container footer::after {    content:"Les rendus peuvent différer légèrement du véritable produit.\A Le clavier est présenté à des fins de démonstration uniquement et n'est pas inclu dans l'achat des keycaps.";    display: none;    font-size: 12px;    font-weight: 400;    white-space: pre-line;    text-align: center;    margin: 0 auto;}*/

body .mkl_pc_container footer {
    display: none;
}
.page-specifique {
    display: none;
}

@media (max-width: 768px) {
	.jetest {
		display:none
	}
	.jetestEN {
		display:none
	}
}
.jetest {
	position: fixed;
	bottom: 1vh;
    left: 0;
    right: 15vw;
}

.jetest p {
	font-size: 12px;
	font-weight: 400;
	line-height:normal;
}

.jetestEN {
	position: fixed;
	bottom: 1vh;
    left: 0;
    right: 15vw;
}

.jetestEN p {
	font-size: 12px;
	font-weight: 400;
	line-height:normal;
}

.temporaire p {
    font-size: 12px;
    font-weight: 400;
    background-color: lightgray;
    border: 1px solid;
}

body .mkl_pc .mkl_pc_container .mkl_pc_viewer .angles-select ul {
	margin:0.1em;}

body .mkl_pc .mkl_pc_container .mkl_pc_toolbar > header h3 {
	line-height:2.1;
}

body .mkl_pc .mkl_pc_container .form.form-cart .quantity {
     display: none;
 }
 
.mkl_pc .mkl_pc_container .form.form-cart .quantity .qty {
    display: none;
}

body .mkl_pc .mkl_pc_container .form.form-cart::before {
    width: 3.2em;
}

body .mkl_pc .mkl_pc_container .form.form-cart {
    text-align: right;
    margin-bottom: 1.5em;
    margin-left: 0.5em;
    margin-right: 1em;
    padding:1em 0 0 1em;
}

body .mkl_pc .mkl_pc_container .form.form-cart span.pc-total-price {
    font-weight: normal;
}

body .mkl_pc .mkl_pc_container .form.form-cart .pc-total-price--container {
    padding: 0;
}

@media (max-width: 660px) {
    body .mkl_pc .mkl_pc_container .form.form-cart {
        background: transparent;
        margin-bottom: 0;
        box-shadow: none;
        padding: 0 0 0 0.5em;
    }
    body .mkl_pc .mkl_pc_container .form.form-cart span.pc-total-price {
     translate: -2.6em 1.6em;
     font-size: 18px;
    }
    body .mkl_pc .mkl_pc_container .form.form-cart .pc_configurator_form {
        justify-content: center;
    }
    body .mkl_pc .mkl_pc_container footer .footer__section-center {
        display: none;
    }
    body .mkl_pc .mkl_pc_container footer {
        border-top: 0px;
    }
    .mkl_pc_container footer::after {
        margin-top: 0.3em;}
}

/*Bidouillage pour le carrousel*/
.cb-button-next:after {
    color:#ffffff;
}

.cb-button-prev:after {
    color:#ffffff;
}

.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

.entry-content figcaption {
    margin-top:.5em;
    margin-bottom:.2em;
	color: #fff;
}

/*modif WOOCOMMERCE */
#wc_pes_woopayments {
    display: none !important;
}

body .components-modal__screen-overlay {
    display: none !important;
}

body .product[class*=gallery] .entry-summary-items>* {
	margin-bottom:0.7vh;
}


/* Mise en place du Manrope en local */
@font-face {
	font-family: Manrope;
	src: url(https://balaguerestudios.com/wp-content/themes/blocksy_2/fonts/Manrope-VariableFont_wght.woff2);
	font-weight: 200 800;
	font-display: swap;
}

body p {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 1em;
}

/* Mise en place du Space Grotesk en local */
@font-face {
	font-family: Space Grotesk;
	src: url(https://balaguerestudios.com/wp-content/themes/blocksy_2/fonts/SpaceGrotesk-VariableFont_wght.woff2),
		 url(https://balaguerestudios.com/wp-content/themes/blocksy_2/fonts/SpaceGrotesk-VariableFont_wght.woff);
	font-weight: 300 700;
	font-display: swap;
}

body h1 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
	font-size: 3.5rem;
}

body h2 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
	font-size: 3rem;
}

body h3 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
}

body h4 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 400;
	font-size: 2rem;
}

body h5 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
}

body h6 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
	font-size: 1rem;
}

@media (max-width: 768px) {
    body h1 {
        font-size: 2em;
	}
	body h2 {
		font-size: 1.8em;
	}
	body h3 {
		font-size: 1.6em;
	}
	body h4 {
		font-size: 1.4em;
	}
	body h5 {
		font-size: 1.2em;
	}
	body h6 {
		font-size: 1em
	}
}

body .message-config p {
    font-size: 12px;
}

/*.wp-block-separator.alignwide.has-alpha-channel-opacity.is-style-default { margin-top:50vh; }*/

@media (max-width: 768px) {
    .sep-mobile {
        margin-top: 2vh!important;
        margin-bottom: 2vh!important;
    }
}

body .mkl_pc .mkl_pc_container .mkl_pc_viewer .angles-select li a {
	text-transform: none;
}
/*ROADMAP*/
/*permet de garder la partie de gauche fixe sur la roadmap*/

.fixed-half {
    position: sticky;
    top: 6vh;
    height: 60vh;
    width: 100%;
    float: left;
	overflow-y: auto;
}

/*Permet de faire disparaitre le contenu de droite et le re-afficher lorsqu'on clique sur une ancre HTML*/
.content-block {
	display:none;
}
.content-block:target {
	display:block;
}