/** Shopify CDN: Minification failed

Line 714:43 Unexpected "*"

**/
/* ===============================================
   RTL (Right-to-Left) Stylesheet
   For Arabic, Hebrew, Persian, Urdu, Kurdish, etc.
   =============================================== */

/* Direction de base */
html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  text-align: right;
}

/* ===============================================
   LAYOUT GÉNÉRAL
   =============================================== */

/* Conteneurs principaux */
html[dir="rtl"] .page-width,
html[dir="rtl"] .container {
  margin-left: auto;
  margin-right: auto;
}

/* Navigation et header */
html[dir="rtl"] .header {
  text-align: right;
}

html[dir="rtl"] .header__wrapper {
  direction: rtl;
}

html[dir="rtl"] .header__heading {
  text-align: right;
}

html[dir="rtl"] .header__icons {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .header__icon {
  margin-left: 1rem;
  margin-right: 0;
}

/* Menu navigation */
html[dir="rtl"] .header__menu {
  text-align: right;
}

html[dir="rtl"] .list-menu {
  text-align: right;
}

html[dir="rtl"] .list-menu__item {
  text-align: right;
}

html[dir="rtl"] .header__menu-item {
  margin-left: 3rem;
  margin-right: 0;
}

/* Dropdown menus */
html[dir="rtl"] .header__submenu {
  left: auto;
  right: 0;
  text-align: right;
}

html[dir="rtl"] .mega-menu {
  left: auto;
  right: 0;
}

/* ===============================================
   BOUTONS ET LIENS
   =============================================== */

html[dir="rtl"] .button {
  text-align: center;
}

html[dir="rtl"] .button::before,
html[dir="rtl"] .button::after {
  left: auto;
  right: 0;
}

/* Icônes dans les boutons */
html[dir="rtl"] .button svg {
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir="rtl"] .button--secondary svg {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* ===============================================
   GRILLES ET LAYOUTS
   =============================================== */

/* Grille générale */
html[dir="rtl"] .grid {
  direction: rtl;
}

html[dir="rtl"] .grid__item {
  text-align: right;
}

/* Collections et produits */
html[dir="rtl"] .collection {
  text-align: right;
}

html[dir="rtl"] .product-grid {
  direction: rtl;
}

html[dir="rtl"] .card {
  text-align: right;
}

html[dir="rtl"] .card__content {
  text-align: right;
}

html[dir="rtl"] .card__heading {
  text-align: right;
}

html[dir="rtl"] .card__information {
  text-align: right;
}

/* ===============================================
   PRODUIT - PAGE DÉTAIL
   =============================================== */

html[dir="rtl"] .product {
  direction: rtl;
}

html[dir="rtl"] .product__info-wrapper {
  text-align: right;
}

html[dir="rtl"] .product__title {
  text-align: right;
}

html[dir="rtl"] .product__text {
  text-align: right;
}

html[dir="rtl"] .product-form {
  text-align: right;
}

html[dir="rtl"] .product-form__buttons {
  text-align: right;
}

/* Variantes de produit */
html[dir="rtl"] .product-form__input {
  text-align: right;
}

html[dir="rtl"] .product-form__input legend {
  text-align: right;
}

html[dir="rtl"] .variant-input-wrapper {
  direction: rtl;
}

html[dir="rtl"] .variant-input-wrapper label {
  text-align: right;
}

/* Prix */
html[dir="rtl"] .price {
  text-align: right;
}

html[dir="rtl"] .price__container {
  text-align: right;
}

html[dir="rtl"] .price__regular {
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir="rtl"] .price__sale {
  margin-right: 0.5rem;
  margin-left: 0;
}

/* ===============================================
   PANIER
   =============================================== */

html[dir="rtl"] .cart {
  text-align: right;
}

html[dir="rtl"] .cart__contents {
  text-align: right;
}

html[dir="rtl"] .cart-item {
  text-align: right;
}

html[dir="rtl"] .cart-item__details {
  text-align: right;
}
/* j'ai modifié !!! cart */
html[dir="rtl"] .cart-item__image {
  margin-left: 1.5rem;
  margin-right: 0;
}

html[dir="rtl"] .cart-item__totals {
  text-align: right;
}

/* Drawer cart */
html[dir="rtl"] .drawer {
  left: auto;
  right: 0;
}

html[dir="rtl"] .cart-drawer {
  left: auto;
  right: 0;
}

html[dir="rtl"] .cart-drawer__header {
  text-align: right;
}

html[dir="rtl"] .cart-drawer__close {
  left: 1.5rem;
  right: auto;
}

/* ===============================================
   FORMULAIRES
   =============================================== */

html[dir="rtl"] .field {
  text-align: right;
}

html[dir="rtl"] .field__input {
  text-align: right;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

html[dir="rtl"] .field__label {
  text-align: right;
  left: auto;
  right: 1.5rem;
}

html[dir="rtl"] .select {
  text-align: right;
}

html[dir="rtl"] .select__select {
  text-align: right;
  padding-left: 4rem;
  padding-right: 1.5rem;
}

html[dir="rtl"] .select::after {
  left: 1.5rem;
  right: auto;
}

/* Checkbox et radio */
html[dir="rtl"] .checkbox {
  text-align: right;
}

html[dir="rtl"] .checkbox input[type="checkbox"] {
  margin-left: 1rem;
  margin-right: 0;
}

/* ===============================================
   ÉLÉMENTS FLOTTANTS
   =============================================== */

html[dir="rtl"] .float-left {
  float: right !important;
}

html[dir="rtl"] .float-right {
  float: left !important;
}

/* ===============================================
   MODALES ET POPUPS
   =============================================== */

html[dir="rtl"] .modal {
  text-align: right;
}

html[dir="rtl"] .modal__content {
  text-align: right;
}

html[dir="rtl"] .modal__close {
  left: 1.5rem;
  right: auto;
}

html[dir="rtl"] .popup {
  text-align: right;
}

/* ===============================================
   RECHERCHE
   =============================================== */

html[dir="rtl"] .search {
  text-align: right;
}

html[dir="rtl"] .search__input {
  text-align: right;
  padding-left: 4rem;
  padding-right: 1.5rem;
}

html[dir="rtl"] .search__button {
  left: 0;
  right: auto;
}

html[dir="rtl"] .predictive-search {
  text-align: right;
}

html[dir="rtl"] .predictive-search__item {
  text-align: right;
}

/* ===============================================
   BREADCRUMBS
   =============================================== */

html[dir="rtl"] .breadcrumb {
  text-align: right;
}

html[dir="rtl"] .breadcrumb__item {
  margin-left: 1rem;
  margin-right: 0;
}

html[dir="rtl"] .breadcrumb__item::before {
  margin-left: 1rem;
  margin-right: 0;
  transform: scaleX(-1);
}

/* ===============================================
   PAGINATION
   =============================================== */

html[dir="rtl"] .pagination {
  text-align: right;
}

html[dir="rtl"] .pagination__item {
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir="rtl"] .pagination__prev {
  margin-left: 1rem;
  margin-right: 0;
}

html[dir="rtl"] .pagination__next {
  margin-right: 1rem;
  margin-left: 0;
}

/* ===============================================
   ICÔNES DIRECTIONNELLES
   =============================================== */

/* Flèches */
html[dir="rtl"] .icon-arrow-right {
  transform: scaleX(-1);
}

html[dir="rtl"] .icon-arrow-left {
  transform: scaleX(-1);
}

html[dir="rtl"] .icon-caret-right {
  transform: scaleX(-1);
}

html[dir="rtl"] .icon-caret-left {
  transform: scaleX(-1);
}

/* ===============================================
   SECTIONS SPÉCIFIQUES
   =============================================== */

/* Hero section */
html[dir="rtl"] .hero {
  text-align: right;
}

html[dir="rtl"] .hero__title {
  text-align: right;
}

html[dir="rtl"] .hero__subtitle {
  text-align: right;
}

/* Featured collection */
html[dir="rtl"] .collection-hero {
  text-align: right;
}

html[dir="rtl"] .collection-hero__title {
  text-align: right;
}

html[dir="rtl"] .collection-hero__description {
  text-align: right;
}

/* Blog */
html[dir="rtl"] .blog {
  text-align: right;
}

html[dir="rtl"] .article {
  text-align: right;
}

html[dir="rtl"] .article__title {
  text-align: right;
}

html[dir="rtl"] .article__content {
  text-align: right;
}

/* Footer */
html[dir="rtl"] .footer {
  text-align: right;
}

html[dir="rtl"] .footer__content {
  text-align: right;
}

html[dir="rtl"] .footer__blocks {
  text-align: right;
}

html[dir="rtl"] .footer-block {
  text-align: right;
}

html[dir="rtl"] .footer-block__heading {
  text-align: right;
}

/* ===============================================
   RESPONSIVE - MOBILE
   =============================================== */

@media screen and (max-width: 749px) {
  /* Header mobile */
  html[dir="rtl"] .header__hamburger {
    left: auto;
    right: 1.5rem;
  }

 /* AJOUTER JUSTE CETTE LIGNE pour Lumin */
  html[dir="rtl"] header-drawer {
    left: auto;
    right: 0.5rem;
  }



  html[dir="rtl"] .header__heading {
    text-align: center;
  }

  html[dir="rtl"] .header__icons {
    left: 1.5rem;
    right: auto;
  }

  /* Menu mobile */
  html[dir="rtl"] .mobile-nav {
    left: auto;
    right: 0;
  }

  html[dir="rtl"] .mobile-nav__item {
    text-align: right;
  }

  /* Produit mobile */
  html[dir="rtl"] .product__media {
    text-align: center;
  }

  html[dir="rtl"] .product__info {
    text-align: right;
  }
}


html[dir="rtl"] header-drawer {
    justify-self: auto !important;

}





/* ===============================================
   ANIMATIONS RTL
   =============================================== */

html[dir="rtl"] .slideInLeft {
  animation-name: slideInRight;
}

html[dir="rtl"] .slideInRight {
  animation-name: slideInLeft;
}

html[dir="rtl"] .slideOutLeft {
  animation-name: slideOutRight;
}

html[dir="rtl"] .slideOutRight {
  animation-name: slideOutLeft;
}

/* ===============================================
   UTILITIES RTL
   =============================================== */

html[dir="rtl"] .text-left {
  text-align: right !important;
}

html[dir="rtl"] .text-right {
  text-align: left !important;
}

html[dir="rtl"] .margin-left {
  margin-left: 0 !important;
  margin-right: var(--spacing) !important;
}

html[dir="rtl"] .margin-right {
  margin-right: 0 !important;
  margin-left: var(--spacing) !important;
}

html[dir="rtl"] .padding-left {
  padding-left: 0 !important;
  padding-right: var(--spacing) !important;
}

html[dir="rtl"] .padding-right {
  padding-right: 0 !important;
  padding-left: var(--spacing) !important;
}

/* ===============================================
   THÈME LUMIN - AJUSTEMENTS SPÉCIFIQUES RTL
   =============================================== */

/* Page width et conteneurs */
html[dir="rtl"] .page-width {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width: 750px) {
  html[dir="rtl"] .page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  html[dir="rtl"] .header.page-width,
  html[dir="rtl"] .utility-bar__grid.page-width {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  html[dir="rtl"] .page-width--narrow {
    padding-left: 9rem;
    padding-right: 9rem;
  }
}

@media screen and (min-width: 990px) {
  html[dir="rtl"] .header:not(.drawer-menu).page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  html[dir="rtl"] .page-width-desktop {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

/* Utility Bar */
html[dir="rtl"] .utility-bar__grid {
  direction: rtl;
}

html[dir="rtl"] .utility-bar__grid .list-social {
  justify-content: flex-end;
  margin-left: 0;
  margin-right: -1.2rem;
}

html[dir="rtl"] .localization-wrapper {
  justify-content: flex-start;
}

/* Header spécifique */
html[dir="rtl"] .header__heading,
html[dir="rtl"] .header__heading-link {
  justify-self: center;
}

html[dir="rtl"] .header--middle-left .header__heading-link,
html[dir="rtl"] .header--top-left .header__heading-link {
  margin-left: 0;
  margin-right: -0.75rem;
  justify-self: end;
}

html[dir="rtl"] .header__hamburger {
  left: auto;
  right: 1.5rem;
}

/* Menu drawer et navigation */
html[dir="rtl"] header-drawer {
  justify-self: end;
  margin-left: 0;
  margin-right: -1.2rem;
}

html[dir="rtl"] .list-menu--inline {
  justify-content: flex-end;
}

html[dir="rtl"] .header__menu-item {
  margin-left: 0;
  margin-right: 3rem;
}

html[dir="rtl"] .header__submenu {
  left: auto;
  right: 0;
}

/* Mega menu */
html[dir="rtl"] .mega-menu {
  left: auto;
  right: 0;
}

html[dir="rtl"] .mega-menu__content {
  text-align: right;
}

html[dir="rtl"] .mega-menu__list {
  text-align: right;
}

html[dir="rtl"] .mega-menu-image-container-* {
  text-align: right;
}

/* Icônes header */
html[dir="rtl"] .header__icons {
  justify-self: start;
  padding-left: 0.8rem;
  padding-right: 0;
}

html[dir="rtl"] .header__icon {
  margin-left: 0;
  margin-right: 1rem;
}

html[dir="rtl"] .header__icon--cart {
  margin-left: -1.2rem;
  margin-right: 0;
}

/* Recherche */
html[dir="rtl"] .header > .header__search {
  justify-self: end;
}

html[dir="rtl"] .header--top-center.drawer-menu > .header__search {
  margin-left: 0;
  margin-right: 3.2rem;
}

html[dir="rtl"] .search-modal__content {
  padding-left: 1rem;
  padding-right: 5rem;
}

html[dir="rtl"] .search-modal__close-button {
  right: auto;
  left: 0.3rem;
}

@media screen and (min-width: 750px) {
  html[dir="rtl"] .search-modal__close-button {
    left: 1rem;
    right: auto;
  }

  html[dir="rtl"] .search-modal__content {
    padding-left: 6rem;
    padding-right: 0;
  }
}

/* Localization */
html[dir="rtl"] .desktop-localization-wrapper {
  text-align: left;
}

/* Boutons et formulaires Lumin */
html[dir="rtl"] .field__input {
  text-align: right;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

html[dir="rtl"] .field__label {
  left: auto;
  right: calc(var(--inputs-border-width) + 2rem);
}

html[dir="rtl"] .field__input:focus ~ .field__label,
html[dir="rtl"] .field__input:not(:placeholder-shown) ~ .field__label,
html[dir="rtl"] .field__input:-webkit-autofill ~ .field__label {
  left: auto;
  right: calc(var(--inputs-border-width) + 2rem);
}

html[dir="rtl"] .field__input:focus,
html[dir="rtl"] .field__input:not(:placeholder-shown),
html[dir="rtl"] .field__input:-webkit-autofill {
  padding-left: 2rem;
  padding-right: 2.2rem;
}

html[dir="rtl"] .field__button {
  right: auto;
  left: 0;
}

/* Select elements */
html[dir="rtl"] .select .svg-wrapper {
  right: auto;
  left: 0;
}

html[dir="rtl"] .select__select {
  padding-left: calc(var(--inputs-border-width) + 3rem);
  padding-right: 2rem;
}

/* Quantity selector */
html[dir="rtl"] .quantity__button:first-child {
  margin-left: 0;
  margin-right: calc(var(--inputs-border-width));
  border-right: none;
  border-left: var(--inputs-border-width) solid rgba(var(--color-foreground), var(--inputs-border-opacity));
}

html[dir="rtl"] .quantity__button:last-child {
  margin-right: 0;
  margin-left: calc(var(--inputs-border-width));
  border-left: none;
  border-right: var(--inputs-border-width) solid rgba(var(--color-foreground), var(--inputs-border-opacity));
}

/* Prix et affichage des montants */
html[dir="rtl"] .price--end > span {
  flex-direction: row;
}

html[dir="rtl"] .price__regular {
  margin-left: 0;
  margin-right: 0.5rem;
}

html[dir="rtl"] .price__sale {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* (je l'ai modifié le bon lui) Panier spécifique Lumin */
html[dir="rtl"] .cart-item__image {
  margin-left: 0;
  margin-right: 0rem;
}

html[dir="rtl"] .cart-drawer {
  left: auto;
  right: 0;
}

html[dir="rtl"] .cart-drawer__close {
  left: auto;
  right: 1.5rem;
}

html[dir="rtl"] .drawer__close {
  left: auto;
  right: 1.5rem;
}

/* Extensions Lumin - Recently Viewed & Wishlist */
html[dir="rtl"] .recently-viewed-drawer {
  left: auto;
  right: 0;
}

html[dir="rtl"] .wishlist-drawer {
  left: auto;
  right: 0;
}

/* Badge positioning */
html[dir="rtl"] .badge {
  text-align: right;
}

/* Live circle animation */
html[dir="rtl"] .live-circle {
  margin-left: 0.7rem;
  margin-right: 0;
}

/* Discounts */
html[dir="rtl"] .discounts__discount {
  text-align: right;
}

/* Cart CTAs */
html[dir="rtl"] .cart__ctas {
  text-align: right;
}

/* HS Pill */
html[dir="rtl"] .hs-pill {
  text-align: right;
}

/* Product cards spécifiques */
html[dir="rtl"] .product-card-wrapper {
  text-align: var(--text-align-start);
}

/* Liens avec icônes */
html[dir="rtl"] .link-with-icon {
  flex-direction: row-reverse;
}

html[dir="rtl"] .link-with-icon .icon {
  margin-left: 0;
  margin-right: 1rem;
}

/* Breadcrumbs arrows */
html[dir="rtl"] .breadcrumb__item::before {
  margin-left: 0;
  margin-right: 1rem;
  transform: scaleX(-1);
}

/* Share button */
html[dir="rtl"] .share-button__button .icon-share {
  margin-left: 1rem;
  margin-right: 0;
}

html[dir="rtl"] .share-button__fallback {
  left: auto;
  right: 0.1rem;
}

/* Circle divider */
html[dir="rtl"] .circle-divider::after {
  margin: 0 1.5rem 0 1.3rem;
}

/* Sticky header transparent */
html[dir="rtl"] .transparent-header .header__heading-link,
html[dir="rtl"] .transparent-header .header__menu-item,
html[dir="rtl"] .transparent-header .header__icon {
  color: var(--color-transparent);
}

/* Correction pour les images dans les RTE */
html[dir="rtl"] .rte img {
  float: right;
  margin-left: 1rem;
  margin-right: 0;
}

/* List styles dans RTE */
html[dir="rtl"] .rte ul,
html[dir="rtl"] .rte ol {
  padding-left: 0;
  padding-right: 2rem;
}

/* Progress bar animations fix */
html[dir="rtl"] .progress-bar {
  direction: ltr;
}

html[dir="rtl"] .progress-bar-value {
  transform-origin: 100%;
}

@keyframes indeterminateAnimationRTL {
  0% {
    transform: translateX(20%) scaleX(0);
  }
  40% {
    transform: translateX(-30%) scaleX(0.7);
  }
  100% {
    transform: translateX(-100%) scaleX(0);
  }
}

html[dir="rtl"] .progress-bar-value {
  animation: indeterminateAnimationRTL var(--duration-extra-longer) infinite ease-in-out;
}

/* Fixes pour mobile RTL */
@media screen and (max-width: 749px) {
  html[dir="rtl"] .header--mobile-left .header__heading,
  html[dir="rtl"] .header--mobile-left .header__heading-link {
    text-align: right;
    justify-self: end;
  }

  html[dir="rtl"] .header--mobile-left {
    grid-template-columns: 1fr 2fr auto;
  }

  html[dir="rtl"] .mobile-hidden {
    display: none !important;
  }
}

/* Responsive grid fixes */
@media screen and (min-width: 750px) {
  html[dir="rtl"] .desktop-hidden {
    display: none !important;
  }
}










/* ===============================================
   CORRECTIONS RTL POUR LA FICHE PRODUIT
   =============================================== */

/* Boutons sur la page produit */
html[dir="rtl"] .product-form__buttons {
  text-align: right;
  flex-direction: column;
}

html[dir="rtl"] .product-form__cart {
  width: 100%;
  text-align: center;
}

html[dir="rtl"] .product-form__cart .button {
  width: 100%;
  text-align: center;
  justify-content: center;
}

/* Correction pour les boutons primaires */
html[dir="rtl"] .button {
  text-align: center !important;
  justify-content: center;
  align-items: center;
  display: flex;
}

html[dir="rtl"] .button::before,
html[dir="rtl"] .button::after {
  left: 0;
  right: 0;
}

/* Formulaire produit */
html[dir="rtl"] .product-form {
  text-align: right;
}

html[dir="rtl"] .product-form__input {
  text-align: right;
}

html[dir="rtl"] .product-form__input--dropdown {
  text-align: right;
}

/* Variantes de produit */
html[dir="rtl"] .product-form__input legend {
  text-align: right;
  float: right;
}

html[dir="rtl"] .variant-input-wrapper {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .variant-input-wrapper label {
  text-align: right;
}

/* Pills/Badges des variantes */
html[dir="rtl"] .variant-pills .variant-input-wrapper {
  text-align: right;
}

html[dir="rtl"] .variant-pills label {
  text-align: center;
}

/* Sélecteur de quantité */
html[dir="rtl"] .quantity {
  direction: rtl;
}

html[dir="rtl"] .quantity__input {
  text-align: center;
}

html[dir="rtl"] .quantity__button:first-child {
  margin-left: 0;
  margin-right: calc(var(--inputs-border-width));
  border-right: none;
  border-left: var(--inputs-border-width) solid rgba(var(--color-foreground), var(--inputs-border-opacity));
}

html[dir="rtl"] .quantity__button:last-child {
  margin-right: 0;
  margin-left: calc(var(--inputs-border-width));
  border-left: none;
  border-right: var(--inputs-border-width) solid rgba(var(--color-foreground), var(--inputs-border-opacity));
}

/* Bouton Buy now */
html[dir="rtl"] .shopify-payment-button {
  text-align: center;
}

html[dir="rtl"] .shopify-payment-button__button {
  width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
  display: flex !important;
  align-items: center !important;
}

/* Prix sur la page produit */
html[dir="rtl"] .price {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .price__container {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .price__regular {
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir="rtl"] .price__sale {
  margin-right: 0.5rem;
  margin-left: 0;
}

/* Titre du produit */
html[dir="rtl"] .product__title {
  text-align: right;
}

/* Description du produit */
html[dir="rtl"] .product__text {
  text-align: right;
}

html[dir="rtl"] .rte {
  text-align: right;
}

/* Correction spécifique pour le sticky add to cart */
html[dir="rtl"] .sticky-add-to-cart .button {
  width: 100%;
  text-align: center !important;
  justify-content: center !important;
}

/* Correction pour les listes de produits (upsells, etc.) */
html[dir="rtl"] .product-recommendations {
  text-align: right;
}

html[dir="rtl"] .product-recommendations .card {
  text-align: right;
}

/* Corrections pour les variants pills spécifiquement */
html[dir="rtl"] .variant-pills {
  text-align: right;
}

html[dir="rtl"] .variant-pills .variant-input-wrapper {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir="rtl"] .variant-pills .variant-input-wrapper:first-child {
  margin-left: 0;
}

/* Assurer que les boutons gardent leur largeur */
html[dir="rtl"] .product-form__buttons .button {
  width: 100%;
  min-width: auto;
}

/* Corrections pour les champs de saisie sur la page produit */
html[dir="rtl"] .product-form .field__input {
  text-align: right;
}

html[dir="rtl"] .product-form .field__label {
  text-align: right;
  right: calc(var(--inputs-border-width) + 2rem);
  left: auto;
}

/* Corrections pour les icônes dans les boutons */
html[dir="rtl"] .button .icon {
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir="rtl"] .button svg {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* S'assurer que le texte des boutons est centré */
html[dir="rtl"] .product-form__cart .button span {
  text-align: center;
  width: 100%;
}

/* Correction pour les boutons de paiement accéléré */
html[dir="rtl"] shopify-accelerated-checkout {
  text-align: center;
}

html[dir="rtl"] shopify-accelerated-checkout .shopify-payment-button__button {
  text-align: center !important;
  justify-content: center !important;
}



html[dir="rtl"] .inline-richtext {
 text-align: right !important;
}


html[dir="rtl"] [class*="hero-collapsible-header"] {
  flex-direction: row-reverse !important;
}

html[dir="rtl"] [class*="hero-collapsible-title"] {
  text-align: right !important;
}

html[dir="rtl"] .caption-with-letter-spacing {
 text-align: right !important;
}


html[dir="rtl"] .announcement-bar__scrolling-text .scrolling-content {
  animation-name: scroll-rtl !important;
}

@keyframes scroll-rtl {
  0% { transform: translateX(0); }
  100% { transform: translateX(50%); }
}



@media screen and (min-width: 750px) {
 html[dir="rtl"] .product__info-container {
   max-width: 100rem;
   padding-right: 30px;
 }
}


html[dir="rtl"] .box__title {
  text-align: center !important;
}

html[dir="rtl"] .feature-type1 .box {
  text-align: right !important;  /* au lieu de center */
}

html[dir="rtl"] .feature-type1 .box__title,
html[dir="rtl"] .feature-type1 .box__description {
  text-align: right !important;  /* au lieu de center */
}

html[dir="rtl"] .feature-type1 .box__description * {
  text-align: right !important;  /* au lieu de center */
}

/* ===============================================
   SECTION RICH-TEXT RTL
   =============================================== */

/* Conteneur principal rich-text */
html[dir="rtl"] .rich-text {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .rich-text__wrapper {
  text-align: right;
}

html[dir="rtl"] .rich-text__blocks {
  text-align: right !important;
}

/* Override du centrage pour RTL */
html[dir="rtl"] .rich-text__blocks.center {
  text-align: right !important;
}

html[dir="rtl"] .rich-text__blocks.left {
  text-align: right !important;
}

/* Titres dans rich-text */
html[dir="rtl"] .rich-text__heading {
  text-align: right !important;
  direction: rtl;
}

/* Texte dans rich-text */
html[dir="rtl"] .rich-text__text {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] .rich-text__text p {
  text-align: right;
}

/* Captions */
html[dir="rtl"] .rich-text__caption {
  text-align: right !important;
}

/* Boutons dans rich-text */
html[dir="rtl"] .rich-text__buttons {
  text-align: right;
  justify-content: flex-end;
}

html[dir="rtl"] .rich-text__buttons--multiple {
  justify-content: flex-end;
  gap: 1rem;
}

html[dir="rtl"] .rich-text__buttons .button {
  margin-left: 1rem;
  margin-right: 0;
}

html[dir="rtl"] .rich-text__buttons .button:first-child {
  margin-left: 0;
}

/* Éléments avec alignement spécifique */
html[dir="rtl"] .rich-text__wrapper--center .rich-text__blocks {
  text-align: right !important;
}

html[dir="rtl"] .rich-text__wrapper--left .rich-text__blocks {
  text-align: right !important;
}

html[dir="rtl"] .rich-text__wrapper--right .rich-text__blocks {
  text-align: right !important;
}

/* Support pour les éléments RTE (Rich Text Editor) */
html[dir="rtl"] .rte {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .rte p {
  text-align: right;
}

html[dir="rtl"] .rte ul,
html[dir="rtl"] .rte ol {
  text-align: right;
  padding-right: 2rem;
  padding-left: 0;
}

html[dir="rtl"] .rte li {
  text-align: right;
}

/* Éléments inline-richtext */
html[dir="rtl"] .inline-richtext {
  text-align: right;
  direction: rtl;
}

/* Blocs personnalisés Lumin dans rich-text */
html[dir="rtl"] .lumin-section-block {
  text-align: right;
}

html[dir="rtl"] .lumin-block-list {
  text-align: right;
}

/* Dividers */
html[dir="rtl"] .rich-text .divider {
  margin-left: auto;
  margin-right: auto;
}

/* Features */
html[dir="rtl"] .rich-text .feature {
  text-align: right;
}

html[dir="rtl"] .rich-text .trust-feature {
  text-align: right;
}

/* Vidéos */
html[dir="rtl"] .rich-text .video-section {
  text-align: right;
}

/* Progress circles */
html[dir="rtl"] .rich-text .circle-progress {
  text-align: right;
}

/* Fancy headings */
html[dir="rtl"] .rich-text .fancy-heading {
  text-align: right;
}

/* Responsive adjustments */
@media screen and (max-width: 749px) {
  html[dir="rtl"] .rich-text__blocks {
    text-align: right !important;
  }
  
  html[dir="rtl"] .rich-text__heading {
    text-align: right !important;
  }
  
  html[dir="rtl"] .rich-text__text {
    text-align: right !important;
  }
}



/* ===============================================
   LUMIN GRIDS - RÈGLES RTL UNIVERSELLES
   À ajouter dans ton fichier rtl.css
   =============================================== */

/* Container principal des grilles */
html[dir="rtl"] [class*="row-"] {
  direction: rtl;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 601px) {
  html[dir="rtl"] [class*="row-"] {
    margin-left: 0;
    margin-right: -8px; /* ou la valeur de grid_gap */
  }
}

/* ===============================================
   COLONNES ET BLOCS GÉNÉRAUX
   =============================================== */

html[dir="rtl"] [class*="column-"] {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] [class*="lumin-text-"] {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] [class*="lumin-head-"] {
  text-align: right !important;
}

html[dir="rtl"] [class*="lumin-image-"] {
  text-align: right !important;
}

html[dir="rtl"] [class*="lumin-content-"] {
  text-align: right !important;
}

html[dir="rtl"] [class*="lumin-text-container-"] {
  text-align: right !important;
  direction: rtl;
}

/* ===============================================
   TEXTE ET TITRES
   =============================================== */

html[dir="rtl"] [class*="lumin-text-"] h2 {
  text-align: right !important;
}

html[dir="rtl"] [class*="lumin-head-"] h2 {
  text-align: right !important;
}

html[dir="rtl"] [class*="lumin-text-"] p {
  text-align: right !important;
}

html[dir="rtl"] [class*="lumin-text-"] .rte {
  text-align: right !important;
}

/* ===============================================
   POSITIONNEMENT DES ÉLÉMENTS RTL
   =============================================== */

/* Inverse les positions left/right */
html[dir="rtl"] [class*="image-text-content-"][class*="--top-left"] {
  justify-content: flex-end !important;
}

html[dir="rtl"] [class*="image-text-content-"][class*="--top-right"] {
  justify-content: flex-start !important;
}

html[dir="rtl"] [class*="image-text-content-"][class*="--middle-left"] {
  justify-content: flex-end !important;
}

html[dir="rtl"] [class*="image-text-content-"][class*="--middle-right"] {
  justify-content: flex-start !important;
}

html[dir="rtl"] [class*="image-text-content-"][class*="--bottom-left"] {
  justify-content: flex-end !important;
}

html[dir="rtl"] [class*="image-text-content-"][class*="--bottom-right"] {
  justify-content: flex-start !important;
}

/* Le centre reste centré */
html[dir="rtl"] [class*="image-text-content-"][class*="--center"] {
  justify-content: center !important;
}

/* ===============================================
   BOUTONS RTL
   =============================================== */

html[dir="rtl"] [class*="lumin-text-"] .button {
  margin-left: 0;
  margin-right: 0;
}

/* ===============================================
   IMAGES ET ICONES
   =============================================== */

html[dir="rtl"] [class*="lumin-head-"] img,
html[dir="rtl"] [class*="lumin-head-"] svg {
  margin-left: auto;
  margin-right: 0;
}

html[dir="rtl"] [class*="lumin-card-"] {
  margin-left: auto;
  margin-right: 0;
}

/* ===============================================
   OVERRIDE DES STYLES INLINE
   =============================================== */

/* Force l'alignement à droite même avec des styles inline center/left */
html[dir="rtl"] [style*="text-align: left"],
html[dir="rtl"] [style*="text-align: center"] {
  text-align: right !important;
}

/* ===============================================
   RESPONSIVE RTL
   =============================================== */

@media screen and (max-width: 749px) {
  html[dir="rtl"] [class*="column-"],
  html[dir="rtl"] [class*="lumin-text-"],
  html[dir="rtl"] [class*="lumin-head-"],
  html[dir="rtl"] [class*="lumin-content-"] {
    text-align: right !important;
  }
}

/* ===============================================
   RÈGLES SPÉCIFIQUES POUR LES VIDÉOS
   =============================================== */

html[dir="rtl"] [class*="video-container-"] {
  text-align: right !important;
}

html[dir="rtl"] [class*="video-padding-"] {
  text-align: right !important;
}

/* ===============================================
   RÈGLES POUR LES BORDURES ET ESPACEMENT
   =============================================== */

html[dir="rtl"] [class*="lumin-text-"][class*="show_border"] {
  text-align: right !important;
}

/* Pour les éléments avec des bordures négatives en RTL */
@media screen and (min-width: 601px) {
  html[dir="rtl"] [class*="column-"][style*="margin-bottom: -1px"] {
    margin-left: -1px;
    margin-right: 0;
  }
}


/* ===============================================
   SS - BEFORE/AFTER #9 SECTION RTL
   À ajouter dans ton fichier rtl.css
   =============================================== */

/* Container principal */
html[dir="rtl"] [class*="before-"] {
  direction: rtl;
}

/* Titre principal */
html[dir="rtl"] [class*="before-heading-"] {
  text-align: right !important;
}

html[dir="rtl"] [class*="before-heading-"] * {
  text-align: right !important;
}

/* Conteneur de contenu */
html[dir="rtl"] [class*="before-content-"] {
  direction: rtl;
}

/* Slider et navigation */
html[dir="rtl"] [class*="before-slider-"] {
  direction: rtl;
}

html[dir="rtl"] [class*="before-slide-"] {
  text-align: right !important;
}

/* Boutons de navigation */
html[dir="rtl"] [class*="before-buttons-"] {
  direction: rtl;
}

html[dir="rtl"] [class*="before-btn-prev-"],
html[dir="rtl"] [class*="before-btn-next-"] {
  order: 1;
}

html[dir="rtl"] [class*="before-btn-prev-"] {
  order: 2;
}

html[dir="rtl"] [class*="before-btn-next-"] {
  order: 1;
}

/* Images */
html[dir="rtl"] [class*="before-images-"] {
  direction: rtl;
}

html[dir="rtl"] [class*="before-image-"] {
  text-align: right;
}

/* Texte sur les images */
html[dir="rtl"] [class*="before-image-text-"] {
  right: 10px;
  left: auto;
  text-align: right;
}

/* Section review/titre */
html[dir="rtl"] [class*="before-review-"] {
  direction: rtl;
  justify-content: space-between;
}

html[dir="rtl"] [class*="before-review-title-"] {
  text-align: right !important;
}

/* Étoiles */
html[dir="rtl"] [class*="before-stars-"] {
  justify-content: flex-start !important;
}

/* Tags */
html[dir="rtl"] [class*="before-tags-"] {
  direction: rtl;
  justify-content: flex-start;
}

html[dir="rtl"] [class*="before-tag-"] {
  direction: rtl;
}

html[dir="rtl"] [class*="before-tag-text-"] {
  text-align: right;
}

/* Icônes dans les tags */
html[dir="rtl"] [class*="before-tag-icon-"] {
  margin-left: 5px;
  margin-right: 0;
}

/* Section produit */
html[dir="rtl"] [class*="before-product-"] {
  direction: rtl;
}

html[dir="rtl"] [class*="before-product-content-"] {
  direction: rtl;
}

html[dir="rtl"] [class*="before-product-image-"] {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] [class*="before-product-title-"] {
  text-align: right;
}

/* Boutons */
html[dir="rtl"] [class*="before-button-"] {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] [class*="before-button-inner-"] {
  direction: rtl;
  justify-content: center;
}

/* Texte en bas */
html[dir="rtl"] [class*="before-bottom-text-"] {
  text-align: right !important;
}

html[dir="rtl"] [class*="before-bottom-text-"] * {
  text-align: right !important;
}

/* ===============================================
   RESPONSIVE RTL POUR BEFORE/AFTER #9
   =============================================== */

@media screen and (min-width: 1024px) {
  /* Desktop alignments */
  html[dir="rtl"] [class*="before-heading-"] {
    text-align: right !important;
  }
  
  html[dir="rtl"] [class*="before-buttons-desktop-"] {
    margin-right: auto;
    margin-left: 0;
  }
}

@media screen and (max-width: 749px) {
  /* Mobile alignments */
  html[dir="rtl"] [class*="before-heading-"] {
    text-align: right !important;
  }
  
  html[dir="rtl"] [class*="before-buttons-mobile-"] {
    justify-content: center;
    direction: rtl;
  }
}

/* ===============================================
   SWIPER RTL OVERRIDES
   =============================================== */

html[dir="rtl"] .swiper {
  direction: rtl;
}

html[dir="rtl"] .swiper-slide {
  text-align: right;
}

html[dir="rtl"] .swiper-button-next,
html[dir="rtl"] .swiper-button-prev {
  direction: rtl;
}

/* ===============================================
   ALIGNEMENT FORCÉ POUR TOUS LES ÉLÉMENTS
   =============================================== */

/* Force l'alignement à droite pour tous les sous-éléments */
html[dir="rtl"] [class*="before-"] * {
  text-align: right;
}

/* Exceptions pour les éléments centrés */
html[dir="rtl"] [class*="before-button-"],
html[dir="rtl"] [class*="before-stars-"] {
  text-align: inherit;
}

/* Force la direction RTL sur les conteneurs flexbox */
html[dir="rtl"] [class*="before-"][style*="display: flex"],
html[dir="rtl"] [class*="before-"] [style*="display: flex"] {
  direction: rtl !important;
}


/* Règles RTL pour les titres de produits */
html[dir="rtl"] .title {
  text-align: right !important;
}

html[dir="rtl"] .h5 {
  text-align: right !important;
}

html[dir="rtl"] .text-truncate-2-line {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] .lm-product-wrapper .title {
  text-align: right !important;
}












/* ===============================================
   CORRECTION RTL POUR LES ICÔNES DE PAIEMENT
   À ajouter au fichier rtl.css
   =============================================== */

/* CORRECTION POUR LE CONTENEUR PARENT */
html[dir="rtl"] .footer_payment,
html[dir="rtl"] [class*="footer_payment"] {
  text-align: right !important;
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* CORRECTION SPÉCIFIQUE POUR LA CLASSE .list-payment-lm */
html[dir="rtl"] .list-payment-lm {
  justify-content: flex-start !important;
  direction: rtl;
  text-align: right !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: auto !important;
}

/* Forcer l'alignement des icônes de paiement à droite en RTL */
html[dir="rtl"] .payment-icons,
html[dir="rtl"] .payment-icons-wrapper,
html[dir="rtl"] .payment-methods {
  text-align: right !important;
  justify-content: flex-start !important;
  direction: rtl;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Cibler toutes les listes de paiement possibles */
html[dir="rtl"] ul.list-payment-lm,
html[dir="rtl"] .list-payment-lm,
html[dir="rtl"] [class*="list-payment"] {
  justify-content: flex-start !important;
  direction: rtl;
  text-align: right !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Pour les éléments li dans la liste */
html[dir="rtl"] .list-payment-lm li,
html[dir="rtl"] .list-payment_item {
  margin-right: 8px;
  margin-left: 0;
}

html[dir="rtl"] .list-payment-lm li:first-child,
html[dir="rtl"] .list-payment_item:first-child {
  margin-right: 0;
}

html[dir="rtl"] .list-payment-lm li:last-child,
html[dir="rtl"] .list-payment_item:last-child {
  margin-right: 8px;
}

/* Forcer l'alignement selon les classes générées par payment_content_alignment */
html[dir="rtl"] .payment-icons.left,
html[dir="rtl"] .payment-icons.center,
html[dir="rtl"] .payment-icons.right,
html[dir="rtl"] .payment_content_alignment_left,
html[dir="rtl"] .payment_content_alignment_center,
html[dir="rtl"] .payment_content_alignment_right {
  text-align: right !important;
  justify-content: flex-start !important;
}

/* Cibler les conteneurs avec data-alignment ou style inline */
html[dir="rtl"] [data-alignment="left"],
html[dir="rtl"] [data-alignment="center"],
html[dir="rtl"] [style*="text-align: left"],
html[dir="rtl"] [style*="text-align: center"],
html[dir="rtl"] [style*="justify-content: center"] {
  text-align: right !important;
  justify-content: flex-start !important;
}

/* Pour les icônes individuelles */
html[dir="rtl"] .payment-icons img,
html[dir="rtl"] .payment-icons svg,
html[dir="rtl"] .list-payment-lm img,
html[dir="rtl"] .list-payment-lm svg {
  margin-right: 8px;
  margin-left: 0;
}

html[dir="rtl"] .payment-icons img:first-child,
html[dir="rtl"] .payment-icons svg:first-child,
html[dir="rtl"] .list-payment-lm img:first-child,
html[dir="rtl"] .list-payment-lm svg:first-child {
  margin-right: 0;
}

/* Correction pour les blocks de paiement dans les produits */
html[dir="rtl"] [data-block-type="payment"] {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] [data-block-type="payment"] .list-payment-lm {
  justify-content: flex-start !important;
  direction: rtl;
}

/* Override complet pour toutes les classes liées au paiement */
html[dir="rtl"] [class*="payment"],
html[dir="rtl"] [class*="list-payment"] {
  text-align: right !important;
  justify-content: flex-start !important;
  direction: rtl;
}

/* Supprimer tout padding/margin qui pourrait créer un espacement */
html[dir="rtl"] .footer_payment *,
html[dir="rtl"] [class*="footer_payment"] * {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* CORRECTION SPÉCIFIQUE POUR LES ICÔNES DE PAIEMENT UNIQUEMENT */
html[dir="rtl"] .list-payment-lm {
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* CORRECTION POUR LA GALERIE - RESET DU PADDING */
html[dir="rtl"] .product__media-list,
html[dir="rtl"] ul#Slider-Gallery-template {
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


















/* ===============================================
   CORRECTION RTL POUR LA GALERIE PRODUIT
   Version propre et simplifiée
   =============================================== */

/* 1. IMAGES PRINCIPALES - Défilement RTL mais ordre normal */
html[dir="rtl"] .product__media-list {
  direction: rtl !important;
  scroll-snap-type: x mandatory;
}

html[dir="rtl"] .product__media-item,
html[dir="rtl"] .product__media-item--full {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* 2. VIGNETTES - Inverser seulement l'affichage */
html[dir="rtl"] .thumbnail-slider,
html[dir="rtl"] .product__media-thumbnails,
html[dir="rtl"] #Slider-Thumbnails {
  direction: rtl;
  flex-direction: row-reverse;
}

/* 3. MASQUER L'APERÇU DE LA 2E IMAGE */
html[dir="rtl"] .slider--mobile {
  overflow: hidden !important;
}

html[dir="rtl"] .grid--peek {
  width: 100% !important;
  margin: auto !important;
}

html[dir="rtl"] .grid--peek .grid__item {
  width: 100% !important;
  max-width: 100% !important;
}

/* 4. FLÈCHES DE NAVIGATION - Position correcte */
html[dir="rtl"] .slider-button {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3;
}

html[dir="rtl"] .slider-button--prev {
  left: 15px !important;
  right: auto !important;
}

html[dir="rtl"] .slider-button--next {
  right: 15px !important;
  left: auto !important;
}

/* 5. CONTENEUR PRINCIPAL */
html[dir="rtl"] .product__media-wrapper {
  position: relative;
  overflow: hidden;
  direction: ltr; /* Garder LTR pour l'image principale */
}

/* 6. CORRECTIONS MOBILE */
@media screen and (max-width: 749px) {
  html[dir="rtl"] .product__media-list .product__media-item {
    width: 100% !important;
    min-width: 100% !important;
    margin-right: 0 !important;
  }
  
  html[dir="rtl"] .grid--peek.slider--mobile {
    width: 100% !important;
    margin: auto !important;
  }
  
  html[dir="rtl"] .slider--mobile {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  html[dir="rtl"] .slider--mobile::-webkit-scrollbar {
    display: none;
  }
}

/* 7. CORRECTION SPÉCIFIQUE POUR LUMIN THEME */
html[dir="rtl"] .lumin-slider.slider {
  scroll-padding-left: 0 !important;
  scroll-padding-right: 0 !important;
}

html[dir="rtl"] .product__media-slider {
  direction: ltr !important;
}








html[dir="rtl"] .slideshow .page-width {
  padding-left: 0rem;
  padding-right: 0rem;
}









/* CORRECTION AFFICHAGE LOGO RTL */
html[dir="rtl"] .header__heading-link {
  text-align: center !important;
  justify-self: center !important;
}

html[dir="rtl"] .header__heading-logo {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

/* S'assurer que le SVG est visible */
html[dir="rtl"] .header__heading-logo svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Fallback text masqué quand logo présent */
html[dir="rtl"] .header__heading-link:has(.header__heading-logo) .h2 {
  display: none;
}