@charset "UTF-8";
/*
Theme Name: Dolce Bellezza
Theme URI: https://http://dolcebellezza.fr
Author: Conseils et Préférence
Author URI: https://conseilspreference.com
Description: Thème du site Dolce Bellezza
Requires at least: WordPress 6.5.3
Version: 1.0
*/
html {
  --light: #f5f5f5;
  --cream: #EDE9E4;
  --green: #4F857E;
  --grey: #7D969A;
  --light-grey: #F0F0F0;
  --brown: #826355;
  --contralto: "contralto-xsmall", serif;
}
html body {
  font-family: "Assistant", sans-serif;
  color: black;
  font-size: 1rem;
  background-color: var(--light);
}
#page{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.site-main{
  flex-grow: 1;
}
.serif{
  font-family: var(--contralto);
}body h1{
  font-size: 1.5rem;
}
body h2{
  text-align: center;
  margin-bottom: 1rem;
}
h2:not(.no-logo):not(.woocommerce-loop-product__title)::before{
  content: url('/wp-content/themes/dolcebellezza/img/rosace.svg');
  display: block;
}
h1.serif,
h1 .serif{
  font-family: var(--contralto);
  font-size: 1.5rem;
}
h2 span{
  font-family: var(--contralto);
  font-size: 1.25rem;
}
body h3{
  font-family: var(--contralto);
  font-size: 1rem;
  padding-bottom: 0;
}
body a{
  color: var(--green);
  font-weight: 600;
  text-decoration: none;
}
a:hover,
a:active,
a:focus{
  color: black;
}
.text-sm{
  font-size: smaller;
}
.bg-cream{
  background-color: var(--cream);
}
main .container{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body .btn,
.wc-block-cart__submit-button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button,
.wc-block-components-checkout-place-order-button{
  border-radius: 0;
  border-color: var(--green);
  background-color: unset;
  color: var(--green);
  padding: 2px 14px;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  line-height: 1.5rem;
}
body .btn-primary,
.wc-block-cart__submit-button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.wc-block-components-checkout-place-order-button{
  background-color: var(--green);
  color: white;
}
body .btn-secondary{
  border-color: var(--brown);
  background-color: white;
  color: var(--brown);
}
body .btn.btn-secondary:active,
body .btn.btn-secondary:focus,
body .btn.btn-secondary:hover{
  background-color: var(--brown);
  border-color: var(--brown);
}
body .btn:hover,
body .btn:active,
body .btn:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:focus,
body :not(.btn-check)+.btn:active,
.wc-block-cart__submit-button:active,
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover,
body .btn-check:checked+.btn,
body .btn.active,
body .btn.show, 
body .btn:first-child:active,
body :not(.btn-check)+.btn:active{
  background-color: var(--green);
  color: white;
  border-color: var(--green);
}
body .btn-primary:hover,
body .btn-primary:active,
body .btn-primary:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:focus,
.wc-block-cart__submit-button:active,
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus,
.wc-block-components-checkout-place-order-button:focus,
.wc-block-components-checkout-place-order-button:active,
.wc-block-components-checkout-place-order-button:hover{
  background-color: unset;
  color: var(--green);
  border-width: 1px;
  border-style: solid;
}
body .btn.disabled,
body .btn:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, 
body fieldset:disabled .btn{
  background-color: var(--grey);
  border-color: var(--grey);
}
@media (min-width: 768px) {
  h1.serif,
  h1 .serif{
    font-size: 3rem;
  }
  h2 span{
    font-size: 2.5rem;
  }
  main .container{
    padding-top: 1.5rem;
    padding-bottom: unset;
  }
  body h2{
    margin-bottom: 1rem;
  }  
  body h3{
    padding-bottom: 1rem;
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  body h1{
    font-size: 1.5rem;
  }
}

/* FORMS */
select.form-select{
  background-color: unset;
  border: unset;
  border-bottom: solid 1px;
  border-radius: unset;
  padding: .4rem 0 .1rem;
}

/* CARDS */
body .card{
  border: none;
  background-color: unset;
}
.card img:not(.cartridge){
  aspect-ratio: 1/1;
  height: auto;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 7px 15px 2px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 7px 15px 2px rgba(0,0,0,.25);
  -moz-box-shadow: 0 7px 15px 2px rgba(0,0,0,.25);
}
.cartridge{
  right: 2rem;
  bottom: 2rem;
  width: 6rem;
}
body .card-body{
  padding: 1.5rem 0;
}
.card-title{
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 768px){
  .card-title{
    font-size: 1.5rem;
  }
}

/* TOAST */
#banner_toast{
  display: none;
  left: 1rem;
  bottom: 1rem;
  background-color: var(--light-grey);
  border: unset;
  max-width: 30rem;
  width: auto;
}
.toast:not(.show){
  display: none !important;
}
.toast .toast-header{
  background-color: unset;
  border-bottom: unset;
  color: black;
}
.toast-title{
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
}
.toast-title span{
  font-family: var(--contralto);
  font-weight: 500;
}
#banner_toast img{
  object-fit: cover;
  border-radius: 5px;
}
@media(min-width: 992px){
  .toast-title span{
    font-size: 2.5rem;
  }
}

