/**
 * Theme Name: 		NaturAudrey Theme
 * Template:   		twentytwentyfive
 * Description:		Theme pour le site naturaudrey.com - custom child theme of twentytwentyfive
 * Version:        	1.0.0
 * Author:          Cecile Collins
 * Author URI:      https://cecile-collins.com
 * Text Domain:     naturaudrey
 */

 html *{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline:0 none;
}
html { 
  scroll-behavior: smooth;
  /*scroll-padding-top: calc(var(--header-height) + 20px);*/
}

::-moz-selection { /* Code for Firefox */
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--accent-2);
}

::selection {
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--accent-2);
}


@media(max-width: 599px){
  .wp-block-group.stack-mobile{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
  }
}

@media(max-width: 782px){
  .wp-block-group.stack-tablet{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
  }
}


@media(max-width: 1024px){
  .wp-block-group.stack-laptop{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
  }
}

@media(max-width: 1199px){
  .wp-block-group.stack-desktop{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
  }
}
@media(min-width: 1200px){
  .wp-block-group.stack-desktop-large{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
  }
}



@media(max-width: 599px){
  .hide-mobile{
    display: none;
  }
}

@media (min-width:600px) and (max-width: 782px){
  .hide-tablet{
    display: none;
  }
}

@media (min-width:783px) and (max-width: 1024px){
  .hide-laptop{
    display: none;
  }
}

@media (min-width:1025px) and (max-width: 1199px){
  .hide-desktop{
    display: none;
  }
}

@media (min-width:1200px){
  .hide-desktop-large{
    display: none;
  }
}


/* HIDE - Until ready for prod */

.hide-for-now{
  display: none!important;
}



/*---------------------------------------------------------------------------------------------------*/
/* SUR TITRE */
.is-style-text-subtitle + .is-style-text-subtitle{
	margin-top:-1rem;
}

/*---------------------------------------------------------------------------------------------------*/
/* ICON BLOCK - Style avec padding */ 
.wp-block-icon.is-style-icon-rounded-bg svg{
  box-sizing: content-box;
}



/*---------------------------------------------------------------------------------------------------*/
/* HEADER */

header{
  position: sticky;
  top:0;
  z-index:9998;
  background-color:rgba(253, 252, 251, 0.75);
  box-shadow: 0 1px 2px 0 rgba(84, 99, 70, 0.02);
  backdrop-filter:blur(12px); 

}


header .nat-header-nav{
    justify-content: center;

  }



/*---------------------------------------------------------------------------------------------------*/
/* MOBILE NAVIGATION - CHANGE WP BREAKPOINT */

header .wp-block-navigation__responsive-container-open:not(.always-shown){
  display:block;
}
header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
  display: none;
}
@media(min-width: 1025px){
  header .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
  header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
    display: block;
  }

}



@media(max-width: 1024px){

  header .wp-block-navigation__responsive-container{
    min-height:100vh;
  }


  header .nat-header-inner{
    justify-content: flex-end;
  }

  header .wp-block-site-title{
    flex-grow: 1;
  }

  header .nat-header-nav{
    order:3;
    flex-grow: 0;

  }
  header .nat-header-wc{
    order:2;
  }
  header .nat-header-btn{
    order:1;
  }
}

@media(max-width: 782px){
  header .nat-header-inner{
    column-gap: 1.25rem;
    row-gap: 1.25rem;
  }
}

@media(max-width: 599px){
  header .nat-header-inner{
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 1rem;
    row-gap: 1rem;
  }
  header .wp-block-site-title{
    flex-basis: 50%;
  }

}







/*---------------------------------------------------------------------------------------------------*/
/* ACCUEIL */
/* Hero section */
@media(max-width: 782px){
  .nat-hero-txt{
    order:1;
  }
  .nat-hero-img{
    width: 300px;
    align-self: center; 
  }

}

@media(min-width: 783px) and (max-width: 1024px){
  .nat-hero-section{
    position: relative;
  }
  .nat-hero-txt > *:not(.is-style-text-display){
    padding-right:320px;
  }
  .nat-hero-img{
    width: 300px;
    position: absolute;
    top:calc(var(--wp--preset--spacing--40) + 20px);
    right: 0;
  }
}

@media(min-width: 910px) and (max-width: 1024px){
  .nat-hero-txt > *{
    padding-right:320px;
  }
  .nat-hero-img{
    top:auto;
  }
}


@media(min-width: 1025px){
  .nat-hero-txt{
    width:60%;
  }
  .nat-hero-img{
    width: 40%;
  }
}

.nat-hero-img figure{
	border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;
	background-color:var(--wp--preset--color--accent-5);
	padding: 15px 5px 10px 15px;
	transform: rotate(-5deg);
}
.nat-hero-img img{
	border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;
	transform: rotate(5deg);
}	

/*---------------------------------------------------------------------------------------------------*/
/* Section PROGRAMMES */

.nat-home-programmes ul.wc-block-product-template .wp-block-read-more, 
.nat-home-programmes ul.wc-block-product-template .wp-block-read-more:hover
.nat-home-programmes ul.wc-block-product-template .wp-block-woocommerce-product-image > a,
.nat-home-programmes ul.wc-block-product-template .wp-block-woocommerce-product-image > a:hover, 
.nat-home-programmes ul.wc-block-product-template .wp-block-post-title > a, 
.nat-home-programmes ul.wc-block-product-template .wp-block-post-title > a:hover{
  cursor:default;
  text-decoration:none;
}
.nat-home-programmes ul.wc-block-product-template .wp-block-read-more:hover{
  background-color: transparent;

}



