/*
Theme Name: Allons Suzon
Author: Flo
Template: botiga 
Version: 0.1.0
*/




body, button, input, select, textarea {
  font-family: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body {
      font-family: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.46667;
    font-weight: 400;
    color: #6e6e6e;
    background-color: #fff;
    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;
    --main-color: #DB915E;
    --second-color: #B1CECA;
    --header-light-color: #FFF;
    --header-light-hover-color: #DB915E;
    --header-dark-color: #000;
    --header-dark-hover-color: #DB915E

    --bt-color-forms-text: #000;
    --bt-color-forms-background: #ffffff;
    --bt-color-forms-borders: #000;
    --bt-color-forms-dividers: #dddddd;
    --bt-color-forms-placeholder: #848484;
    --bt-color-content-cards-bg: #DB915E;
    --bt-color-bg: #DB915E;
    --bt-color-heading-1: #000;
    --bt-color-heading-2: #000;
    --bt-color-heading-3: #000;
    --bt-color-heading-4: #000;
    --bt-color-heading-5: #000;
    --bt-color-heading-6: #000;
    --bt-color-body-text: #000;
    --bt-color-link-default: #000;
    --bt-color-link-hover: #757575;
    --bt-color-onsale: #DB915E;
    --bt-color-onsale-bg: #000;

    --bt-color-button: #FFF;
    --bt-color-button-hover: #FFF;
    --bt-color-button-bg: var( --main-color);
    --bt-color-button-bg-hover: #757575;
    --bt-color-button-border: #212121;
    --bt-color-button-border-hover: #757575;
    --bt-font-size-button: 14px;
    --bt-letter-spacing-button: 0;
    --bt-padding-button-top-bottom: 13px;
    --bt-padding-button-left-right: 24px;
    --bt-border-radius-button: 0;
    --bt-border-width-button: 0;

}
.single-post .entry-content{
    --bt-single-post-entry-content-max-width: 920px;
}
h1 {
    font-weight: 400;
    color: #000;
    font-size: 46px;
    line-height: 1.13043;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h1 a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

h1 a:focus,h1 a:hover {
    color: var(--main-color)
}

h2 {
    font-weight: 400;
    color: #000;
    font-size: 36px;
    line-height: 1.33333;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h2 a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

h2 a:focus,h2 a:hover {
    color: var(--main-color)
}

h3 {
    font-weight: 400;
    color: #000;
    font-size: 28px;
    line-height: 1.42857;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h3 a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

h3 a:focus,h3 a:hover {
    color: var(--main-color)
}

h4 {
    font-weight: 400;
    color: #000;
    font-size: 24px;
    line-height: 1.33333;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h4 a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

h4 a:focus,h4 a:hover {
    color: var(--main-color)
}

h5 {
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 1.4;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h5 a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

h5 a:focus,h5 a:hover {
    color: var(--main-color)
}

h6 {
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h6 a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

h6 a:focus,h6 a:hover {
    color: var(--main-color)
}

a,p a {
    color: #000;
    text-decoration: none;
    transition: color .2s ease-out;
    cursor: pointer
}

a:focus,a:hover,p a:focus,p a:hover {
    color: var(--main-color)
}

p {
    margin: 10px 0
}

p.has-large-font-size {
    font-size: 36px;
    line-height: 1.46667
}

p.has-large-font-size+p {
    line-height: 1.46667
}

p.has-background {
    padding: 20px 30px
}

.wp-block-quote,blockquote {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-weight: 400;
    color: #000;
    font-size: 24px;
    line-height: 1.33333;
    color: #000!important;
    position: relative;
    padding: 0 0 0 25px;
    border: none;
    border-left: 3px solid var(--main-color);
    margin: 0;
    quotes: none
}

.wp-block-quote br,blockquote br {
    display: none
}

.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.wp-block-quote.is-large,.wp-block-quote.wp-block-quote.is-style-large,blockquote.is-large,blockquote.is-style-large,blockquote.wp-block-quote.is-large,blockquote.wp-block-quote.is-style-large {
    margin: 0;
    padding: 0 0 0 25px;
    font-weight: 400;
    color: #000;
    font-size: 24px;
    line-height: 1.33333
}

.wp-block-quote.is-large p,.wp-block-quote.is-style-large p,.wp-block-quote.wp-block-quote.is-large p,.wp-block-quote.wp-block-quote.is-style-large p,blockquote.is-large p,blockquote.is-style-large p,blockquote.wp-block-quote.is-large p,blockquote.wp-block-quote.is-style-large p {
    font-weight: 400;
    color: #000;
    font-size: 24px;
    line-height: 1.33333
}

.wp-block-quote.wp-block-pullquote,blockquote.wp-block-pullquote {
    padding: 0 25px!important;
    text-align: center
}

.wp-block-quote.wp-block-pullquote p,blockquote.wp-block-pullquote p {
    font-size: 28px!important;
    line-height: 1.6!important
}

.wp-block-quote.wp-block-pullquote.alignleft,blockquote.wp-block-pullquote.alignleft {
    max-width: 420px
}

.wp-block-quote.wp-block-pullquote.alignright,blockquote.wp-block-pullquote.alignright {
    max-width: 420px
}

.wp-block-quote.has-text-align-right,blockquote.has-text-align-right {
    padding: 0 25px 0 0
}

.wp-block-quote.has-text-align-right:before,blockquote.has-text-align-right:before {
    left: auto;
    right: 0
}

.wp-block-quote>*,blockquote>* {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    margin: 0
}

.wp-block-quote p,blockquote p {
    margin: 0!important
}

.wp-block-quote:after,blockquote:after {
    content: ''
}

.wp-block-quote .wp-block-pullquote__citation,.wp-block-quote .wp-block-quote__citation,.wp-block-quote cite,blockquote .wp-block-pullquote__citation,blockquote .wp-block-quote__citation,blockquote cite {
    display: block;
    margin: 10px 0 0;
    font-style: normal;
    font-weight: 400!important;
    text-align: inherit!important;
    text-transform: uppercase!important
}

.wp-block-button, .wp-block-button__link {
    font-weight: 500;
}



.hero-header {
  position:relative;
  overflow:hidden;
}
/* couche 1 : poussière légère sur toute la largeur */

.hero-header::before{
  content:"";
  position:absolute;
  inset: 0;
  /* opacity: 0.07; */
  pointer-events:none;

  background-repeat: repeat;
  background-size: 520px 320px; /* joue là-dessus */
  background-position: center bottom;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='320' viewBox='0 0 520 320'%3E%3Cg fill='%23D39A6D'%3E%3Ccircle cx='35' cy='55' r='1.4'/%3E%3Ccircle cx='70' cy='120' r='1.2'/%3E%3Ccircle cx='110' cy='80' r='1.5'/%3E%3Ccircle cx='155' cy='140' r='1.1'/%3E%3Ccircle cx='200' cy='60' r='1.3'/%3E%3Ccircle cx='245' cy='110' r='1.2'/%3E%3Ccircle cx='295' cy='75' r='1.4'/%3E%3Ccircle cx='340' cy='130' r='1.1'/%3E%3Ccircle cx='390' cy='65' r='1.3'/%3E%3Ccircle cx='440' cy='115' r='1.2'/%3E%3Ccircle cx='480' cy='80' r='1.4'/%3E%3Ccircle cx='90' cy='210' r='1.2'/%3E%3Ccircle cx='140' cy='250' r='1.4'/%3E%3Ccircle cx='210' cy='230' r='1.1'/%3E%3Ccircle cx='280' cy='255' r='1.3'/%3E%3Ccircle cx='360' cy='220' r='1.2'/%3E%3Ccircle cx='420' cy='260' r='1.4'/%3E%3C/g%3E%3Cg fill='none' stroke='%23D39A6D' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M460 40 l6 12 l12 6 l-12 6 l-6 12 l-6 -12 l-12 -6 l12 -6z'/%3E%3Cpath d='M170 35 l5 10 l10 5 l-10 5 l-5 10 l-5 -10 l-10 -5 l10 -5z'/%3E%3C/g%3E%3C/svg%3E");


   content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 72%, rgba(211,154,109,.9) 1px, transparent 2px),
    radial-gradient(circle at 18% 22%, rgba(211,154,109,.7) 1px, transparent 2px),
    radial-gradient(circle at 26% 58%, rgba(211,154,109,.8) 1px, transparent 2px),
    radial-gradient(circle at 33% 18%, rgba(211,154,109,.6) 1px, transparent 2px),
    radial-gradient(circle at 41% 66%, rgba(211,154,109,.9) 1px, transparent 2px),
    radial-gradient(circle at 49% 30%, rgba(211,154,109,.7) 1px, transparent 2px),
    radial-gradient(circle at 57% 76%, rgba(211,154,109,.8) 1px, transparent 2px),
    radial-gradient(circle at 63% 44%, rgba(211,154,109,.6) 1px, transparent 2px),
    radial-gradient(circle at 71% 20%, rgba(211,154,109,.9) 1px, transparent 2px),
    radial-gradient(circle at 78% 62%, rgba(211,154,109,.7) 1px, transparent 2px),
    radial-gradient(circle at 86% 34%, rgba(211,154,109,.8) 1px, transparent 2px),
    radial-gradient(circle at 92% 74%, rgba(211,154,109,.6) 1px, transparent 2px),

    radial-gradient(circle at 8% 42%, rgba(211,154,109,.7) 1px, transparent 2px),
    radial-gradient(circle at 22% 86%, rgba(211,154,109,.6) 1px, transparent 2px),
    radial-gradient(circle at 37% 88%, rgba(211,154,109,.8) 1px, transparent 2px),
    radial-gradient(circle at 46% 54%, rgba(211,154,109,.6) 1px, transparent 2px),
    radial-gradient(circle at 54% 12%, rgba(211,154,109,.7) 1px, transparent 2px),
    radial-gradient(circle at 66% 92%, rgba(211,154,109,.9) 1px, transparent 2px),
    radial-gradient(circle at 74% 48%, rgba(211,154,109,.6) 1px, transparent 2px),
    radial-gradient(circle at 88% 10%, rgba(211,154,109,.8) 1px, transparent 2px);

  /* fondu vers le haut pour rester premium */
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to top, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%);

  
}

.hero-header::after{
  content:"";
  position:absolute;
  left: 50%;
  bottom: -60px;
  width: 680px;
  height: 360px;
  transform: translateX(-50%);
  /* opacity: 0.12; */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  pointer-events: none;

  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='480' viewBox='0 0 640 480'%3E%3Cg fill='none' stroke='%23D39A6D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M120 340 L190 300 L240 350 L320 290 L390 330'/%3E%3Cpath d='M410 220 L470 180 L520 230'/%3E%3C/g%3E%3Cg fill='%23D39A6D'%3E%3Ccircle cx='120' cy='340' r='4'/%3E%3Ccircle cx='190' cy='300' r='5'/%3E%3Ccircle cx='240' cy='350' r='4'/%3E%3Ccircle cx='320' cy='290' r='6'/%3E%3Ccircle cx='390' cy='330' r='4'/%3E%3Ccircle cx='410' cy='220' r='4'/%3E%3Ccircle cx='470' cy='180' r='5'/%3E%3Ccircle cx='520' cy='230' r='4'/%3E%3C/g%3E%3Cg fill='none' stroke='%23D39A6D' stroke-width='3'%3E%3Cpath d='M520 110 l10 20 l20 10 l-20 10 l-10 20 l-10 -20 l-20 -10 l20 -10z'/%3E%3Cpath d='M170 140 l8 16 l16 8 l-16 8 l-8 16 l-8 -16 l-16 -8 l16 -8z'/%3E%3C/g%3E%3C/svg%3E");
}
  /* background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='700'%20height='520'%20viewBox='0%200%20700%20520'%3E%3Cg%20fill='none'%20stroke='%23D39A6D'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M110%20380%20L185%20330%20L245%20385%20L330%20320%20L410%20360'%20/%3E%3Cpath%20d='M430%20255%20L495%20210%20L555%20265%20L615%20225'%20/%3E%3Cpath%20d='M190%20205%20L240%20165%20L295%20210%20L345%20175'%20/%3E%3C/g%3E%3Cg%20fill='%23D39A6D'%3E%3Ccircle%20cx='110'%20cy='380'%20r='4'/%3E%3Ccircle%20cx='185'%20cy='330'%20r='5'/%3E%3Ccircle%20cx='245'%20cy='385'%20r='4'/%3E%3Ccircle%20cx='330'%20cy='320'%20r='6'/%3E%3Ccircle%20cx='410'%20cy='360'%20r='4'/%3E%3Ccircle%20cx='430'%20cy='255'%20r='4'/%3E%3Ccircle%20cx='495'%20cy='210'%20r='5'/%3E%3Ccircle%20cx='555'%20cy='265'%20r='4'/%3E%3Ccircle%20cx='615'%20cy='225'%20r='4'/%3E%3Ccircle%20cx='190'%20cy='205'%20r='4'/%3E%3Ccircle%20cx='240'%20cy='165'%20r='5'/%3E%3Ccircle%20cx='295'%20cy='210'%20r='4'/%3E%3Ccircle%20cx='345'%20cy='175'%20r='4'/%3E%3C/g%3E%3Cg%20fill='none'%20stroke='%23D39A6D'%20stroke-width='3'%3E%3Cpath%20d='M560%20110%20l10%2020%20l20%2010%20l-20%2010%20l-10%2020%20l-10%20-20%20l-20%20-10%20l20%20-10z'/%3E%3Cpath%20d='M170%20120%20l8%2016%20l16%208%20l-16%208%20l-8%2016%20l-8%20-16%20l-16%20-8%20l16%20-8z'/%3E%3Cpath%20d='M470%20380%20l7%2014%20l14%207%20l-14%207%20l-7%2014%20l-7%20-14%20l-14%20-7%20l14%20-7z'/%3E%3C/g%3E%3Cg%20fill='none'%20stroke='%23D39A6D'%20stroke-width='3'%20stroke-linecap='round'%3E%3Cpath%20d='M115%20270%20c30%20-45%2095%20-60%20140%20-35'%20/%3E%3Cpath%20d='M360%20140%20c25%20-30%2075%20-40%20110%20-25'%20/%3E%3C/g%3E%3Cg%20fill='%23D39A6D'%3E%3Ccircle%20cx='95'%20cy='235'%20r='2'/%3E%3Ccircle%20cx='125'%20cy='215'%20r='2'/%3E%3Ccircle%20cx='160'%20cy='245'%20r='2'/%3E%3Ccircle%20cx='210'%20cy='250'%20r='2'/%3E%3Ccircle%20cx='260'%20cy='255'%20r='2'/%3E%3Ccircle%20cx='320'%20cy='245'%20r='2'/%3E%3Ccircle%20cx='380'%20cy='235'%20r='2'/%3E%3Ccircle%20cx='430'%20cy='205'%20r='2'/%3E%3Ccircle%20cx='455'%20cy='175'%20r='2'/%3E%3Ccircle%20cx='505'%20cy='160'%20r='2'/%3E%3Ccircle%20cx='590'%20cy='160'%20r='2'/%3E%3Ccircle%20cx='640'%20cy='180'%20r='2'/%3E%3Ccircle%20cx='655'%20cy='300'%20r='2'/%3E%3Ccircle%20cx='610'%20cy='330'%20r='2'/%3E%3Ccircle%20cx='545'%20cy='350'%20r='2'/%3E%3Ccircle%20cx='500'%20cy='330'%20r='2'/%3E%3Ccircle%20cx='455'%20cy='315'%20r='2'/%3E%3Ccircle%20cx='240'%20cy='420'%20r='2'/%3E%3Ccircle%20cx='290'%20cy='445'%20r='2'/%3E%3Ccircle%20cx='350'%20cy='430'%20r='2'/%3E%3Ccircle%20cx='410'%20cy='460'%20r='2'/%3E%3C/g%3E%3C/svg%3E"); */


.hero-header > *{ position:relative; z-index:1; }



/* Pour que ton bottom ait une largeur “contenu” et respire :
.wcrc-cat-bottom-content,
.term-description {
  max-width: 900px;
  margin: 32px auto;
  padding: 0 16px;
}
 */
.woocommerce-page-header .page-description, 
.woocommerce-page-header .term-description,
.woocommerce-page-header h1, 
.woocommerce-products-header__title page-title{
    max-width: 100%;
    text-align: left;
}

.woocommerce-page-header {
    padding-bottom:0;
    padding-top: 24px;
}


.reassurance--after-shortdesc{
  margin:14px 0;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background: rgba(0,0,0,.02);
  font-size: .95em;
}
.asz-reassurance ul{ margin:0; padding-left: 1.1em; }
.asz-reassurance li{ margin:6px 0; }