/* NAV */
body .dropdown-item.active,
body #mainnav a.dropdown-item:active{
  background-color: var(--green);
  color: var(--white);
}
.home header{
  background-color: var(--light);
}
#top_bar ul{
  list-style-type: none;
}
#top_bar i{
  font-size: 18px;
}
#top_bar a,
footer a{
  color: black;
}
#top_bar .rounded-pill{
  background-color: var(--green);
  color: var(--light);
}
.navbar img{
  width: 167px;
}
body .navbar-toggler{
  border-style: none;
}
a.nav-link{
  color: black;
}
#mainnav .current-menu-item a,
#mainnav .current-menu-ancestor > a,
#mainnav .nav-item:hover > a{
  color: var(--brown);
}
.dropdown-toggle.nav-link::after{
  font-family: "Font Awesome 6 Pro"; 
  content: "\f107";
  border: none;
  vertical-align: unset;
  font-size: 14px;
  padding-left: 3px;
}
#breadcrumbs{
  font-size: 14px;
  color: black;
}
#breadcrumbs a{
  font-weight: unset;
  color: black;
}
#breadcrumbs i{
  font-size: 11px;
  margin-left: .5rem;
  margin-right: .5rem;
}
@media (min-width: 992px) {
  .navbar img{
    width: 12rem;
  }
  #menu-menu-principal a.nav-link{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.15rem;
  } 
  .card-title{
    padding-bottom: .5rem;
  }
}

/* Footer */
footer img{
  width: 198px;
}
footer ul{
  list-style: none;
  font-weight: bold;
  padding-left: 0;
}
footer li:not(:last-of-type){
  padding-bottom: 8px;
}
footer .paypal-logo img{
  width: 8rem
}
footer .col-12:last-of-type img{
  width: 7rem;
}
#copyright{
  font-size: 13px;
}
#copyright ul{
  list-style: none;
  padding-left: 0;
  display: flex;
}
#copyright li:not(:last-of-type){
  padding-right: 2rem;
}
#copyright ul a{
  font-weight: normal;
}
.wp-gr[data-layout="grid"] .grw-header-inner{
  margin-left: 0 !important;
}
.wp-star path{
  fill: black;
}
.wp-gr .wp-google-rating{
  color: black !important;
}
.wp-gr.wpac{
  display: flex !important;
  text-align: center !important;
}
.wpac div.wp-google-powered{
  display: none;
}
.wp-gr .grw-header-inner{
  padding: 0 !important;
}
@media(min-width: 768px){
  .wp-gr.wpac{
    text-align: unset !important;
  }
}

