#content > div > div.elementor-section-wrap > section.elementor-element.elementor-element-85a906d.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div > div > div.elementor-element.elementor-element-2a78c0b.ce-widgets-space--gap.elementor-column.elementor-col-50.elementor-top-column > div > div > div.elementor-element.elementor-element-373fc0f.elementor-absolute.elementor-widget.elementor-widget-image > div > div > img {
	position: absolute;
    right: 0px;
}

.lj-h-block__content p {

	font-family: 'agrandir-regular'!important;
}

.lj-h-values li{
	font-family: 'agrandir-regular'!important;
}

.lj-faq-answer p{
	font-family: 'agrandir-regular'!important;
}

.lj-contact__card p{
	font-family: 'agrandir-regular'!important;
}

a:hover {
    color: #d41e8b!important;
}

.lj-contact__social a:hover{
	color: white!important;
}

#js-product-list .products, body #js-product-list .products, body #js-product-list div.products, body #js-product-list div.products.row{
	padding: 20px !important;
}


#left-column > div.block.ets_block_categories.ets_blog_ltr_mode {
	display:none;	
}

#left-column > div.block.ets_block_archive.ets_blog_ltr_mode {
	display:none;	
}

.quickview .tabs {
    margin-top: 14px;
    border: 0;
    padding: 0;
    background: #ffffff00;
}


.elementor-lightbox {
  z-index: 1000000 !important;
}

body#product #product-details .elementor-widget-product-add-to-cart .elementor-button{
	color:white!important;
}

body:has(#identity-link) .page-footer > div > a::before{
	content: '←';
}







/* ═══════════════════════════════════════════════════════════
   FORMULAIRES COMPTE — cases à cocher visibles
   On stylise directement l'input (le thème le cible déjà via
   #customer-form, on garde donc ce préfixe pour gagner).
   ═══════════════════════════════════════════════════════════ */

#customer-form .custom-checkbox input[type="checkbox"],
.custom-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  opacity: 1;                       /* IMPORTANT : visible */
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin: 1px 8px 0 0;
  border: 2px solid rgba(5, 10, 15, .35);
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  vertical-align: middle;
  transition: background .15s ease, border-color .15s ease;
}

/* coche dessinée en CSS (pas besoin de l'icône Material) */
#customer-form .custom-checkbox input[type="checkbox"]::after,
.custom-checkbox input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
  opacity: 0;
}

/* état coché */
#customer-form .custom-checkbox input[type="checkbox"]:checked,
.custom-checkbox input[type="checkbox"]:checked {
  background: var(--lj-pink, #d41e8b);
  border-color: var(--lj-pink, #d41e8b);
}
#customer-form .custom-checkbox input[type="checkbox"]:checked::after,
.custom-checkbox input[type="checkbox"]:checked::after {
  opacity: 1;
}

/* le <span> du thème (icône Material) devient inutile : on le neutralise */
#customer-form .custom-checkbox input[type="checkbox"] + span,
.custom-checkbox input[type="checkbox"] + span {
  display: none;
}

/* focus clavier */
#customer-form .custom-checkbox input[type="checkbox"]:focus,
.custom-checkbox input[type="checkbox"]:focus {
  outline: 2px solid var(--lj-pink, #d41e8b);
  outline-offset: 2px;
}

/* ═══════════════════════════════════════════════════════════════════════
   PANIER (/panier) — LES JEANNINE
   Habille la page panier PrestaShop (HTML natif du thème classic).
   Tout est scopé body#cart : aucune autre page n'est affectée.
   À charger après le CSS du thème.
   ═══════════════════════════════════════════════════════════════════════ */

body#cart {
  --lj-pink:       #d41e8b;
  --lj-pink-dark:  #b01672;
  --lj-pink-light: #ffeaf6;
  --lj-black:      #050A0F;
  --lj-gray-bg:    #fafafa;
  --lj-gray-line:  #ececec;
  --lj-gray-text:  rgba(5, 10, 15, .5);
  --lj-font-display: 'Permanent Marker', cursive;
  --lj-font-body:    'agrandir-regular', sans-serif;
}

body#cart #content-wrapper { padding: 0; }


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 1. LAYOUT GÉNÉRAL                                                 ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart .cart-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 24px 0 40px;
}
body#cart .cart-grid-body {
  flex: 1 1 600px;
  max-width: 100%;
  padding: 0;
}
body#cart .cart-grid-right {
  flex: 1 1 320px;
  max-width: 100%;
  padding: 0;
}

