/*
Theme Name: Wagyz v3
Author: Wagyz Team
Description: 
Version: The version, written in 6.6 format.
Requires at least: The oldest main WordPress version supported, written in 6.6 format. 
Tested up to: The last main WordPress version the theme has been tested up to, i.e. 6.4. Write only the number.
Requires PHP: The oldest PHP version supported, in 8.X format, only the number.
License: The license of the theme.
License URI: The URL of the theme license.
Text Domain: The string used for textdomain for translation. The theme slug.
*/

:root {
    --border-radius: 8px;
    --border: 2px;
    --ratio-1024px:0.6;
    --ratio-600px:0.2;
}

body {
    margin: 0 !important;
}
 
main, header {
    margin: auto;
    display: flex;
    justify-content: center;
    max-width: var(--wp--style--global--content-size) !important;
    padding-left: var(--wp--style--root--padding-left) !important;
    padding-right: var(--wp--style--root--padding-right) !important;
}

@media (min-width: 1024px) {
    main{
        padding-left: calc(2.5*var(--wp--style--root--padding-left)) !important;
        padding-right: calc(2.5*var(--wp--style--root--padding-right)) !important;
    }
}

/** default is 600px pass to 1024px for button burger and container */
@media (max-width: 1024px) {
    main{
        padding-left: calc(0.9*var(--wp--style--root--padding-left)) !important;
        padding-right: calc(0.9*var(--wp--style--root--padding-right)) !important;
    }
    header{
        padding-left: calc(0.6*var(--wp--style--root--padding-left)) !important;
        padding-right: calc(0.6*var(--wp--style--root--padding-right)) !important; 
    }
}

/** default is 600px pass to 1024px for button burger and container */
@media (max-width: 600px) {
    main {
        padding-left: var(--wp--style--root--padding-left) !important;
        padding-right: var(--wp--style--root--padding-right) !important;
    }
    header {
        padding-right: calc(0.2*var(--wp--style--root--padding-right)) !important;
        padding-left: calc(0.2*var(--wp--style--root--padding-left)) !important;
    }
}

@media (max-width: 600px) {
    main {
        padding-left: calc(0.5*var(--wp--style--root--padding-left)) !important;
        padding-right: calc(0.5*var(--wp--style--root--padding-right)) !important;
    }
	h3{
		font-size: clamp(17px, 0.875rem +((1vw - 3.2px)* 0.469), 20px); 
	}
	:root :where(body), h4, p {
		font-size: clamp(16px, 0.875rem + ((1vw - 3.2px) * 0.469), 20px);
	}
}

.flex-center{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: center !important;
}

.titre-h2-desc-h3{
    width: 100% !important;
}

figure.disable-img-border>img {
    border-radius: 0 !important;
    filter: none !important;
}

figure.enable-img-border>img {
    border-radius: 10px;
    filter: drop-shadow(-15px 15px 2px var(--wp--preset--color--lightinfo));
}

div.justify-center{
	justify-content: center !important;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    display: block;
    height: 36px;
    pointer-events: none;
    width: 36px;
}

.justify-center{
    justify-content: center
}