/* HP */
#hero{
  background-image: var(--background-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  line-height: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#hero h1{
  position: relative;
  z-index: 2;
  padding: 1rem;
}
#hero h1 span:first-of-type{
  font-family: var(--contralto);
  font-size: 2.5rem;
  line-height: 2rem;
}
#hero h1 span:last-of-type{
  font-weight: 600;
  font-size: 1;
}
.blur{
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.35);
  border-radius: 20px;
  box-shadow: 0 7px 15px 2px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 7px 15px 2px rgba(0,0,0,.25);
  -moz-box-shadow: 0 7px 15px 2px rgba(0,0,0,.25);
}
#contact_details{
  font-family: var(--contralto);
  padding-top: 1rem;
  padding-bottom: 2rem;
}
#contact_details a{
  color: black;
}
#section_xp .container,
#section_treatments{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#section_treatments .card-body{
  padding-bottom: 0;
}
#section_treatments .card-text{
  display: none;
}
.treaments .col-12:not(:first-of-type) .card-body{
  padding-top: 0;
}
.treaments img.logo{
  object-fit: contain;
  padding: 3rem;
}
.treaments .card img{
  aspect-ratio: 2;
}
#soins_form{
  border-radius: 10px;
}
#soins_form #objet{
  min-width: 12.5rem;
}
#soins_form #zone{
  min-width: 10.1rem;
}
#soins_form #budget{
  min-width: 9.4rem;
}
.treaments .col-12:not(:first-of-type) .card-body{
  padding-top: 1.5rem;
}
#other .encart{
  border-radius: 12px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1/1;
  background-size: cover;
}
/* #other .col-12:first-of-type .encart{
  background-image: url('/wp-content/themes/dolcebellezza/img/bck_hp_spa-xs.jpg');
}
#other .col-12:last-of-type .encart{
  background-image: url('/wp-content/themes/dolcebellezza/img/bck_hp_boutique-xs.jpg');
} */
#other h2{
  text-align: left;
  margin-bottom: .5rem;
}
#other h2 span{
  text-transform: unset;
  font-size: 2rem;
}
#other .encart .col-sm-6:last-of-type{
  display: none;
}
#other .encart > .row{
  background-size: cover;
  background-position: center;
}
/* @media (min-width: 387px) {
  #hero{
    background-image: url('/wp-content/themes/dolcebellezza/img/bck_hp_hero-768.jpg');
    background-size: contain;
  }
} */
@media (min-width: 470px) { 
  #hero{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 576px) { 
  #hero{
    border-radius: 12px;
  }
  .treaments .col-12 img{
    display: inline;
  }
  .treaments .card img{
    aspect-ratio: 1;
  }
  #other .encart{
    margin-bottom: 1rem;
  }
  #other .encart .col-sm-6:last-of-type{
    display: block;
    /* background-image: url('/wp-content/themes/dolcebellezza/img/logo-dolce-bellezza-blanc.svg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9rem;
  }
}
@media (min-width: 768px) {
  #hero{
    /* background-image: url('/wp-content/themes/dolcebellezza/img/bck_hp_hero-992.jpg'); */
    padding: 0;
  }
  #hero h1{
    padding: 3rem 4rem;
  }
  #hero h1 span:first-of-type{
    font-size: 3rem;
  }  
  #hero h1 span:last-of-type{
    font-size: 1.8rem;
  }  
  #contact_details{
    padding-top: 0;
    padding-bottom: 4rem;
  }
  #section_xp,
  #section_treatments{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  #other h2{
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  #other h2 span{
    font-size: 2.5rem;
  }
  #other .encart > .row{
    border-radius: 12px;
  }
  #other .encart .col-sm-6:last-of-type{
    display: none;
  }
}
@media (min-width: 992px) {
  #hero{
    /* background-image: url('/wp-content/themes/dolcebellezza/img/bck_hp_hero-1200.jpg'); */
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #hero h1{
    padding: 8rem 4rem 8rem 2rem;
  }
  /* #other .col-12:first-of-type .encart{
    background-image: url('/wp-content/themes/dolcebellezza/img/bck_hp_spa.jpg');
  }
  #other .col-12:last-of-type .encart{
    background-image: url('/wp-content/themes/dolcebellezza/img/bck_hp_boutique.jpg');
  } */
  #other .encart .col-sm-6:last-of-type{
    background-image: url('/wp-content/themes/dolcebellezza/img/logo-dolce-bellezza-blanc.png');
    background-repeat: no-repeat;
    background-size: 9rem;
    background-position: center 91%;
    display: block;
  }
  #other .encart:last-of-type .col-sm-6:last-of-type{
    background-position-y: center;
  }
}
@media (min-width: 1200px) {
  #hero{
    padding-left: 1rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  #hero h1{
    padding:  7rem 6rem 5rem;
  }
}
@media (min-width: 1400px) {
  #hero{
    padding-top: 5rem;
    padding-bottom: 8rem;
    padding-left: 0rem;
  }
  #hero h1{
    padding-left: 8rem;
    padding-right: 9rem;
  }
}

