/*
Theme Name: Storefront Child
Theme URI: https://b2b-caf-vittoria.abc/
Description: Thème enfant de Storefront
Author: Ton Simon Fournier-Smith
Template: storefront
Version: 1.0
*/


 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400;600;700&display=swap');

 html {
     font-family: sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     height: 100%;
     margin: 0;
 }
 
 body {
     height: 100%;
     margin: 0;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
     display: block
 }
 
.site-content {
     padding-top: 2rem;
 }
 
 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline
 }
 
 audio:not([controls]) {
     display: none;
     height: 0
 }
 
 [hidden],
 template {
     display: none
 }
 
 a {
     background-color: rgba(0, 0, 0, 0)
 }
 
 a:active,
 a:hover {
     outline: 0
 }
 
 abbr[title] {
     border-bottom: 1px dotted
 }
 
 b,
 strong {
     font-weight: bold
 }
 
 dfn {
     font-style: italic
 }
 
 h1 {
     font-size: 2em;
     margin: .67em 0
 }
 
 mark {
     background: #ff0;
     color: #000
 }
 
 small {
     font-size: 80%
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }
 
 sup {
     top: -0.5em
 }
 
 sub {
     bottom: -0.25em
 }
 
 img {
     border: 0
 }
 
 svg:not(:root) {
     overflow: hidden
 }
 
 figure {
     margin: 1em 40px
 }
 
 hr {
     box-sizing: content-box;
     height: 0
 }
 
 pre {
     overflow: auto
 }
 
 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     color: inherit;
     font: inherit;
     margin: 0
 }
 
 button {
     overflow: visible
 }
 
 button,
 select {
     text-transform: none
 }
 
 button,
 html input[type=button],
 input[type=reset],
 input[type=submit] {
     -webkit-appearance: button;
     cursor: pointer
 }
 
 button[disabled],
 html input[disabled] {
     cursor: default
 }
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0
 }
 
 input {
     line-height: normal
 }
 
 input[type=checkbox],
 input[type=radio] {
     box-sizing: border-box;
     padding: 0
 }
 
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     height: auto
 }
 
 input[type=search] {
     -webkit-appearance: textfield;
     box-sizing: content-box
 }
 
 input[type=search]::-webkit-search-cancel-button,
 input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 fieldset {
     border: 1px solid silver;
     margin: 0 2px;
     padding: .35em .625em .75em
 }
 
 legend {
     border: 0;
     padding: 0
 }
 
 textarea {
     overflow: auto
 }
 
 optgroup {
     font-weight: bold
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0
 }
 
 td,
 th {
     padding: 0
 }
 
 body {
     -ms-word-wrap: break-word;
     word-wrap: break-word
 }
 
 body,
 button,
 input,
 textarea {
     color: #43454b;
     font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     line-height: 1.618;
     text-rendering: optimizeLegibility;
     font-weight: 400
 }
 
 select {
     color: initial;
     font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     max-width: 100%
 }
 
 summary {
     display: list-item
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     clear: both;
     font-weight: 300;
     margin: 0 0 .5407911001em;
     color: #382e2c;
 }
 
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     font-weight: 300
 }
 
 h1,
 .alpha {
     font-size: 2.617924em;
     line-height: 1.214;
     letter-spacing: -1px
 }
 
 h2,
 .beta {
     font-size: 2em;
     line-height: 1.214
 }
 
 h2+h3,
 .beta+h3 {
     border-top: 1px solid rgba(0, 0, 0, .05);
     padding-top: .5407911001em
 }
 
 h3,
 .gamma {
     font-size: 1.618em
 }
 
 h4,
 .delta {
     font-size: 1.41575em
 }
 
 .alpha,
 .beta,
 .gamma,
 .delta {
     display: block
 }
 
 p+h2,
 p+header h2,
 p+h3,
 p+h4,
 ul+h2,
 ul+header h2,
 ul+h3,
 ul+h4,
 ol+h2,
 ol+header h2,
 ol+h3,
 ol+h4,
 table+h2,
 table+header h2,
 table+h3,
 table+h4,
 blockquote+h2,
 blockquote+header h2,
 blockquote+h3,
 blockquote+h4,
 form+h2,
 form+header h2,
 form+h3,
 form+h4 {
     margin-top: 2.2906835em
 }
 
 hr {
     background-color: #ccc;
     border: 0;
     height: 1px;
     margin: 0 0 1.41575em
 }
 
 p {
     margin: 0 0 1.41575em
 }
 
 ul,
 ol {
     margin: 0 0 1.41575em 3em;
     padding: 0
 }
 
 ul {
     list-style: disc
 }
 
 ol {
     list-style: decimal
 }
 
 li>ul,
 li>ol {
     margin-bottom: 0;
     margin-left: 1em
 }
 
 dt {
     font-weight: 600
 }
 
 dd {
     margin: 0 0 1.618em
 }
 
 b,
 strong {
     font-weight: 600
 }
 
 dfn,
 cite,
 em,
 i {
     font-style: italic
 }
 
 blockquote {
     padding: 0 1em;
     border-left: 3px solid rgba(0, 0, 0, .05);
     font-style: italic
 }
 
 address {
     margin: 0 0 1.41575em
 }
 
 pre {
     background: rgba(0, 0, 0, .1);
     font-family: "Courier 10 Pitch", Courier, monospace;
     margin-bottom: 1.618em;
     padding: 1.618em;
     overflow: auto;
     max-width: 100%
 }
 
 code,
 kbd,
 tt,
 var {
     font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
     background-color: rgba(0, 0, 0, .05);
     padding: .202em .5407911001em
 }
 
 abbr,
 acronym {
     border-bottom: 1px dotted #666;
     cursor: help
 }
 
 mark,
 ins {
     text-decoration: none;
     font-weight: 600;
     background: rgba(0, 0, 0, 0)
 }
 
 sup,
 sub {
     font-size: 75%;
     height: 0;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }
 
 sup {
     bottom: 1ex
 }
 
 sub {
     top: .5ex
 }
 
 small {
     font-size: 75%
 }
 
 big {
     font-size: 125%
 }
 
 figure {
     margin: 0
 }
 
 img {
     height: auto;
     max-width: 100%;
     display: block;
     border-radius: 3px
 }
 
 a {
     color: #382e2c;
     text-decoration: none
 }
 
 a:focus,
 input:focus,
 textarea:focus,
 button:focus {
     outline: 2px solid #7f54b3
 }
 
 .storefront-cute * {
     font-family: "Comic Sans MS", sans-serif
 }
 
 * {
     box-sizing: border-box
 }
 
 body {
     background-color: #fff;
     overflow-x: hidden
 }
 
 .site {
     overflow-x: hidden
 }
 
 .site-content,
 .header-widget-region {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }
 
 .site-header {
     background-color: #382e2c;
     padding-top: 1.618em;
     padding-bottom: 1.618em;
     color: #9aa0a7;
     background-position: center center;
     position: relative;
     z-index: 999;
     border-bottom: 1px solid rgba(0, 0, 0, 0)
 }
 
 .site-header .site-logo-anchor,
 .site-header .site-logo-link,
 .site-header .custom-logo-link {
     display: block;
     margin-bottom: 0
 }
 
 .site-header .site-logo-anchor img,
 .site-header .site-logo-link img,
 .site-header .custom-logo-link img {
     width: 100%;
     max-width: 210px
 }
 
 .site-header .widget {
     margin-bottom: 0
 }

.home.blog .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 4.235801032em
}