/* cartes blanches */
body#cart .card {
  border: 1px solid var(--lj-gray-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 24px rgba(5, 10, 15, .05);
  overflow: hidden;
}
body#cart .card-block { padding: 22px 24px; }
body#cart hr.separator {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--lj-gray-line);
}


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 2. TITRE                                                          ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart .cart-container .card-block h1.h1 {
  font-family: var(--lj-font-display);
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--lj-black);
  margin: 0;
}


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 3. NOTIFICATIONS / ALERTE                                         ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart #notifications .alert {
  border: 0;
  border-radius: 10px;
  font-family: var(--lj-font-body);
  font-size: 14px;
}
body#cart #notifications .alert-danger {
  background: var(--lj-pink-light);
  color: var(--lj-pink-dark);
}
body#cart #notifications .alert ul {
  margin: 0;
  padding-left: 18px;
}


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 4. LIGNES PRODUIT                                                 ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart .cart-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
body#cart .cart-item {
  padding: 20px 24px;
  border-bottom: 1px solid var(--lj-gray-line);
}
body#cart .cart-item:last-child { border-bottom: 0; }

body#cart .product-line-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body#cart .product-line-grid .row { align-items: center; }

/* — image — */
body#cart .product-line-grid-left { padding-left: 0; }
body#cart .product-line-grid-left .product-image {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: var(--lj-gray-bg);
}
body#cart .product-line-grid-left .product-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

/* — nom du produit — */
body#cart .product-line-info > a.label {
  font-family: var(--lj-font-body);
  font-size: 16px;
  font-weight: 700;
  color: var(--lj-black);
  text-decoration: none;
  transition: color .15s ease;
}
body#cart .product-line-info > a.label:hover { color: var(--lj-pink); }

/* — prix unitaire — */
body#cart .product-line-info.product-price { margin-top: 6px; }
body#cart .product-line-info .regular-price {
  font-family: var(--lj-font-body);
  font-size: 14px;
  color: var(--lj-gray-text);
  text-decoration: line-through;
}
body#cart .product-line-info .discount-percentage {
  display: inline-block;
  margin-left: 6px;
  padding: 4px 10px;
  background: var(--lj-pink);
  color: #fff;
  border-radius: 999px;
  font-family: var(--lj-font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1;
}
body#cart .product-line-info .current-price .price {
  font-family: var(--lj-font-body);
  font-size: 18px;
  font-weight: 700;
  color: var(--lj-pink);
}

/* — attributs (Taille / Couleur / Dimension) — */
body#cart .product-line-info.taille,
body#cart .product-line-info.couleur,
body#cart .product-line-info.dimension {
  font-family: var(--lj-font-body);
  font-size: 13px;
  margin-top: 3px;
}
body#cart .product-line-info .label {
  color: var(--lj-gray-text);
  font-weight: 600;
}
body#cart .product-line-info .value {
  color: var(--lj-black);
  font-weight: 700;
}

/* — prix total de la ligne — */
body#cart .product-line-grid-right .product-price strong {
  font-family: var(--lj-font-body);
  font-size: 18px;
  font-weight: 700;
  color: var(--lj-black);
}

/* — bouton supprimer — */
body#cart .remove-from-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: var(--lj-gray-text);
  background: var(--lj-gray-bg);
  transition: background .15s ease, color .15s ease;
}
body#cart .remove-from-cart:hover {
  background: var(--lj-pink-light);
  color: var(--lj-pink);
}
body#cart .remove-from-cart .material-icons { font-size: 19px; }


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 5. QUANTITÉ (touchspin)                                           ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart .bootstrap-touchspin {
  display: inline-flex;
  align-items: center;
  height: 44px;
  width: auto;
  border: 2px solid var(--lj-black);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
body#cart .bootstrap-touchspin .form-control,
body#cart .bootstrap-touchspin input[type="number"] {
  width: 48px;
  height: 100%;
  border: 0;
  box-shadow: none;
  text-align: center;
  font-family: var(--lj-font-body);
  font-size: 15px;
  font-weight: 700;
  color: var(--lj-black);
  background: transparent;
  -moz-appearance: textfield;
  padding: 0;
}
body#cart .bootstrap-touchspin input[type="number"]::-webkit-outer-spin-button,
body#cart .bootstrap-touchspin input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body#cart .bootstrap-touchspin-prefix,
body#cart .bootstrap-touchspin-postfix { display: none !important; }