/* Archive */
#intro{
  font-size: 1.25rem;
}
#archive_hero{
  background-size: cover;
  background-color: var(--green);
  background-position: center;
}
.archive h1 .serif::after{
  content: "\a";
  white-space: pre;
}
iframe,
.soin-img{
  border-radius: 11px;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.soin-img{
  background-image: var(--cp-bck-img);
  background-position: center;
  background-size: cover;
}
#archive_hero img{
  min-width: 12rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-size: cover;
  background-position: center;
}
.archive #breadcrumb_cont,
.archive header.woocommerce-products-header,
.archive .woocommerce-notices-wrapper,
.archive #cp_shop_content,
.archive #cp_shop_content + .container-fluid{
  background-color: var(--cream);
}
.archive .woocommerce-loop-product__title{
  display: none;
}
.duree{
  font-size: 14px;
}
.price-desc{
  text-transform: lowercase;
  font-size: .75rem;
}
.woocommerce ul.sequence{
  margin: unset;
  padding-left: 1.25rem;
}
ul.sequence::before,
ul.sequence::after{
  content: '';
}
.woocommerce ul.sequence li{
  list-style: disc;
}
li.product a.btn:not(:last-of-type){
  margin-right: 10px;
}
.add-to-cart-form select{
  width: fit-content;
  padding-right: 2.25rem;
}
@media (max-width: 768px){
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: unset;
  }
}
@media (min-width: 992px){
  #archive_hero img{
    min-width: 12rem;
    margin-top: 10rem;
    margin-bottom: 10rem;
    height: 10rem;
  }
}
/* SINGLE PRODUCT */
.variations select{
  padding: 0 .5rem;
}
.woocommerce div.product div.images:not(.woocommerce-product-gallery--without-images) img{
  aspect-ratio: 4/3;
  object-fit: cover;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{
  box-shadow: unset;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
#cp_products ul.products li.product .price{
  color: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs .panel{
  border: 1px solid #cfc8d8;
  border-top: none;
  padding: 2rem 2rem 1rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background-color: var(--light);
  border-bottom-color: var(--light);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background-color: var(--light-grey);
  border-bottom-color: var(--light);
}
.single-product .related.products{
  padding-top: 1rem;
  padding-top: 2rem;
}
.related.products ul{
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px){
  .single-product .related.products{
    padding-top: 3rem;
    padding-top: 5rem;
  }
}
@media (min-width: 1200px){
  .single-product h1{
    font-size: 2rem;
  }
}

/* CHECK OUT */
body .wc-block-components-totals-discount .wc-block-components-totals-item__value{
  color: var(--green);
}
#order-notes{
  display: none;
}
/* MESSAGES */
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  background-color: var(--light-grey);
}
.woocommerce-message:focus-visible{
  outline-color: var(--green);
}
.woocommerce-message{
  border-top-color: var(--green);
}
.woocommerce-message::before{
  color: var(--green);
}
.woocommerce-message a.button{
  margin-bottom: 0;
}

/* UPSELL */
.products.columns-4 .product.product_cat-complements{
  text-align: center;
}
.page-id-821 .woocommerce-message a.button.wc-forward{
  display: none;
}
@media only screen and (max-width: 768px){
  ul.products.columns-4 li.product{
    float: none !important;
  }
}

/* COOKIES */
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
  border-radius: 0;
  padding: 2px 14px;
  font-size: 1rem;
}
body .cmplz-divider.cmplz-footer{
  display: none;
}