.no-wc-breadcrumb .site-header {
    margin-bottom: 4.235801032em
}
 
 .no-wc-breadcrumb.page-template-template-homepage .site-header {
     margin-bottom: 0
 }
 
 .header-widget-region {
     position: relative;
     z-index: 99
 }
 
 .header-widget-region::before,
 .header-widget-region::after {
     content: "";
     display: table
 }
 
 .header-widget-region::after {
     clear: both
 }
 
 .header-widget-region .widget {
     margin: 0;
     padding: 1em 0;
     font-size: .875em
 }
 
 .site-branding {
     float: left;
     margin-bottom: 0;
     width: calc(100% - 120px)
 }
 
 .site-branding .site-title {
     font-size: 2em;
     letter-spacing: -1px;
     margin: 0
 }
 
 .site-branding .site-title a {
     font-weight: 700
 }
 
 .site-branding .site-description {
     font-size: .875em;
     display: none
 }
 
 .site-branding .logo {
     margin: 0
 }
 
 .site-main {
     margin-bottom: 2.617924em
 }
 
 .site-content {
     outline: none
 }
 
 .page-template-template-homepage:not(.has-post-thumbnail) .site-main {
     padding-top: 4.235801032em
 }
 
 .page-template-template-homepage .type-page {
     padding-top: 2.617924em;
     padding-bottom: 2.617924em;
     position: relative
 }
 
 .page-template-template-homepage .type-page .storefront-hero__button-edit {
     position: absolute;
     top: 1em;
     right: 1em;
     font-size: .875em
 }
 
 .page-template-template-homepage .entry-content {
     font-size: 1.1em
 }
 
 .page-template-template-homepage .entry-content p:last-child {
     margin-bottom: 0
 }
 
 .page-template-template-homepage .entry-header h1 {
     font-size: 3.706325903em;
     margin-bottom: .2360828548em
 }
 
 .page-template-template-homepage .entry-content,
 .page-template-template-homepage .entry-header {
     max-width: 41.0994671405em;
     margin-left: auto;
     margin-right: auto;
     text-align: center
 }
 
 .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
     background-size: cover;
     background-position: center center;
     padding-top: 6.8535260698em;
     padding-bottom: 6.8535260698em
 }
 
 .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,
 .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
     opacity: 0;
     transition: all, ease, .5s
 }
 
 .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,
 .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
     opacity: 1
 }
 
 .site-footer {
     background-color: #f3f3f3;
     color: #3b3c3f;
     padding: 0.405em 0 0.927em;
 }
 
 .site-footer h1,
 .site-footer h2,
 .site-footer h3,
 .site-footer h4,
 .site-footer h5,
 .site-footer h6 {
     color: #333437
 }
 
 .site-footer a {
     color: #382e2c;
     text-decoration: underline
 }
 
 .site-footer a:hover {
     text-decoration: none
 }
 
 .site-footer a.button,
 .site-footer a.components-button:not(.is-link),
 .site-footer a.wp-block-button__link {
     text-decoration: none
 }
 
 .site-info {
     padding: 1em 0
 }
 
 .site-info span[role=separator] {
     padding: 0 .2360828548em 0 .3342343017em
 }
 
 .site-info span[role=separator]::before {
     content: "|"
 }
 
 .alignleft {
     display: inline;
     float: left;
     margin-right: 1em
 }
 
 .alignright {
     display: inline;
     float: right;
     margin-left: 1em
 }
 
 .aligncenter {
     clear: both;
     display: block;
     margin: 0 auto
 }
 
 .screen-reader-text {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     word-wrap: normal !important
 }
 
 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
     clip: auto !important;
     display: block;
     font-weight: 700;
     height: auto;
     left: 0;
     line-height: normal;
     padding: 1em 1.618em;
     text-decoration: none;
     top: 0;
     width: auto;
     z-index: 100000;
     outline: none
 }
 
 .screen-reader-text.skip-link:focus {
     -webkit-clip-path: none;
     clip-path: none
 }
 
 .clear::before,
 .clear::after,
 .entry-content::before,
 .entry-content::after,
 .comment-content::before,
 .comment-content::after,
 .site-header::before,
 .site-header::after,
 .site-content::before,
 .site-content::after,
 .site-footer::before,
 .site-footer::after {
     content: "";
     display: table
 }
 
 .clear::after,
 .entry-content::after,
 .comment-content::after,
 .site-header::after,
 .site-content::after,
 .site-footer::after {
     clear: both
 }
 
 table {
     border-spacing: 0;
     width: 100%;
     margin: 0 0 1.41575em;
     border-collapse: separate
 }
 
 table caption {
     padding: 1em 0;
     font-weight: 600
 }
 
 table td,
 table th {
     padding: 1em 1.41575em;
     text-align: left;
     vertical-align: top
 }
 
 table td p:last-child,
 table th p:last-child {
     margin-bottom: 0
 }
 
 table th {
     font-weight: 600
 }
 
 table thead th {
     padding: 1.41575em;
     vertical-align: middle
 }
 
 table tbody h2 {
     font-size: 1em;
     letter-spacing: normal;
     font-weight: 400
 }
 
 table tbody h2 a {
     font-weight: 400
 }
 
 .error404 .site-content .widget_product_search {
     padding: 1.618em;
     background-color: rgba(0, 0, 0, .025)
 }
 
 .error404 .site-content .widget_product_search form {
     margin: 0
 }
 
 .error404.right-sidebar .content-area,
 .error404.left-sidebar .content-area {
     width: 100%
 }
 
 .error404 .fourohfour-columns-2 {
     padding: 2.617924em 0;
     border: 1px solid rgba(0, 0, 0, .05);
     border-width: 1px 0;
     margin-bottom: 2.617924em
 }
 
 .error404 .fourohfour-columns-2::before,
 .error404 .fourohfour-columns-2::after {
     content: "";
     display: table
 }
 
 .error404 .fourohfour-columns-2::after {
     clear: both
 }
 
 .error404 .fourohfour-columns-2 ul.products li.product,
 .error404 .fourohfour-columns-2 .widget {
     margin-bottom: 0
 }
 
 .error404 .fourohfour-columns-2 .col-1 ul.products {
     margin-bottom: 2.2906835em
 }
 
 .error404 .fourohfour-columns-2 .col-1 ul.products li.product {
     width: 45.4545454545%;
     float: left;
     margin-right: 9.0909090909%
 }
 
 .error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
     margin-right: 0
 }
 
 .error404 .fourohfour-columns-2 .col-2 {
     padding: 1.618em;
     background-color: rgba(0, 0, 0, .025)
 }
 
 #comments {
     padding-top: 2.617924em
 }
 
 #comments .comments-title {
     border-bottom: 1px solid rgba(0, 0, 0, .05);
     padding-bottom: .5407911001em;
     margin-bottom: 1.618em
 }
 
 #comments .comment-list {
     list-style: none;
     margin-left: 0
 }
 
 #comments .comment-list .comment-body::before,
 #comments .comment-list .comment-body::after {
     content: "";
     display: table
 }
 
 #comments .comment-list .comment-body::after {
     clear: both
 }
 
 #comments .comment-list .comment-content {
     padding-bottom: 1.618em;
     margin-bottom: 1.618em
 }
 
 #comments .comment-list .comment-content .comment-text {
     padding: 1.618em;
     border-radius: 3px
 }
 
 #comments .comment-list .comment-content .comment-text p:last-child {
     margin-bottom: 0
 }
 
 #comments .comment-list .comment-meta {
     margin-bottom: 1em
 }
 
 #comments .comment-list .comment-meta .avatar {
     margin-bottom: 1em;
     max-width: 64px;
     height: auto
 }
 
 #comments .comment-list .comment-meta a.comment-date {
     font-size: .875em
 }
 
 #comments .comment-list .comment-meta cite {
     font-style: normal;
     clear: both;
     display: block
 }
 
 #comments .comment-list .reply {
     margin-bottom: 1.618em;
     padding-top: .6180469716em
 }
 
 #comments .comment-list .reply::before,
 #comments .comment-list .reply::after {
     content: "";
     display: table
 }
 
 #comments .comment-list .reply::after {
     clear: both
 }
 
 #comments .comment-list .reply a {
     display: inline-block;
     margin-right: 1em
 }
 
 #comments .comment-list .reply a:last-child {
     margin-right: 0
 }
 
 #comments .comment-list .children {
     list-style: none
 }
 
 .comment-content a {
     word-wrap: break-word
 }
 
 #respond {
     clear: both;
     padding: 1.618em;
     background-color: rgba(0, 0, 0, .0125);
     position: relative
 }
 
 #respond .comment-form-author input,
 #respond .comment-form-email input,
 #respond .comment-form-url input {
     width: 100%
 }
 
 #respond .form-submit,
 #respond form {
     margin-bottom: 0
 }
 
 #respond #cancel-comment-reply-link {
     position: absolute;
     top: .5407911001em;
     right: .5407911001em;
     display: block;
     height: 1em;
     width: 1em;
     overflow: hidden;
     line-height: 1;
     font-size: 1.41575em;
     text-align: center;
     transition: transform, ease, .3s
 }
 
 #respond #cancel-comment-reply-link:hover {
     transform: scale(1.3)
 }
 
 .hentry {
     margin: 0 0 4.235801032em
 }
 
 .hentry .wp-post-image {
     margin-bottom: 1.618em;
     margin-left: auto;
     margin-right: auto
 }
 
 .hentry .entry-header {
     margin-bottom: 1em;
     border-bottom: 1px solid rgba(0, 0, 0, .05)
 }
 
 .hentry .entry-header .posted-on,
 .hentry .entry-header .post-author,
 .hentry .entry-header .post-comments,
 .hentry .entry-header .byline {
     font-size: .875em
 }
 
 .hentry .entry-header .posted-on a,
 .hentry .entry-header .post-author a,
 .hentry .entry-header .post-comments a,
 .hentry .entry-header .byline a {
     font-weight: 600;
     text-decoration: underline
 }
 
 .hentry .entry-header .posted-on a:hover,
 .hentry .entry-header .post-author a:hover,
 .hentry .entry-header .post-comments a:hover,
 .hentry .entry-header .byline a:hover {
     text-decoration: none
 }
 
 .hentry .entry-content a {
     text-decoration: underline
 }
 
 .hentry .entry-content a:hover {
     text-decoration: none
 }
 
 .hentry .entry-content a.button,
 .hentry .entry-content a.components-button:not(.is-link),
 .hentry .entry-content a.wp-block-button__link {
     text-decoration: none
 }
 
 .hentry .entry-taxonomy {
     margin: 1.41575em 0 0;
     padding-top: 1em;
     border-top: 1px solid rgba(0, 0, 0, .05)
 }
 
 .hentry.type-page .entry-header {
     border-bottom: 0;
     margin-bottom: 0
 }
 
 .cat-links,
 .tags-links {
     font-size: .875em
 }
 
 .cat-links a,
 .tags-links a {
     color: #727272;
     font-weight: 600;
     text-decoration: underline
 }
 
 .byline,
 .updated:not(.published) {
     display: none
 }
 
 .single .byline,
 .group-blog .byline {
     display: inline
 }
 
 .page-links {
     clear: both;
     margin: 0 0 1em
 }
 
 form {
     margin-bottom: 1.618em
 }
 
 button,
 input,
 select,
 textarea {
     font-size: 100%;
     margin: 0
 }
 
 button,
 input[type=button],
 input[type=reset],
 input[type=submit],
 .button,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
 .added_to_cart {
     border: 0;
     border-radius: 0;
     background: none;
     background-color: #43454b;
     border-color: #43454b;
     color: #fff;
     cursor: pointer;
     padding: .6180469716em 1.41575em;
     text-decoration: none;
     font-weight: 600;
     text-shadow: none;
     display: inline-block;
     -webkit-appearance: none
 }
 
 button::after,
 input[type=button]::after,
 input[type=reset]::after,
 input[type=submit]::after,
 .button::after,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,
 .added_to_cart::after {
     display: none
 }
 
 button.cta,
 button.alt,
 input[type=button].cta,
 input[type=button].alt,
 input[type=reset].cta,
 input[type=reset].alt,
 input[type=submit].cta,
 input[type=submit].alt,
 .button.cta,
 .button.alt,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,
 .added_to_cart.cta,
 .added_to_cart.alt {
     background-color: #382e2c;
     border-color: #382e2c
 }
 
 button.cta:hover,
 button.alt:hover,
 input[type=button].cta:hover,
 input[type=button].alt:hover,
 input[type=reset].cta:hover,
 input[type=reset].alt:hover,
 input[type=submit].cta:hover,
 input[type=submit].alt:hover,
 .button.cta:hover,
 .button.alt:hover,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,
 .added_to_cart.cta:hover,
 .added_to_cart.alt:hover {
     background-color: #382e2c
 }
 
 button:hover,
 input[type=button]:hover,
 input[type=reset]:hover,
 input[type=submit]:hover,
 .button:hover,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
 .added_to_cart:hover {
     color: #fff
 }
 
 button.loading,
 input[type=button].loading,
 input[type=reset].loading,
 input[type=submit].loading,
 .button.loading,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
 .added_to_cart.loading {
     opacity: .5
 }
 
 button.small,
 input[type=button].small,
 input[type=reset].small,
 input[type=submit].small,
 .button.small,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,
 .added_to_cart.small {
     padding: .5407911001em .875em;
     font-size: .875em
 }
 
 button.disabled,
 button:disabled,
 input[type=button].disabled,
 input[type=button]:disabled,
 input[type=reset].disabled,
 input[type=reset]:disabled,
 input[type=submit].disabled,
 input[type=submit]:disabled,
 .button.disabled,
 .button:disabled,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
 .added_to_cart.disabled,
 .added_to_cart:disabled {
     opacity: .5 !important;
     cursor: not-allowed
 }
 
 button.disabled:hover,
 button:disabled:hover,
 input[type=button].disabled:hover,
 input[type=button]:disabled:hover,
 input[type=reset].disabled:hover,
 input[type=reset]:disabled:hover,
 input[type=submit].disabled:hover,
 input[type=submit]:disabled:hover,
 .button.disabled:hover,
 .button:disabled:hover,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,
 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,
 .added_to_cart.disabled:hover,
 .added_to_cart:disabled:hover {
     opacity: .5 !important
 }
 
 .button.woocommerce-MyAccount-downloads-file {
     overflow-wrap: anywhere;
     word-break: break-word;
     -ms-word-break: break-all
 }
 
 .wc-block-components-button:not(.is-link).disabled,
 .wc-block-components-button:not(.is-link):disabled {
     opacity: .5;
     cursor: not-allowed
 }
 
 .wc-block-components-button:not(.is-link).disabled:hover,
 .wc-block-components-button:not(.is-link):disabled:hover {
     opacity: .5
 }
 
 input[type=checkbox],
 input[type=radio] {
     padding: 0
 }
 
 input[type=checkbox]+label,
 input[type=radio]+label {
     margin: 0 0 0 .3819820591em
 }
 
 input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 input[type=search] {
     box-sizing: border-box
 }
 
 input[type=search]::placeholder {
     color: #616161
 }
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0
 }
 
 input[type=text],
 input[type=number],
 input[type=email],
 input[type=tel],
 input[type=url],
 input[type=password],
 input[type=search],
 textarea,
 .input-text {
     padding: .6180469716em;
     background-color: #f2f2f2;
     color: #43454b;
     border: 0;
     -webkit-appearance: none;
     box-sizing: border-box;
     font-weight: 400;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125)
 }
 
 input[type=text]:focus,
 input[type=number]:focus,
 input[type=email]:focus,
 input[type=tel]:focus,
 input[type=url]:focus,
 input[type=password]:focus,
 input[type=search]:focus,
 textarea:focus,
 .input-text:focus {
     background-color: #ededed
 }
 
 textarea {
     overflow: auto;
     padding-left: .875em;
     vertical-align: top;
     width: 100%
 }
 
 label {
     font-weight: 400
 }
 
 label.inline input {
     width: auto
 }
 
 fieldset {
     padding: 1.618em;
     padding-top: 1em;
     border: 0;
     margin: 0;
     margin-bottom: 1.618em;
     margin-top: 1.618em
 }
 
 fieldset legend {
     font-weight: 600;
     padding: .6180469716em 1em;
     margin-left: -1em
 }
 
 [placeholder]:focus::-webkit-input-placeholder {
     -webkit-transition: opacity .5s .5s ease;
     transition: opacity .5s .5s ease;
     opacity: 0
 }
 
 .page-content img.wp-smiley,
 .entry-content img.wp-smiley,
 .comment-content img.wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
     display: inline-block;
     border-radius: 0
 }
 
 .wp-caption {
     margin-bottom: 1em;
     max-width: 100%
 }
 
 .wp-caption img[class*=wp-image-] {
     display: block;
     margin: 0 auto
 }
 
 .wp-caption .wp-caption-text {
     text-align: left;
     font-style: italic;
     border-bottom: 2px solid rgba(0, 0, 0, .05);
     padding: 1em 0
 }
 
 .gallery {
     margin-bottom: 1em
 }
 
 .gallery::before,
 .gallery::after {
     content: "";
     display: table
 }
 
 .gallery::after {
     clear: both
 }
 
 .gallery .gallery-item {
     float: left
 }
 
 .gallery .gallery-item .gallery-icon a {
     display: block
 }
 
 .gallery .gallery-item .gallery-icon img {
     border: none;
     height: auto;
     margin: 0 auto
 }
 
 .gallery .gallery-item .gallery-caption {
     margin: 0;
     text-align: center
 }
 
 .gallery.gallery-columns-1 .gallery-item {
     width: 100%
 }
 
 .gallery.gallery-columns-2 .gallery-item {
     width: 50%
 }
 
 .gallery.gallery-columns-3 .gallery-item {
     width: 33.3%
 }
 
 .gallery.gallery-columns-4 .gallery-item {
     width: 25%
 }
 
 .gallery.gallery-columns-5 .gallery-item {
     width: 20%
 }
 
 .gallery.gallery-columns-6 .gallery-item {
     width: 16.666666667%
 }
 
 .gallery.gallery-columns-7 .gallery-item {
     width: 14.285714286%
 }
 
 .gallery.gallery-columns-8 .gallery-item {
     width: 12.5%
 }
 
 .gallery.gallery-columns-9 .gallery-item {
     width: 11.111111111%
 }
 
 embed,
 iframe,
 object,
 video {
     max-width: 100%
 }
 
 .secondary-navigation {
     display: none
 }
 
 button.menu-toggle {
     cursor: pointer;
     text-align: left;
     float: right;
     position: relative;
     border: 2px solid rgba(0, 0, 0, 0);
     box-shadow: none;
     border-radius: 2px;
     background-image: none;
     padding: .6180469716em .875em .6180469716em 2.617924em;
     font-size: .875em;
     max-width: 120px
 }
 
 button.menu-toggle:hover {
     background-image: none
 }
 
 button.menu-toggle span::before {
     transition: all, ease, .2s
 }
 
 button.menu-toggle::before,
 button.menu-toggle::after,
 button.menu-toggle span::before {
     content: "";
     display: block;
     height: 2px;
     width: 14px;
     position: absolute;
     top: 50%;
     left: 1em;
     margin-top: -1px;
     transition: all, ease, .2s;
     border-radius: 3px
 }
 
 button.menu-toggle::before {
     transform: translateY(-4px)
 }
 
 button.menu-toggle::after {
     transform: translateY(4px)
 }
 
 .toggled button.menu-toggle::before,
 .toggled button.menu-toggle::after {
     transform: rotate(45deg)
 }
 
 .toggled button.menu-toggle::after {
     transform: rotate(-45deg)
 }
 
 .toggled button.menu-toggle span::before {
     opacity: 0
 }
 
 .primary-navigation {
     display: none
 }
 
 .main-navigation::before,
 .main-navigation::after {
     content: "";
     display: table
 }
 
 .main-navigation::after {
     clear: both
 }
 
 .main-navigation div.menu {
     display: none
 }
 
 .main-navigation div.menu:last-child {
     display: block
 }
 
 .main-navigation .menu {
     clear: both
 }
 
 .handheld-navigation,
 .nav-menu,
 .main-navigation div.menu>ul:not(.nav-menu) {
     overflow: hidden;
     max-height: 0;
     transition: all, ease, .8s
 }
 
 .handheld-navigation {
     clear: both
 }
 
 .handheld-navigation ul {
     margin: 0
 }
 
 .handheld-navigation ul.menu li {
     position: relative
 }
 
 .handheld-navigation ul.menu li button::after {
     transition: all, ease, .9s
 }
 
 .handheld-navigation ul.menu li button.toggled-on::after {
     transform: rotate(180deg)
 }
 
 .handheld-navigation ul.menu .sub-menu {
     visibility: hidden;
     opacity: 0;
     max-height: 0;
     transition: all, ease, .9s
 }
 
 .handheld-navigation ul.menu .sub-menu.toggled-on {
     visibility: visible;
     max-height: 9999px;
     opacity: 1
 }
 
 .handheld-navigation .dropdown-toggle {
     background: rgba(0, 0, 0, 0);
     position: absolute;
     top: 0;
     right: 0;
     display: block
 }
 
 .main-navigation.toggled .handheld-navigation,
 .main-navigation.toggled .menu>ul:not(.nav-menu),
 .main-navigation.toggled ul[aria-expanded=true] {
     max-height: 9999px
 }
 
 .main-navigation ul {
     margin-left: 0;
     list-style: none;
     margin-bottom: 0
 }
 
 .main-navigation ul ul {
     display: block;
     margin-left: 1.41575em
 }
 
 .main-navigation ul li a {
     padding: .875em 0;
     display: block
 }
 
 .main-navigation ul li a:hover {
     color: #e6e6e6
 }
 
 .site-main nav.navigation {
     clear: both;
     padding: 2.617924em 0
 }
 
 .site-main nav.navigation::before,
 .site-main nav.navigation::after {
     content: "";
     display: table
 }
 
 .site-main nav.navigation::after {
     clear: both
 }
 
 .site-main nav.navigation .nav-previous a,
 .site-main nav.navigation .nav-next a {
     display: inline-block
 }
 
 .site-main nav.navigation .nav-previous {
     float: left;
     width: 50%
 }
 
 .site-main nav.navigation .nav-next {
     float: right;
     text-align: right;
     width: 50%
 }
 
 .pagination,
 .woocommerce-pagination {
     padding: 1em 0;
     border: 1px solid rgba(0, 0, 0, .05);
     border-width: 1px 0;
     text-align: center;
     clear: both
 }
 
 .pagination ul.page-numbers::before,
 .pagination ul.page-numbers::after,
 .woocommerce-pagination ul.page-numbers::before,
 .woocommerce-pagination ul.page-numbers::after {
     content: "";
     display: table
 }
 
 .pagination ul.page-numbers::after,
 .woocommerce-pagination ul.page-numbers::after {
     clear: both
 }
 
 .pagination .page-numbers,
 .woocommerce-pagination .page-numbers {
     list-style: none;
     margin: 0;
     vertical-align: middle
 }
 
 .pagination .page-numbers li,
 .woocommerce-pagination .page-numbers li {
     display: inline-block
 }
 
 .pagination .page-numbers li .page-numbers,
 .woocommerce-pagination .page-numbers li .page-numbers {
     border-left-width: 0;
     display: inline-block;
     padding: .3342343017em .875em;
     background-color: rgba(0, 0, 0, .025);
     color: #43454b
 }
 
 .pagination .page-numbers li .page-numbers.current,
 .woocommerce-pagination .page-numbers li .page-numbers.current {
     background-color: #382e2c;
     border-color: #382e2c
 }
 
 .pagination .page-numbers li .page-numbers.dots,
 .woocommerce-pagination .page-numbers li .page-numbers.dots {
     background-color: rgba(0, 0, 0, 0)
 }
 
 .pagination .page-numbers li .page-numbers.prev,
 .pagination .page-numbers li .page-numbers.next,
 .woocommerce-pagination .page-numbers li .page-numbers.prev,
 .woocommerce-pagination .page-numbers li .page-numbers.next {
     padding-left: 1em;
     padding-right: 1em
 }
 
 .pagination .page-numbers li a.page-numbers:hover,
 .woocommerce-pagination .page-numbers li a.page-numbers:hover {
     background-color: rgba(0, 0, 0, .05)
 }
 
 .rtl .pagination a.next,
 .rtl .pagination a.prev,
 .rtl .woocommerce-pagination a.next,
 .rtl .woocommerce-pagination a.prev {
     transform: rotateY(180deg)
 }
 
 .widget {
     margin: 0 0 3.706325903em
 }
 
 .widget select {
     max-width: 100%
 }
 
 .widget .widget-search .search-submit {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     word-wrap: normal !important
 }
 
 .widget .widget-title,
 .widget .widgettitle {
     font-size: 1.41575em;
     letter-spacing: 0;
     border-bottom: 1px solid rgba(0, 0, 0, .05);
     padding: 0 0 1em;
     margin-bottom: 1em;
     font-weight: 300
 }
 
 .widget ul {
     margin-left: 0;
     list-style: none
 }
 
 .widget ul ul {
     margin-left: 1.618em
 }
 
 .widget-area .widget {
     font-size: .875em;
     font-weight: 400
 }
 
 .widget-area .widget h1.widget-title {
     font-size: 1.41575em
 }
 
 .widget-area .widget a {
     font-weight: 600;
     text-decoration: underline
 }
 
 .widget-area .widget a:hover {
     text-decoration: none
 }
 
 .widget-area .widget a.button,
 .widget-area .widget a.components-button:not(.is-link),
 .widget-area .widget a.wp-block-button__link {
     text-decoration: none
 }
 
 .widget-area .widget a.button {
     font-weight: 600 !important
 }
 
 .widget_search form:not(.wp-block-search),
 .widget_product_search form:not(.wp-block-search) {
     position: relative
 }
 
 .widget_search form:not(.wp-block-search) input[type=text],
 .widget_search form:not(.wp-block-search) input[type=search],
 .widget_product_search form:not(.wp-block-search) input[type=text],
 .widget_product_search form:not(.wp-block-search) input[type=search] {
     width: 100%
 }
 
 .widget_search form:not(.wp-block-search) input[type=submit],
 .widget_search form:not(.wp-block-search) button[type=submit],
 .widget_product_search form:not(.wp-block-search) input[type=submit],
 .widget_product_search form:not(.wp-block-search) button[type=submit] {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     word-wrap: normal !important;
     top: 0;
     left: 0
 }
 
 .widget_recent_entries ul,
 .widget_pages ul,
 .widget_categories ul,
 .widget_archive ul,
 .widget_recent_comments ul,
 .widget_nav_menu ul,
 .widget_links ul,
 .widget_product_categories ul,
 .widget_layered_nav ul,
 .widget_layered_nav_filters ul {
     margin: 0
 }
 
 .widget_recent_entries ul li,
 .widget_pages ul li,
 .widget_categories ul li,
 .widget_archive ul li,
 .widget_recent_comments ul li,
 .widget_nav_menu ul li,
 .widget_links ul li,
 .widget_product_categories ul li,
 .widget_layered_nav ul li,
 .widget_layered_nav_filters ul li {
     list-style: none;
     margin-bottom: 1em;
     line-height: 1.41575em
 }
 
 .widget_recent_entries ul .children,
 .widget_pages ul .children,
 .widget_categories ul .children,
 .widget_archive ul .children,
 .widget_recent_comments ul .children,
 .widget_nav_menu ul .children,
 .widget_links ul .children,
 .widget_product_categories ul .children,
 .widget_layered_nav ul .children,
 .widget_layered_nav_filters ul .children {
     margin-left: 0;
     margin-top: 1em
 }
 
 #wp-calendar th,
 #wp-calendar td,
 .wp-calendar-table th,
 .wp-calendar-table td {
     padding: .236em;
     text-align: center
 }
 
 .widget_recent_entries ul ul.children,
 .widget_pages ul ul.children {
     margin: .6180469716em 0 0 1.41575em
 }
 
 .widget_rating_filter .wc-layered-nav-rating {
     margin-bottom: .6180469716em
 }
 
 .widget_rating_filter .wc-layered-nav-rating a {
     text-decoration: none !important
 }
 
 .widget_rating_filter .wc-layered-nav-rating .star-rating {
     display: inline-block;
     height: 1em;
     line-height: 1
 }
 
 .post-type-archive-product.display-list ul.products li.product {
     float: none;
     width: 100%;
     display: flex;
     flex-direction: row;
     padding-bottom: 10px;
     border-bottom: 1px solid #00263e;
     margin-bottom: 10px;
     justify-content: space-between;
   }
   .post-type-archive-product.display-list ul.products li.product img {
     display: none;
   }
   .post-type-archive-product.display-list ul.products li.product a {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     flex-grow: 1;
   }
   .post-type-archive-product.display-list
     ul.products
     li.product
     a
     div.customer-custom-container {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
   }
   .post-type-archive-product.display-list
     ul.products
     li.product
     a
     div.sku-price-container {
     display: flex;
     flex-direction: column;
     align-items: end;
     justify-content: space-between;
   }
   .post-type-archive-product.display-list ul.products li.product a h2,
   .post-type-archive-product.display-list ul.products li.product a .price {
     min-height: 0;
     margin: 0;
     padding: 0;
   }
   
   .post-type-archive-product.display-list
     ul.products
     li.product
     a
     .customer-custom-container {
     color: #000;
   }
   
   .post-type-archive-product.display-list
     ul.products
     li.product
     a
     .customer-custom-container
     .customer-product-in-cart {
     font-weight: bold;
   }
   
   .post-type-archive-product.display-list
     ul.products
     li.product
     .woocommerce_loop_add_to_cart_container {
     margin-left: 30px;
   }
   
   .post-type-archive-product.display-list
     .storefront-sorting
     .woocommerce-ordering
     .orderby {
     display: block !important;
   }  
 
 button[name="woocommerce_checkout_place_order"] {
     background-color: #DDAD33 !important; /* Change to your preferred color */
     color: #382E2C !important;
     border: none;
     padding: 10px 20px;
     font-size: 20px;
     font-family: 'Oswald', sans-serif;
     font-weight: normal;
 }
 
 article#post-2278 .entry-title, article#post-9010 .entry-title{
     color: #382E2C !important;
     font-size: 40px; /* Adjust size */
     font-family: 'Oswald', sans-serif;
     font-weight: bold; /* Make it bold */
 }
 
 article#post-18459 .entry-title, article#post-18483 .entry-title {
     color: #382E2C !important; /* Change text color */
     font-family: 'Oswald', sans-serif;
     font-size: 32px; /* Change font size */
     font-weight: 440; /* Make it bold */
     text-transform: uppercase; /* Optional: Uppercase */
 }


