/*
Theme Name: Merchandiser Child
Theme URI: https://merchandiser.wp-theme.design/
Description: This is a child theme for Merchandiser.
Author: Get Bowtied
Author URI: https://www.getbowtied.com/
Template: merchandiser
Version: 2.0
*/


/**************************************/
/*************** GLOBAL ***************/
/**************************************/

h1 h2 h3 h4 h5 h6 {
    letter-spacing: .5px;
}

/* Bouton */
.wp-block-button .wp-block-button__link {
    padding: 1em 2rem;
}

/* Marge au bas nul */
.mb-0 {
	margin-bottom: 0rem;
	margin-top: 0rem;
}

/* Marge au bas standard */
.mb-1 {
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.letter-spacing {
    letter-spacing: .5px;
}

@media screen and (max-width:782px) {
    .text-align-center {
        text-align: center !important;
    }
    .justify-content-center {
        justify-content: center !important;
    }
}
/**************************************/
/*************** HEADER ***************/
/**************************************/

/* Header */
.site-header {
    background-color: rgb(25 25 25 / 30%);
    backdrop-filter: blur(20px) saturate(0.9);
}

.site-content-overlay visible header {
	display:none !important;
}

.tools {
    display:none;
}

.site-header .header-wrapper .tools2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    vertical-align: middle;
    opacity: 0;
    -webkit-animation: global_fadein 1.5s forwards;
    animation: global_fadein 1.5s forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.site-header .header-wrapper .tools2 ul {
    list-style: none;
    padding: 0 25px 0 0;
    margin: 0;
    display: table;
    text-align: right;
    float: right;
    font-size: 1em;
}

.site-header .header-wrapper .tools2 ul li {
    padding: 0 0 0 1.1111111111rem;
    margin: 0;
    display: table-cell;
    line-height: 1em;
    vertical-align: middle;
}

li.menu-item-135 a, li.menu-item-1287 a {
    padding:0 !important;
}

li.menu-item-135,li.menu-item-1287  {
    border: 2px solid #fff;
    border-radius: 20rem;
    margin: 0px 0px 0px 0px;
    padding: 8px 10px;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .offcanvas_aside nav.offcanvas_navigation ul.offcanvas_menu>li.menu-item-135,.offcanvas_aside nav.offcanvas_navigation ul.offcanvas_menu>li.menu-item-1287, .site-header .header-wrapper .tools2 ul li {
        border-radius: 20rem;
        margin: 20px 0px 0px 0px !important;
    }
    li.menu-item-135 a {
        font-size: 15px !important;
    }
}

.site-header .header-wrapper .tools2 ul li a span img {
    width:24px;
}

.site-header .header-wrapper .tools2 ul li a {
    color:#333333 !important;
    font-family: var(--global--font-primary);
}

.site-header .header-wrapper .tools2 ul li {
    background: var(--global--accent-color);
    border-radius: 20rem;
    margin: 0px 0px 0px 0px;
    padding: 8px 10px;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .site-header .header-wrapper .tools2 ul li a span {
        font-size:10px !important;
    }
    .site-header .header-wrapper .tools2 ul li a span img {
        width:14px;
    }
    .site-header .header-wrapper .tools2 ul li {
        border-radius: 20rem;
        padding: 2px 4px !important;
    }
    .site-header .header-wrapper .tools2 ul {
        list-style: none;
        padding: 0 15px 0 0;
    }
}


/************************************/
/*************** MENU ***************/
/************************************/

/* Menu */
.offcanvas_aside {
    background-color: rgb(25 25 25 / 30%);
    backdrop-filter: blur(20px) saturate(0.9);
}

.offcanvas_aside {
	top:0!important;
	height:100%;
}

.offcanvas_aside .offcanvas_close svg {
    fill: #fff;
}

.offcanvas_aside nav.offcanvas_navigation ul.offcanvas_menu>li.menu-item a {
    font-size: 1.7777777778rem;
    line-height: 2.3;
    top: -55px !important;
}


.offcanvas_aside.offcanvas_aside_left.open {
	top:0 !important;
	height:100% !important;
}


.offcanvas_aside nav.offcanvas_navigation ul.offcanvas_menu>li.menu-item ul.sub-menu.open {
    opacity: 1;
    max-height: 3000px;
    visibility: visible;
    backdrop-filter: brightness(0.1);
    border-radius: 15px !important;
    padding: 15px;
    margin-left: 0;
}

.offcanvas_aside nav.offcanvas_navigation ul.offcanvas_menu ul.sub-menu li.menu-item a {
    font-size: 17px;
}


/****************************************/
/*************** BANNIERE ***************/
/****************************************/

/* Bannière */
.is-slider-grid {
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  height: 100vh;
  scroll-snap-type: y mandatory !important;
  -webkit-overflow-scrolling: touch !important;
}

.is-slider-grid .wp-block-cover {
  scroll-snap-align: center;
  min-height: 100vh; /* ou une hauteur fixe si tu veux moins */
  display: flex;
  align-items: center;
  justify-content: center;
}


.is-slider-grid .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left {
    align-items: flex-end !important;
    justify-content: flex-start !important;
}

.is-slider-grid .wp-block-cover .wp-block-cover__inner-container {
    max-width: 80%;
}

.wp-block-cover.rounded {
    border-radius:15px;
}

.wp-block-cover, [class*=wp-block-] {
    margin-bottom: 0px;
}

.blur {
    backdrop-filter: blur(20px) saturate(0.9);
}


@media screen and (max-width:781px) {
    .banner-app .wp-block-columns.is-layout-flex {
        gap: 1em;
    }
}





div.wp-block-cover.is-light.rounded.banner-app {
    padding-bottom: 0 !important;
}

div.banner-app .wp-block-columns .wp-block-column {
    margin-bottom: 0 !important;
}

.wp-block-media-text.card-center {
    backdrop-filter: brightness(0.9);
    border-radius: 15px;
    padding: 15px 15px;
}

/********************************************************************/
/***************************** KEYS POINT ***************************/
/********************************************************************/


.keys-point {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    row-gap: 40px;
    column-gap: 20px;
}

@media screen and (max-width: 780px) {
    .keys-point {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        row-gap: 20px;
    }
}

.keys-point .wp-block-group {
    gap:1.5em;
}

/********************************************************************/
/***************************** CARROUSSEL ***************************/
/********************************************************************/

@media screen and (max-width: 1024px) { 
.is-caroussel-grid {
		display: flex !important;
        overflow: auto!important;
		gap:2rem;
		width: calc(100% + 40px)!important;
		scroll-snap-type: x mandatory!important;
        -webkit-overflow-scrolling: touch!important;
		padding-right: 20px!important;
        padding-left: 20px !important;
	}
.is-caroussel-grid .wp-block-cover {
		min-width: 80% !important;
		scroll-snap-align: center;
	}
}

/**********************************************************************/
/***************************** TRUSTINDEX *****************************/
/**********************************************************************/

html body .ti-widget.ti-goog .ti-review-item>.ti-inner {
    border-radius: 15px !important;
    background-color: #1f1f21 !important;
}

/***************************************************************/
/***************************** FAQ *****************************/
/***************************************************************/

.wp-block-faq-block-for-gutenberg-faq {
    border-radius: 15px;
	margin-bottom: 1.5rem;
}

.wp-block-faq-block-for-gutenberg-faq .question h4 {
	font-size: 15px !important;
	font-family: var(--global--font-secondary);
}

/***************************************************************/
/***************************** FOOTER *****************************/
/***************************************************************/

.footer-widget-wrapper .footer-widget-area li.widget h4.widget-title {
    font-size: 16px;
}

.footer-widget-wrapper .footer-widget-area li.widget a {
    color: var(--global--footer-links-color);
    font-family: var(--global--font-secondary)
Titillium Web, -apple-system, BlinkMacSystemFont, Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif
;
    font-weight: normal;
}

/****************************************************************/
/****************************************************************/
/****************************************************************/