@charset "UTF-8";
/*
Si vous n'utilisez pas un compileur scss/sass, utilisez /style.css au lieu de /css/style.css
*/
:root {
  --sidebar-width: auto;
  --sidebar-content-padding: 2rem;
  --sidebar-content-padding-right: calc(1.5rem + var(--sidebar-content-padding));
  --panel-max-width: calc(100vw - var(--sidebar-content-padding-right));
  --content-bg-color: #e9eff4;
  --thumbnail-width: 25%;
}

a {
  cursor: pointer;
}

@media (min-width: 1400px) {
  body {
    --sidebar-width: 100%;
    --panel-max-width: 25vw;
  }
  body:has(.sidebar-menu) #header {
    padding-left: calc(1rem + var(--sidebar-content-padding-right));
  }
  .sidebar-menu {
    z-index: 2000 !important;
  }
  .prefooter > div {
    padding-left: var(--sidebar-content-padding-right);
  }
}
@media (max-width: 768px) {
  body {
    --thumbnail-width: 50%;
  }
  .panel {
    --sidebar-content-padding: 1rem;
  }
}
@media (max-width: 572px) {
  body {
    --sidebar-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  body {
    --thumbnail-width: 33%;
  }
  .sidebar-menu.open .panel {
    --panel-new-width: var(--sidebar-inline-width, 0rem);
    --panel-max-width: max(calc(100vw - var(--panel-new-width)), 25vw);
  }
}
#main-contenu {
  position: relative;
  background-color: var(--content-bg-color);
}
#main-contenu .wp-block-group.lm-accordeon > h3:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M272 16c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 224L16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l224 0 0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224 224 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-224 0 0-224z'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 1rem auto;
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border-radius: 40px;
  padding: 0.5rem;
}
#main-contenu .wp-block-group.lm-accordeon > h3:hover,
#main-contenu .wp-block-group.lm-accordeon > h3.is-open {
  color: var(--main-color);
  background: transparent;
}
#main-contenu .wp-block-group.lm-accordeon > h3.is-open:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z'/%3E%3C/svg%3E");
}
#main-contenu .wp-block-group.lm-accordeon > div {
  padding-top: 0px !important;
}

.dropzoneinfo > div {
  display: flex;
}

#main-contenu:not(:has(.sidebar-menu)) .page-title,
.page-template-template-fullpage-blank .page-title {
  display: none;
}

.page-template-template-fullpage-blank #main-contenu {
  --mobile-content-padding-l:calc(1rem + var(--sidebar-content-padding-right));
  --lm-section-padding-left:calc(1rem + var(--sidebar-content-padding-right));
  background-color: #ffffff;
}

body:not(.page-template-template-fullpage-blank) #main-contenu:has(.sidebar-menu) {
  padding-left: calc(var(--sidebar-content-padding-right));
}

.prefooter {
  display: none !important;
}

.prefooter {
  border-top: 2px var(--main-color) solid;
}

.form-control {
  border-radius: 99rem;
  padding: 0.8rem 1.2rem;
}

@media (min-width: 992px) {
  .p-lg-5x {
    padding: 5rem !important;
  }
}
.text-white a {
  color: #ffffff;
}

body.scroll-up #header {
  position: relative !important;
}