/*.woocommerce-checkout, .woocommerce-checkout #customer_details, .woocommerce-checkout #order_review {
    color: #382E2C !important;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}*/

/* Appliquer la police Oswald uniquement au contenu du checkout */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
    color: #382E2C !important;
    font-size: 14px; /* Ajuste la taille */
    font-family: 'Oswald', sans-serif !important; /* Forcer la police */
    font-weight: 400; /* Normal */
}

#order_review_heading {
    font-size: 24px !important;
}

.woocommerce-billing-fields h3 {
    color: #382E2C !important;
    font-size: 24px; /* Ajuste la taille */
    font-family: 'Oswald', sans-serif !important; /* Forcer la police */
    font-weight: 400; /* Normal */
}

 .beta.site-title {
     font-size: 24px; /* Adjust size */
     font-weight: 440; /* Make it bold */
     color: #382E2C !important;
     text-transform: uppercase; /* Optional: Uppercase */
     font-family: 'Oswald', sans-serif; /* Change font */
 }
 
 .input-text.qty.text {
    background-color: white !important;
}

.wc-proceed-to-checkout a {
    background-color: #382E2C !important; /* Change to your preferred color */
    font-weight: 440; /* Make it bold */
    font-family: 'Oswald', sans-serif; /* Change font */
    font-size: 18px; /* Adjust size */
}