body#cart .input-group-btn-vertical {
  display: flex;
  flex-direction: column;
  border-left: 2px solid var(--lj-black);
}
body#cart .input-group-btn-vertical .btn-touchspin {
  flex: 1;
  width: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  color: var(--lj-black);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease, color .15s ease;
}
body#cart .input-group-btn-vertical .btn-touchspin:hover {
  background: var(--lj-pink);
  color: #fff;
}
body#cart .input-group-btn-vertical .bootstrap-touchspin-up {
  border-bottom: 1px solid var(--lj-gray-line);
}
/* on remplace les icônes Material par de vrais +/- */
body#cart .btn-touchspin .material-icons { font-size: 0; }
body#cart .btn-touchspin .material-icons::before {
  font-family: var(--lj-font-body);
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}
body#cart .btn-touchspin .touchspin-up::before   { content: "+"; }
body#cart .btn-touchspin .touchspin-down::before { content: "\2212"; }


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 6. « CONTINUER MES ACHATS »                                       ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart .cart-grid-body > a.label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 18px;
  font-family: var(--lj-font-body);
  font-size: 14px;
  font-weight: 700;
  color: var(--lj-black);
  text-decoration: none;
  transition: color .15s ease;
}
body#cart .cart-grid-body > a.label:hover { color: var(--lj-pink); }
body#cart .cart-grid-body > a.label .material-icons { font-size: 20px; }


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 7. RÉCAPITULATIF (cart-summary)                                   ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart .cart-summary .card-block { padding: 18px 22px; }

body#cart .cart-summary-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  font-family: var(--lj-font-body);
  font-size: 15px;
  color: var(--lj-black);
}
body#cart .cart-summary-line .label { color: var(--lj-gray-text); font-weight: 600; }
body#cart .cart-summary-line .value { font-weight: 700; }

body#cart .cart-detailed-subtotals {
  border-bottom: 1px solid var(--lj-gray-line);
}

/* total */
body#cart .cart-summary-line.cart-total {
  padding: 14px 0 6px;
  font-size: 16px;
}
body#cart .cart-summary-line.cart-total .label {
  font-family: var(--lj-font-display);
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--lj-black);
}
body#cart .cart-summary-line.cart-total .value {
  font-size: 22px;
  font-weight: 700;
  color: var(--lj-pink);
}

/* — bouton Commander — */
body#cart .cart-detailed-actions { padding-top: 6px; }
body#cart .cart-detailed-actions .btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  padding: 0 24px;
  background: var(--lj-pink);
  color: #fff;
  border: 0;
  border-radius: 999px;
  font-family: var(--lj-font-display);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease, box-shadow .2s ease;
}
body#cart .cart-detailed-actions .btn-primary:hover {
  background: var(--lj-pink-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(212, 30, 139, .35);
}
body#cart .cart-detailed-actions .btn-primary.disabled {
  opacity: .4;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 8. BLOC RÉASSURANCE                                               ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart .blockreassurance_product {
  margin-top: 20px;
  padding: 8px 20px;
  background: #fff;
  border: 1px solid var(--lj-gray-line);
  border-radius: 16px;
}
body#cart .blockreassurance_product > div {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--lj-gray-line);
}
body#cart .blockreassurance_product > div:last-of-type { border-bottom: 0; }
body#cart .blockreassurance_product .item-product { flex: 0 0 auto; line-height: 0; }
body#cart .blockreassurance_product .item-product svg {
  width: 42px;
  height: 42px;
}
body#cart .blockreassurance_product .block-title {
  font-family: var(--lj-font-body);
  font-size: 14px;
  font-weight: 700;
}
body#cart .blockreassurance_product p {
  margin: 2px 0 0;
  font-size: 12px;
}


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 9. BREADCRUMB                                                     ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

body#cart .breadcrumb {
  padding: 14px 0;
  background: none;
  margin: 0;
}
body#cart .breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
body#cart .breadcrumb li,
body#cart .breadcrumb li span,
body#cart .breadcrumb li a {
  font-family: var(--lj-font-body);
  font-size: 13px;
  color: var(--lj-gray-text);
  text-decoration: none;
}


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ 10. RESPONSIVE                                                    ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

@media (max-width: 991px) {
  body#cart .cart-grid { gap: 18px; }
}

@media (max-width: 767px) {
  body#cart .cart-grid { margin: 16px 0 28px; }
  body#cart .card-block { padding: 18px; }
  body#cart .cart-item { padding: 16px 18px; }
  body#cart .product-line-grid-right { margin-top: 12px; }
  body#cart .blockreassurance_product { padding: 8px 16px; }
}