/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
:root,
[data-bs-theme=light] {
	--jj-background: #EEE8DC;
	--jj-light-background: #F5F1EA;
	--jj-text-color: #384669;
	--jj-secondary-text-color: #6F6A64;
	--bs-body-bg: var(--jj-background);
	--bs-body-bg-rgb: 238, 232, 220;
	--bs-link-color: var(--jj-text-color);
	--bs-link-color-rgb: 56, 70, 105;
}

.btn-primary {
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #646f68;
	--bs-btn-disabled-border-color: #464e49
}

.main-menu__tree>li .menu-container {
	background-color: var(--jj-light-background);
	
}

.header-top {
	--header-top-border-bottom: 1px solid var(--jj-text-color);
	--header-bottom-border-bottom: 1px solid var(--jj-text-color)
}

.btn-primary {
	--bs-btn-bg: var(--jj-secondary-text-color);
    --bs-btn-border-color: var(--jj-secondary-text-color);
}

.btn-outline-primary {
	--bs-btn-color: var(--jj-secondary-text-color);
	--bs-btn-border-color: var(--jj-secondary-text-color);
}

.accordion {
	--bs-accordion-color: var(--bs-body-color);
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: 0;
	--bs-accordion-border-radius: var(--bs-border-radius);
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 0.5rem;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23363a41' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
	--bs-accordion-btn-icon-width: 1rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23363a41' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 0.5rem;
	--bs-accordion-active-color: #6F6A64;
	--bs-accordion-active-bg: #D8CBBE
}

.page-product .product__images .carousel {
	background-color: var(--jj-light-background);
}

.email-subscription {
	background-color: var(--jj-light-background);
}

.accordion-button:not(.collapsed):after {
	color: var(--bs-accordion-active-color);
}

.accordion-button:after {
	color: var(--bs-accordion-active-color);
}
.header {
	--header-bg: var(--jj-background);
	--header-top-bg: var(--jj-light-background);
	background-color: var(--header-bg);
}
.custom-checkbox input[type=checkbox]+span.color, .variant-links .color, label .color{
	height: 4.5rem;
	width: 4.5rem
}


.product-miniature .product-miniature__variants .variant-links .color{
	height: 1.5rem;
	width: 1.5rem
}

.breadcrumb__wrapper {
	background: var(--bs-body-bg);
}
.page-product .product__infos .accordion-button {
	font-size: 1.25rem;
	font-weight: 700;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: var(--bs-accordion-btn-padding-x);
	padding-right: var(--bs-accordion-btn-padding-x);
}
.footer {
	--footer-background-color: var(--jj-secondary-text-color);
}

.footer .footer__main {
	background: var(--footer-background-color);
}	

.carousel-caption {
	color: var(--jj-secondary-text-color);
}

.card {
	--bs-card-bg: var(--jj-light-background);
}

.cart-summary,
.cart-summary .card-footer {
	background-color: var(--jj-light-background);
}

.product-miniature .product-miniature__infos__bottom,
.product-miniature .product-miniature__infos__top {
	background-color: inherit;
}