#post-2277 .entry-content, #post-9008 .entry-content {
    font-family: 'Crimson Pro', serif;
}

.readonly-select {
    pointer-events: none; /* Désactive l'interaction */
}

body.page-id-2277 #primary, body.page-id-9008 #primary {
    width: 100%; /* Adapte la largeur */
    max-width: 100%; /* Empêche de dépasser */
}

 @media(min-width: 768px) {
 
     table.shop_table_responsive tbody tr td,
     table.shop_table_responsive tbody tr th {
         text-align: left
     }
 
     .site-header {
         padding-top: 2.617924em;
         padding-bottom: 0
     }
 
     .site-header .site-branding {
         display: block;
         width: 100%;
         float: left;
         margin-left: 0;
         margin-right: 0;
         clear: both
     }
 
     .site-header .site-branding img {
         height: auto;
         max-width: 230px;
         max-height: none
     }
 
     .woocommerce-active .site-header .site-branding {
         width: 73.9130434783%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .woocommerce-active .site-header .site-search {
         width: 21.7391304348%;
         float: right;
         margin-right: 0;
         clear: none
     }
 
     .woocommerce-active .site-header .main-navigation {
         width: 73.9130434783%;
         float: left;
         margin-right: 4.347826087%;
         clear: both
     }
 
     .woocommerce-active .site-header .site-header-cart {
         width: 21.7391304348%;
         float: right;
         margin-right: 0;
         margin-bottom: 0
     }
 
     .storefront-secondary-navigation .site-header .site-branding {
         width: 39.1304347826%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .storefront-secondary-navigation .site-header .secondary-navigation {
         width: 56.5217391304%;
         float: right;
         margin-right: 0
     }
 
     .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
         width: 21.7391304348%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
         width: 47.8260869565%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .site-branding .site-description {
         margin-bottom: 0;
         display: block
     }
 
     .site-branding,
     .site-search,
     .site-header-cart,
     .site-logo-anchor,
     .site-logo-link,
     .custom-logo-link {
         margin-bottom: 1.41575em
     }
 
     .site-header .subscribe-and-connect-connect {
         float: right;
         margin-bottom: 1em
     }
 
     .site-header .subscribe-and-connect-connect .icons {
         list-style: none;
         margin: 0
     }
 
     .site-header .subscribe-and-connect-connect .icons a {
         font-size: 1em !important
     }
 
     .site-header .subscribe-and-connect-connect .icons li {
         margin: 0 0 0 .5407911001em !important;
         display: inline-block
     }
 
     .col-full {
         max-width: 66.4989378333em;
         margin-left: auto;
         margin-right: auto;
         padding: 0 2.617924em;
         box-sizing: content-box
     }
 
     .col-full::before,
     .col-full::after {
         content: "";
         display: table
     }
 
     .col-full::after {
         clear: both
     }
 
     .col-full:after {
         content: " ";
         display: block;
         clear: both
     }
 
     .site-content::before,
     .site-content::after {
         content: "";
         display: table
     }
 
     .site-content::after {
         clear: both
     }
 
     .content-area {
         width: 73.9130434783%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .widget-area {
         width: 21.7391304348%;
         float: right;
         margin-right: 0
     }
 
     .right-sidebar .content-area {
         width: 73.9130434783%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .right-sidebar .widget-area {
         width: 21.7391304348%;
         float: right;
         margin-right: 0
     }
 
     .left-sidebar .content-area {
         width: 73.9130434783%;
         float: right;
         margin-right: 0
     }
 
     .left-sidebar .widget-area {
         width: 21.7391304348%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .storefront-full-width-content .content-area {
         width: 100%;
         float: left;
         margin-left: 0;
         margin-right: 0
     }
 
     .content-area,
     .widget-area {
         margin-bottom: 2.617924em
     }
 
     .page-template-template-fullwidth-php .content-area,
     .page-template-template-homepage-php .content-area {
         width: 100%;
         float: left;
         margin-left: 0;
         margin-right: 0
     }
 
     .footer-widgets {
         padding-top: 4.235801032em;
         border-bottom: 1px solid rgba(0, 0, 0, .05)
     }
 
     .footer-widgets::before,
     .footer-widgets::after {
         content: "";
         display: table
     }
 
     .footer-widgets::after {
         clear: both
     }
 
     .footer-widgets.col-2 .block {
         width: 47.8260869565%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .footer-widgets.col-2 .block.footer-widget-2 {
         float: right;
         margin-right: 0
     }
 
     .footer-widgets.col-3 .block {
         width: 30.4347826087%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .footer-widgets.col-3 .block.footer-widget-3 {
         float: right;
         margin-right: 0
     }
 
     .footer-widgets.col-4 .block {
         width: 21.7391304348%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .footer-widgets.col-4 .block.footer-widget-4 {
         float: right;
         margin-right: 0
     }
 
     .comment-list::before,
     .comment-list::after {
         content: "";
         display: table
     }
 
     .comment-list::after {
         clear: both
     }
 
     .comment-list .comment {
         clear: both
     }
 
     .comment-list .comment-meta {
         width: 17.6470588235%;
         float: left;
         margin-right: 5.8823529412%;
         text-align: right
     }
 
     .comment-list .comment-meta .avatar {
         float: right
     }
 
     .comment-list .comment-content {
         padding-bottom: 3.706325903em;
         margin-bottom: 3.706325903em
     }
 
     .comment-list .comment-content,
     .comment-list #respond {
         width: 76.4705882353%;
         float: right;
         margin-right: 0
     }
 
     .comment-list #respond {
         float: right
     }
 
     .comment-list #respond .comment-form-author,
     .comment-list #respond .comment-form-email,
     .comment-list #respond .comment-form-url {
         width: 100%;
         margin-right: 0
     }
 
     .comment-list .comment-body #respond {
         box-shadow: 0 6px 2em rgba(0, 0, 0, .2);
         margin-bottom: 2.617924em;
         margin-top: -1.618em
     }
 
     .comment-list .reply {
         clear: both;
         text-align: right
     }
 
     .comment-list ol.children {
         width: 88.2352941176%;
         float: right;
         margin-right: 0;
         list-style: none
     }
 
     .comment-list ol.children .comment-meta {
         width: 20%;
         float: left;
         margin-right: 6.6666666667%
     }
 
     .comment-list ol.children .comment-content,
     .comment-list ol.children #respond {
         width: 73.3333333333%;
         float: right;
         margin-right: 0
     }
 
     .comment-list ol.children ol.children {
         width: 86.6666666667%;
         float: right;
         margin-right: 0
     }
 
     .comment-list ol.children ol.children .comment-meta {
         width: 23.0769230769%;
         float: left;
         margin-right: 7.6923076923%
     }
 
     .comment-list ol.children ol.children .comment-content,
     .comment-list ol.children ol.children #respond {
         width: 69.2307692308%;
         float: right;
         margin-right: 0
     }
 
     .comment-list ol.children ol.children ol.children {
         width: 84.6153846154%;
         float: right;
         margin-right: 0
     }
 
     .comment-list ol.children ol.children ol.children .comment-meta {
         width: 27.2727272727%;
         float: left;
         margin-right: 9.0909090909%
     }
 
     .comment-list ol.children ol.children ol.children .comment-content,
     .comment-list ol.children ol.children ol.children #respond {
         width: 63.6363636364%;
         float: right;
         margin-right: 0
     }
 
     .comment-list ol.children ol.children ol.children ol.children {
         width: 81.8181818182%;
         float: right;
         margin-right: 0
     }
 
     .comment-list ol.children ol.children ol.children ol.children .comment-meta {
         width: 33.3333333333%;
         float: left;
         margin-right: 11.1111111111%
     }
 
     .comment-list ol.children ol.children ol.children ol.children .comment-content,
     .comment-list ol.children ol.children ol.children ol.children #respond {
         width: 55.5555555556%;
         float: right;
         margin-right: 0
     }
 
     #respond {
         padding: 2.617924em
     }
 
     #respond .comment-form-author,
     #respond .comment-form-email,
     #respond .comment-form-url {
         width: 29.4117647059%;
         float: left;
         margin-right: 5.8823529412%
     }
 
     #respond .comment-form-url {
         float: right;
         margin-right: 0
     }
 
     #respond .comment-form-comment {
         clear: both
     }
 
     .hentry .entry-header {
         margin-bottom: 2.617924em
     }
 
     .menu-toggle,
     .handheld-navigation,
     .main-navigation.toggled .handheld-navigation,
     .main-navigation.toggled div.menu {
         display: none
     }
 
     .primary-navigation {
         display: block
     }
 
     .main-navigation,
     .secondary-navigation {
         clear: both;
         display: block;
         width: 100%
     }
 
     .main-navigation ul,
     .secondary-navigation ul {
         list-style: none;
         margin: 0;
         padding-left: 0;
         display: block
     }
 
     .main-navigation ul li,
     .secondary-navigation ul li {
         position: relative;
         display: inline-block;
         text-align: left
     }
 
     .main-navigation ul li a,
     .secondary-navigation ul li a {
         display: block
     }
 
     .main-navigation ul li a::before,
     .secondary-navigation ul li a::before {
         display: none
     }
 
     .main-navigation ul li:hover>ul,
     .main-navigation ul li.focus>ul,
     .secondary-navigation ul li:hover>ul,
     .secondary-navigation ul li.focus>ul {
         left: 0;
         display: block
     }
 
     .main-navigation ul li:hover>ul li>ul,
     .main-navigation ul li.focus>ul li>ul,
     .secondary-navigation ul li:hover>ul li>ul,
     .secondary-navigation ul li.focus>ul li>ul {
         left: -9999px
     }
 
     .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,
     .main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,
     .secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,
     .secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device {
         display: none;
         left: 0
     }
 
     .main-navigation ul li:hover>ul li:hover>ul,
     .main-navigation ul li:hover>ul li.focus>ul,
     .main-navigation ul li.focus>ul li:hover>ul,
     .main-navigation ul li.focus>ul li.focus>ul,
     .secondary-navigation ul li:hover>ul li:hover>ul,
     .secondary-navigation ul li:hover>ul li.focus>ul,
     .secondary-navigation ul li.focus>ul li:hover>ul,
     .secondary-navigation ul li.focus>ul li.focus>ul {
         left: 100%;
         top: 0;
         display: block
     }
 
     .main-navigation ul ul,
     .secondary-navigation ul ul {
         float: left;
         position: absolute;
         top: 100%;
         z-index: 99999;
         left: -9999px
     }
 
     .main-navigation ul ul.sub-menu--is-touch-device,
     .secondary-navigation ul ul.sub-menu--is-touch-device {
         display: none;
         left: 0
     }
 
     .main-navigation ul ul li,
     .secondary-navigation ul ul li {
         display: block
     }
 
     .main-navigation ul ul li a,
     .secondary-navigation ul ul li a {
         width: 200px
     }
 
     ul.menu li.current-menu-item>a {
         color: #43454b
     }
 
     .storefront-primary-navigation {
         clear: both
     }
 
     .storefront-primary-navigation::before,
     .storefront-primary-navigation::after {
         content: "";
         display: table
     }
 
     .storefront-primary-navigation::after {
         clear: both
     }
 
     .main-navigation div.menu {
         display: block
     }
 
     .main-navigation ul.menu,
     .main-navigation ul.nav-menu {
         max-height: none;
         overflow: visible;
         margin-left: -1em;
         transition: none
     }
 
     .main-navigation ul.menu>li>a,
     .main-navigation ul.nav-menu>li>a {
         padding: 1.618em 1em
     }
 
     .main-navigation ul.menu>li.menu-item-has-children:hover::after,
     .main-navigation ul.menu>li.page_item_has_children:hover::after,
     .main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,
     .main-navigation ul.nav-menu>li.page_item_has_children:hover::after {
         display: block
     }
 
     .main-navigation ul.menu ul,
     .main-navigation ul.nav-menu ul {
         margin-left: 0
     }
 
     .main-navigation ul.menu ul li a,
     .main-navigation ul.nav-menu ul li a {
         padding: .875em 1.41575em;
         font-weight: 400;
         font-size: .875em
     }
 
     .main-navigation ul.menu ul li:last-child,
     .main-navigation ul.nav-menu ul li:last-child {
         border-bottom: 0
     }
 
     .main-navigation ul.menu ul ul,
     .main-navigation ul.nav-menu ul ul {
         margin-left: 0;
         box-shadow: none
     }
 
     .main-navigation ul.menu ul a:hover,
     .main-navigation ul.menu ul li:hover>a,
     .main-navigation ul.menu ul li.focus,
     .main-navigation ul.nav-menu ul a:hover,
     .main-navigation ul.nav-menu ul li:hover>a,
     .main-navigation ul.nav-menu ul li.focus {
         background-color: rgba(0, 0, 0, .025)
     }
 
     .main-navigation a {
         padding: 0 1em 2.2906835em
     }
 
     .secondary-navigation {
         margin: 0 0 1.618em;
         width: auto;
         clear: none;
         line-height: 1
     }
 
     .secondary-navigation .menu {
         font-size: .875em;
         width: auto;
         float: right
     }
 
     .secondary-navigation .menu>li:hover>a {
         text-decoration: none
     }
 
     .secondary-navigation .menu ul a {
         padding: .326em .875em;
         background: rgba(0, 0, 0, .05)
     }
 
     .secondary-navigation .menu ul li:first-child a {
         padding-top: 1em
     }
 
     .secondary-navigation .menu ul li:last-child a {
         padding-bottom: 1em
     }
 
     .secondary-navigation .menu ul ul {
         margin-top: -.6180469716em
     }
 
     .secondary-navigation .menu a {
         padding: 1em .875em;
         color: #737781;
         font-weight: 400
     }
 
     .secondary-navigation .menu a:hover {
         text-decoration: none
     }
 
     .error404 .fourohfour-columns-2 .col-1 {
         width: 47.8260869565%;
         float: left;
         margin-right: 4.347826087%
     }
 
     .error404 .fourohfour-columns-2 .col-1 ul.products {
         margin-bottom: 0
     }
 
     .error404 .fourohfour-columns-2 .col-2 {
         width: 47.8260869565%;
         float: right;
         margin-right: 0
     }
 }
 
 @media(max-width: 66.4989378333em) {
     .col-full {
         margin-left: 2.617924em;
         margin-right: 2.617924em;
         padding: 0
     }
 }
 
 @media(max-width: 568px) {
     .col-full {
         margin-left: 1.41575em;
         margin-right: 1.41575em;
         padding: 0
     }
 }
  body.page-id-2278 #primary, body.page-id-9010 #primary {
    width: 100%; /* Adapte la largeur */
    max-width: 100%; /* Empêche de dépasser */
}