/* Structure du menu */
.sidebar-menu {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 400px;
  width: var(--sidebar-width);
  height: 100%;
  /*min-height: 100vh;*/
  background-color: var(--content-bg-color);
  transition: transform 0.3s ease;
  z-index: 999;
  transform: translateX(calc(-100% + var(--sidebar-content-padding-right)));
  border-right: 2px var(--main-color) solid;
}
.sidebar-menu .sidebar-open {
  display: block;
}
.sidebar-menu .sidebar-close {
  display: none;
}
.sidebar-menu .sidebar-menu-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.sidebar-menu .sidebar-menu-actions a {
  cursor: pointer;
}
.sidebar-menu .sidebar-menu-actions svg {
  height: 1.5rem;
  width: auto;
  fill: #ffffff;
}
.sidebar-menu .sidebar-padding {
  padding: var(--sidebar-content-padding);
  padding-right: var(--sidebar-content-padding-right);
}
.sidebar-menu .sidebar-header {
  background-color: var(--secondary-color);
  color: white;
}
.sidebar-menu .sidebar-header .form-control {
  max-width: 250px;
  text-align: center;
}
.sidebar-menu nav {
  position: relative;
  max-width: var(--sidebar-width);
}
.sidebar-menu nav ul, .sidebar-menu nav li {
  list-style: none;
  padding: 0rem;
  margin: 0rem;
}
.sidebar-menu nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  text-align: left;
}
.sidebar-menu nav li {
  width: 100%;
}
.sidebar-menu nav a {
  margin-left: 0px !important;
  display: flex;
  gap: 1rem;
  align-items: center;
  color: var(--main-color);
  text-transform: uppercase;
  position: relative;
}
.sidebar-menu nav a span {
  display: block !important;
}
.sidebar-menu nav a i {
  position: relative;
}
.sidebar-menu nav a i strong {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: var(--secondary-color);
  color: #ffffff;
  border-radius: 99rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
  width: 16px;
  height: 16px;
  transform: translate(50%, 50%);
}
.sidebar-menu nav svg {
  fill: var(--main-color);
  height: auto;
  width: 24px;
}
.sidebar-menu nav li > a:hover,
.sidebar-menu nav .current:hover > a {
  /*padding-left: 1.5rem;*/
}
.sidebar-menu .panel {
  position: absolute;
  left: 100%;
  top: 0px;
  width: 100vw;
  max-width: var(--panel-max-width) !important;
  padding: var(--sidebar-content-padding);
  background-color: var(--content-bg-color);
  min-height: 100vh;
}
.sidebar-menu .panel ul, .sidebar-menu .panel li {
  list-style: none;
  padding: 0rem;
  margin: 0rem;
}
.sidebar-menu .panel .wp-block-group.lm-accordeon > h3:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M272 16c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 224L16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l224 0 0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224 224 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-224 0 0-224z'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 1rem auto;
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border-radius: 40px;
  padding: 0.5rem;
}
.sidebar-menu .panel .wp-block-group.lm-accordeon > h3:hover,
.sidebar-menu .panel .wp-block-group.lm-accordeon > h3.is-open {
  color: var(--main-color);
  background: transparent;
}
.sidebar-menu .panel .wp-block-group.lm-accordeon > h3.is-open:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z'/%3E%3C/svg%3E");
}
.sidebar-menu.open {
  transform: translateX(0);
}
.sidebar-menu.open .sidebar-open {
  display: none;
}
.sidebar-menu.open .sidebar-close {
  display: block;
}
.sidebar-menu:not(.open) nav > div {
  width: var(--sidebar-content-padding-right);
  padding-right: 0rem !important;
  /*overflow: hidden;*/
  position: absolute;
  right: 1rem;
  top: var(--sidebar-content-padding);
}
.sidebar-menu:not(.open) nav > div li {
  display: flex;
  justify-content: flex-end;
}
.sidebar-menu:not(.open) nav > div a span {
  display: none !important;
}
@media (max-width: 572px) {
  .sidebar-menu {
    max-width: 100%;
  }
}

@media (min-width: 1400px) {
  .is-sticky-mode .sidebar-menu {
    position: fixed;
  }
}
body .btn-3:after {
  width: 1rem !important;
  height: 100% !important;
}

.dropzone-wrapper:not(:has(#dropzone.complete)) .btn {
  opacity: 0.2;
}

.icon-wrapper i {
  position: relative;
  display: flex;
  align-items: center;
}
.icon-wrapper i strong {
  position: relative;
  background-color: var(--secondary-color);
  color: #ffffff;
  border-radius: 99rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
  width: 20px;
  height: 20px;
}
.icon-wrapper svg {
  fill: var(--main-color);
  height: 24px;
  width: auto;
}

#background-nav {
  display: none;
  background-color: var(--third-color-opacity);
}

