.elementor-kit-66{--e-global-color-primary:#0050DE;--e-global-color-secondary:#545454;--e-global-color-text:#545454;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-66 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== PROPULV — Swatches Quantité (cartes) ===== */
.variations_form .swatch-group { margin: 0 0 14px 0; }
.variations_form .swatch-label { font-weight: 600; margin: 0 0 8px 2px; display: block; }

/* Quantité sur UNE ligne (scroll horizontal si besoin) */
.variations_form .swatch-items--qty {
  display: flex; flex-wrap: nowrap; gap: 12px; overflow-x: auto; padding-bottom: 4px;
}
.variations_form .swatch {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
  min-width: 122px; min-height: 116px; padding: 10px 12px;
  border: 2px solid #E5E7EB; border-radius: 14px; background: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.02); cursor: pointer; transition: .2s; text-align: center;
}
.variations_form .swatch:hover { border-color: #BFC7D1; transform: translateY(-1px); }
.variations_form .swatch.selected { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37,99,235,.08); }
.variations_form .swatch .swatch-visual { width: 82px; height: 82px; border-radius: 12px; margin-bottom: 6px; overflow: hidden;
  display:flex; align-items:center; justify-content:center; background: transparent; }
.variations_form .swatch .swatch-visual img { max-width: 100%; max-height: 100%; display: block; }
.variations_form .swatch .swatch-text { font-size: 13px; line-height: 1.15; color: #111827; white-space: normal; }
.variations_form .swatch .swatch-price { margin-top: 4px; font-size: 12px; font-weight: 600; color: #0f172a; opacity: .9; }

/* Cacher les selects natifs (par défaut) */
.variations_form .variations select { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* ===== FINITION (tiroir) déplacé + caret ===== */
.swatch-group--finish select{
  position: static !important; left:auto !important; width:100% !important; max-width:420px !important;
  height:auto !important; opacity:1 !important; display:block !important; margin:0 !important;
  padding:10px 40px 10px 12px !important; /* place pour le caret */
  border:2px solid #E5E7EB !important; border-radius:12px !important; background:#fff !important;
  font-size:14px !important; color:#111827 !important;
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; background-size:14px;
}
.swatch-group--finish select:focus{
  outline:none !important; border-color:#2563eb !important; box-shadow:0 0 0 4px rgba(37,99,235,.08) !important;
}

/* ===== RAL — Dropdown custom ===== */
.swatch-group--ral{ position:relative; max-width:420px; }
.ral-select{ position:relative; display:block; width:100%; }
.ral-select__trigger{
  display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:10px 12px;
  border:2px solid #E5E7EB; border-radius:12px; background:#fff; cursor:pointer; user-select:none;
}
.ral-select__trigger:focus, .ral-select--open .ral-select__trigger{ border-color:#2563eb; box-shadow:0 0 0 4px rgba(37,99,235,.08); }
.ral-chip{ width:28px; height:28px; border-radius:6px; border:1px solid rgba(0,0,0,.1); flex:0 0 28px; }
.ral-trigger-text{ display:flex; flex-direction:column; line-height:1.1; }
.ral-trigger-text .name{ font-size:14px; color:#111827; }
.ral-trigger-text .code{ font-size:12px; color:#6b7280; }
.ral-select__caret{ margin-left:auto; border:6px solid transparent; border-top-color:#6b7280; transform:translateY(2px); }

.ral-select__panel{
  position:absolute; left:0; right:0; top:calc(100% + 8px); background:#fff;
  border:2px solid #E5E7EB; border-radius:12px; box-shadow:0 10px 20px rgba(0,0,0,.06);
  z-index:50; max-height:300px; overflow:auto; padding:6px 0; display:none;
}
.ral-select--open .ral-select__panel{ display:block; }

.ral-select__search{ position:sticky; top:0; background:#fff; padding:8px 10px 6px; border-bottom:1px solid #F3F4F6; }
.ral-select__search input{ width:100%; height:36px; padding:8px 10px; border:1px solid #E5E7EB; border-radius:8px; font-size:14px; }

.ral-option{ display:flex; align-items:center; gap:10px; padding:10px 12px; cursor:pointer; transition:background .15s ease; }
.ral-option:hover{ background:#F3F4F6; }
.ral-option .texts{ display:flex; flex-direction:column; line-height:1.1; }
.ral-option .texts .name{ font-size:14px; color:#111827; }
.ral-option .texts .code{ font-size:12px; color:#6b7280; }

.ral-select__empty{ padding:10px 12px; color:#6b7280; font-size:13px; }

/* ===== Bouton Réinitialiser ===== */
.variation-reset{
  margin-top:8px; display:inline-flex; align-items:center; gap:8px;
  border:1px solid #E5E7EB; background:#fff; border-radius:10px; padding:8px 12px; cursor:pointer;
  font-size:13px; color:#374151;
}
.variation-reset:hover{ background:#F9FAFB; }/* End custom CSS */