.xoo-wsc-container {
    font-family: "Crimson Pro", sans-serif; /* Remplacez "Arial" par la police souhaitée */
}

.xoo-wsc-footer .xoo-wsc-ft-buttons-cont {
    font-family: "Crimson Pro"; /* Ou spécifiez une autre police si nécessaire */
}

.xoo-wsc-ft-buttons-cont a {
    font-size: 18px;
    font-weight: 440; /* Make it bold */
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

/* Appliquer la police Oswald en poids normal à la navigation principale */
.primary-navigation, h1.woocommerce-products-header__title.page-title,
.page-id-2279 .entry-title, .page-id-9012 .entry-title,
.page-id-19294 .entry-title, .page-id-19298 .entry-title {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 400 !important; /* 400 correspond au poids normal */
}



/* Modifier la police sur la page "Mon compte" */
.woocommerce-account, #post-18459, #post-18483,
.page-id-19294 .entry-content, .page-id-19298 .entry-content {
    font-family: "Crimson Pro", sans-serif;
}

/* Ajouter un contour gris aux champs de saisie sur la page de validation de commande */
.woocommerce-checkout .input-text {
    background-color: transparent; /* Fond transparent */
    border: 1px solid #cccccc; /* Contour gris */
    padding: 10px; /* Ajuste l'espacement à l'intérieur du champ (facultatif) */
}

.wcpt-minus.wcpt-qty-controller.wcpt-noselect,
.wcpt-plus.wcpt-qty-controller.wcpt-noselect {
    background-color: white;
}



/* Modifier la police sur la page boutique de WooCommerce */
.woocommerce-page .site-main {
    font-family: "Crimson Pro", sans-serif;
}

/* Appliquer la police Oswald aux boutons "Ajouter au panier" */
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .button.product_type_simple {
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    background-color: #382e2c;
    color: white;
    text-transform: uppercase;
}

.gamma.widget-title {
    font-family: 'Oswald', sans-serif;
}

.woocommerce-widget-layered-nav-list,
.woocommerce-widget-layered-nav-list li,
.product-categories,
#woocommerce-product-search-field-0::placeholder,
#woocommerce-product-search-field-1::placeholder {
    font-family: 'Crimson Pro', serif;
}