/*---------------------------------------------------------------------------------------------------*/
/* CONTACT - SECTION CONTACT */
.nat-contact-bloc .contact-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap:10px;
  -webkit-margin-before:0.5rem;
          margin-block-start:0.5rem;
} 
/*
.nat-contact-bloc .contact-item a{
  text-decoration: none; 
}
.nat-contact-bloc .contact-item a:hover{
  color:var(--wp--preset--color--base);
  text-decoration: underline; 
  -webkit-text-decoration-color: var(--wp--preset--color--accent-1); 
          text-decoration-color: var(--wp--preset--color--accent-1);
}
*/

.nat-contact-bloc .contact-item:before{ 
  display: block;
  width: 20px;
  height:20px; 
}
/*
.nat-contact-bloc .contact-item a:hover{
  color:var(--wp--preset--color--text);
}
*/
.nat-contact-bloc .contact-item.address:before{ 
  content:url('assets/icons/icon-map-pin.svg');
}
.nat-contact-bloc .contact-item.phone:before{
  content:url('assets/icons/icon-phone.svg');
}

.nat-contact-bloc .contact-item.mail:before{
  content:url('assets/icons/icon-mail.svg');
}




/* FORMULAIRE CONTACT - CONTACT FORM 7 */
.wpcf7{
  width:100%; 
}
.wpcf7, .wpcf7 * {
    font-family: var(--wp--preset--font-family--primary);
}
.wpcf7 p{
  margin-top:0;
  margin-bottom:1rem; 
}
.wpcf7 .form-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap:1.5rem;
}

.wpcf7 .form-row > p{
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.wpcf7 textarea{
  height:150px;
}

.wpcf7 label, .wpcf7 .wpcf7-form-control-wrap{
  display: block;
}
.wpcf7 .wpcf7-form-control-wrap{
  margin-top:10px;
}

.wpcf7 label, .wpcf7 input, .wpcf7 textarea{
  font-size: var(--wp--preset--font-size--small);
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 1.5;
  color: var(--wp--preset--color--contrast);
  width: 100%;
}
.wpcf7 label{
  font-size: var(--wp--preset--font-size--x-small);
  text-transform: uppercase;
  color: var(--wp--preset--color--accent-2);
}

/*
.wpcf7 .wpcf7-radio, .wpcf7 .wpcf7-checkbox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap:1rem;
}

.wpcf7 .wpcf7-radio .wpcf7-list-item, .wpcf7 .wpcf7-checkbox .wpcf7-list-item{
  margin:0;
}


.wpcf7 .wpcf7-list-item input{
  width: auto;
}

.wpcf7-list-item.first{
  margin-left:0;
}
*/

.wpcf7 input, .wpcf7 textarea{
  background-color: transparent;
  border-top:0 none;
  border-right:0 none;
  border-bottom:2px solid var(--wp--preset--color--accent-3);
  border-left:0 none;
  border-radius: 0;
  padding:5px 0px;
}


.wpcf7 textarea::placeholder{ 
  color:var(--wp--preset--color--accent-3); 
}


.wpcf7 .wpcf7-not-valid-tip{
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 600;
}


.wpcf7 input.wpcf7-submit{
  background-color: var(--wp--preset--color--accent-2);
  border-radius: 4px;
  border-width: 0;
  color: var(--wp--preset--color--base);
  font-size: 0.875rem;
  font-weight: 600;
  line-height:1.5;
  padding-top: 0.75rem;
  padding-right: 2rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  text-decoration: none;
  letter-spacing:0.2px;
  text-transform: uppercase;
  width: 100%;
  cursor: pointer;
  margin-top:10px;
}
.wpcf7 input.wpcf7-submit:hover{
  background-color: color-mix(in srgb, var(--wp--preset--color--accent-2) 95%, transparent);
}

.wpcf7 .wpcf7-spinner{
  margin-top: 5px;
}

body .wpcf7 form .wpcf7-response-output{
  border-color: transparent;
  margin:0;
}

/*---------------------------------------------------------------------------------------------------*/
/* WOOCOMMERCE */

/* Badge Promo */

body .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right{
  top:8px;
  right:8px;
}





/*---------------------------------------------------------------------------------------------------*/
/* FOOTER */
/* RS */

footer .wp-block-social-links .wp-block-social-link-anchor{
	padding:8px;
	border:1px solid var(--wp--preset--color--accent-4)!important;
	border-radius: 100px;
}
footer .wp-block-social-links svg{
    stroke:var(--wp--preset--color--contrast);
    stroke-width:0.5px;
}



/*---------------------------------------------------------------------------------------------------*/
/* TEST SLIDER */

.nat-home-programmes .slick-list{
  margin-right: calc(-1 * var(--wp--style--root--padding-left)); 
  margin-right: calc(-1 * clamp(20px, 5vw, 60px))!important;
}


.nat-home-programmes .slick-slide {
  width: 350px; 
  margin-right: 20px; 
  height: auto; 
}