.bg-darkgreen {
    background-color: #1F443C;
}

.bg-dark {
    background-color: #181A17;
}

.bg-pink {
    background-color: #FCD3FD66;
}

.color-white {
    color: #fff;
}

.bold-500 {
    font-weight: 500;
}

.bold-600 {
    font-weight: 600;
}

.login-page {
    padding: 0 20px !important;
    justify-content: center !important;
}

.login-page .login-section {
    background-color: #F8F8F8;
    border-radius: 3px;
}

.mw-1500 {
    max-width: 1500px;
}

.aPropos-container {
    padding: 0 0 30px;
}

#articlesAccueil .sous-titre {
    margin: 0 0 15px;
}

.padding-block {
    padding: 50px 30px;
}

.padding-block.padding-x {
    padding: 50px 0;
}

.padding-block.padding-y {
    padding: 0 50px;
}

.apropos-img {
    width: 50%;
    display: flex;
    justify-content: end;
}

.apropos-text {
    width: 50%;
}

.apropos-img img {
    width: 100%;
}

.suitePropos-content {
    gap: 50px;
}

.back-image {
    position: absolute;
    bottom: 5px;
    left: 10px;
    z-index: -1;
}

.menu-exemple {
	max-width: 55%;
}

.menu-exemple a {
	font-weight: 600 !important;
	line-height: 19.5px;
	letter-spacing: 0.07em;
    text-transform: uppercase;
}

.wp-block-columns p {
    margin: 25px 0;
}

.wp-block-columns .wp-block-image {
      display: flex;
      justify-content: end;
}

.wp-block-columns .wp-block-image img {
      width: 100%;
      max-width: 700px;
}

.wp-block-columns h2 {
	font-size: 27px;
	font-weight: 600;
	line-height: 120%;
}

.about-us-container h2 {
	margin: 0 0 40px 0;
}

.wp-block-columns.alignwide {
    max-width: 1500px;
    margin: 0 auto 50px;
}

.wp-block-columns p:first-child, .wp-block-columns p:last-child {
    margin: 0;
}

.mention-legales-block p {
    margin: 0 0 40px;
}

.mention-legales-block h2 {
    margin: 0 0 20px;
}

.wp-block-column a {
    text-decoration: underline;
}

.wp-block-column a:hover {
    color: #6AAB2F;
}

.cgv-block strong {
    font-weight: 600 !important;
}

.cgv-block p {
    margin: 15px 0;
}

.cgv-block h2 {
    margin: 50px 0 25px;
}

.cgv-block h2:first-child {
    margin: 0 0 25px;
}

.text-underline {
    text-decoration: underline;
}

.layout-container[data-alias="homepage"] #mainPage .container#listing-articles {
	max-width: 1500px !important;
    margin-bottom: 0;
}

#fiche-article #colonneInfos {
	background: none;
	padding: 0 20px 35px 20px;
}

#tabs-article {
	display: none;
}

#listing-articles .article .imgArticle {
	border: none;
	padding: 0;
}

#fiche-article #colonneInfos #refArticle {
    display: none;
}

.reassurance-link {
	text-decoration: underline;
}

.age-verification-form {
	background-color: #F8F8F8;
	border-radius: 3px;
	padding: 100px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	max-width: 750px;
	margin: 0 auto;
    margin-top: 40px;
}

.layout-container[data-alias="age-verification"] #pre-header,
.layout-container[data-alias="age-verification"] #menuHeader,
.layout-container[data-alias="age-verification"] #webSiteInformation,
.layout-container[data-alias="age-verification"] #footer{
	display: none;
}

#age-verification-form::before {
    font-size: 28px;
    font-weight: 800;
}

html[lang="fr"] #age-verification-form::before {
    content: "Vous devez avoir plus de 18 ans pour accéder au site";
}

html[lang="en"] #age-verification-form::before {
    content: "You must be over 18 years old to access the site";
}

.description-longue-categorie {
	line-break: anywhere;
}

#edit-dob {
    background: #FCD3FD66 !important;
    border-radius: 30px !important;
    border: 0;
    padding: 10px 20px !important;
    width: fit-content;
    margin: auto;
}

.form-item-dob.js-form-item-dob {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#age-verification-form #edit-submit {
      color: #FFF !important;
      background-color: #6AAB2F !important;
      border: 1px solid #6AAB2F !important;
}

/*hide stock status*/
#dispoArticle {
	display: none !important;
}

@media screen and (max-width: 920px) {
    #liste-articles .relative.flex.flex-col.justify-center.items-center.py-8.sm\:p-4 {
        padding: 20px;
    }
    .cart-no-article .titre {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 860px) {
    #colonneCoordonnees .flex.flex-wrap.lg\:flex-col.gap-x-20.gap-y-6.lg\:gap-6.mb-6 {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #colonneCoordonnees div[class^="titre-"] {
        margin: 30px auto 5px;
        padding: 30px 0 0;
        background-position: center top;
        font-size: 20px;
    }
    .google-map {
        margin-left: 0;
        margin-right: 0;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.10);
    }
}

@media screen and (max-width: 639px) {
    #age-verification-form {
        padding: 40px 20px;
    }
}

@media screen and (max-width: 470px) {
    #age-verification-form::before {
        font-size: 20px;
    }
}

@media screen and (min-width: 400px) and (max-width: 639px) {
    .article-hover .button {
        font-size: 13px !important;
    }
    #product-list-results #listing-articles {
        row-gap: 50px;
    }
}