#picture-nav {
  --side-margin: 2.5rem;
}
#picture-nav ul, #picture-nav li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#picture-nav input {
  display: none;
}
#picture-nav figure {
  margin: 0px;
  padding: 0rem 0.25rem;
  cursor: pointer;
}
#picture-nav figure label {
  cursor: pointer;
}
#picture-nav .slick-arrow {
  width: 2rem;
  height: 2rem;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 40px;
  padding: 0.5rem;
}
#picture-nav .slick-arrow svg {
  width: 1rem;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Overlay pour clic extérieur */
.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1000;
}

#dropzone {
  background-image: url(/wp-content/themes/lithium-main-child/images/bg-transparent.svg);
  background-size: 100%;
  aspect-ratio: 4/3;
}
#dropzone:not(.picture):not(.background):not(.complete) {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 500px) {
  #dropzone:not(.picture):not(.background):not(.complete) {
    min-height: 400px;
    min-width: 400px;
  }
}

.order-list-single:hover {
  background-color: #cce3f6;
}

.toggle[disabled] ~ label {
  opacity: 0.5;
}

#cartdata {
  --bs-border-color:#aaaaaa;
}
#cartdata .options {
  max-height: 0;
  overflow-y: auto;
  transition: max-height 0.4s ease;
}
#cartdata .toggle:checked ~ .options {
  max-height: 60rem;
}
#cartdata .options i[title=check] {
  color: #fff;
}
#cartdata .cartitem i svg {
  height: 1.5rem;
  width: auto;
}
#cartdata input[readonly] {
  background-color: transparent !important;
  border: none !important;
  padding: 0px !important;
}

.cartform:has(.cartitemtoggle:checked) {
  background-color: var(--third-color-opacity);
}

.cartform:last-child {
  --bs-border-color: transparent;
}

#btn-boutique,
div:has(#btn-boutique) {
  display: none !important;
}

.montage {
  position: relative;
  width: fit-content;
}
.montage .bkg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.montage .picture {
  position: relative;
  z-index: 2;
}
.montage img {
  max-width: 100%;
  max-height: 200px;
  width: auto;
}

.format {
  cursor: pointer;
}

.mobile .format {
  white-space: nowrap;
  font-size: 0.8em;
}
.mobile .format svg {
  height: 1rem !important;
}

input.toggle {
  position: absolute !important;
  opacity: 0;
}

[title=check] {
  background-color: #ffffff;
  border-radius: 99rem;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  aspect-ratio: 1/1;
}
[title=check] svg {
  width: auto;
  height: 1.5rem;
  display: none;
}

.with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  --mobile-text-align:center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.with-icon svg {
  width: auto;
  height: 2rem;
  fill: var(--main-color);
}
.with-icon span {
  width: 100%;
}

.toggle:checked ~ .product,
.toggle:checked ~ header {
  padding: 1rem;
  background-color: var(--third-color);
}
.toggle:checked ~ .product i svg,
.toggle:checked ~ header i svg {
  display: block;
}

#checkout .details {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

#checkout .toggle:checked ~ .details {
  max-height: 60rem;
}

.details label {
  width: 125px;
  min-width: 125px;
}
.details input {
  flex-grow: 1;
}
@media (max-width: 768px) {
  .details label {
    width: 100%;
    min-width: 100%;
    text-align: left !important;
  }
  .details .d-flex:has(label) {
    flex-wrap: wrap;
  }
}

.prefooter {
  --mobile-text-align:center;
}

.slider .slick-slide {
  cursor: pointer;
  pointer-events: auto;
}

.wp-block-buttons > .wp-block-button {
  display: flex;
  gap: 1rem;
}

/*# sourceMappingURL=style.css.map */