.main-navigation.toggled, .woocommerce-button.woocommerce-form-login__submit, .woocommerce-button.woocommerce-form-register__submit,
.woocommerce-Button.button, td.actions button[name="update_cart"], .woocommerce-Price-amount.amount, .count {
    font-family: "Oswald", sans-serif;
}

.wcpt-button.wcpt-noselect.wcpt-button-cart_ajax,
.site-footer,
.site-footer a {
    background-color: #382e2c !important;
    color: white !important;
}

.site-info {
    font-family: 'Oswald', sans-serif;
}

#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-footer {
    margin-top: auto;
}

.site-footer {
    padding: 0.405em 0 0.927em !important;
}

.site-info {
    padding: 1em 0
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 4.5em; /* Ajuste selon la taille de la police (1.5em par ligne) */
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.page-id-2279 .content-area,
.page-id-9012 .content-area,
.page-id-18459 .content-area,
.page-id-18483 .content-area,
.page-id-19294 .content-area,
.page-id-19298 .content-area {
    width: 100% !important;
    max-width: 1200px;
    margin: 0 auto;
}

.page-id-2279 .content-area,
.page-id-9012 .content-area,
.page-id-18459 .content-area,
.page-id-18483 .content-area,
.page-id-19294 .content-area,
.page-id-19298 .content-area {
    width: 100%;
}

/* Changer la couleur du texte des articles du panier */
.woocommerce-mini-cart-item a {
    color: #383e2c !important; /* Remplace par la couleur souhaitée */
}

/* Changer la couleur de la quantité */
.woocommerce-mini-cart-item .quantity {
    color: #383e2c !important; /* Ajuste la couleur selon ton design */
}

/* Changer la couleur des prix */
.woocommerce-mini-cart-item .woocommerce-Price-amount,
.woocommerce-mini-cart__total {
    color: #383e2c !important; /* Orange par exemple, remplace si besoin */
}

/* Changer la couleur du sous-total */
.woocommerce-mini-cart__total span {
    color: #383e2c !important; /* Rouge par exemple */
}

/* Remplacez 19294 par l’ID réel de la page sur laquelle vous souhaitez cacher la sidebar */
.page-id-19294 .sidebar.col-sm-12.col-md-4,
.page-id-19298 .sidebar.col-sm-12.col-md-4 {
    display: none !important;
}

body:not(.logged-in) .xoo-wsc-markup-notices,
body:not(.logged-in) .xoo-wsc-markup.xoo-wsc-align-right {
    display: none !important;
}
