.elementor-123 .elementor-element.elementor-element-4d72bc22{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-123 .elementor-element.elementor-element-85798b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-123 .elementor-element.elementor-element-72981d0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-123 .elementor-element.elementor-element-9631de{text-align:start;}.elementor-123 .elementor-element.elementor-element-9631de .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-123 .elementor-element.elementor-element-2481429c .cart button, .elementor-123 .elementor-element.elementor-element-2481429c .cart .button{transition:all 0.2s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-123 .elementor-element.elementor-element-63d6de87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-123 .elementor-element.elementor-element-6beeeb47 .gallery-item .gallery-caption{text-align:center;}@media(min-width:768px){.elementor-123 .elementor-element.elementor-element-85798b3{--width:50%;}.elementor-123 .elementor-element.elementor-element-72981d0e{--width:50%;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-2481429c *//* =====================================================
   ZAWAJ SIGNATURE — Style premium du formulaire produit
   v2 — Sélecteurs réels Fields Factory (.wccpf_*)
   ===================================================== */

:root {
  --zawaj-gold: #C9A24E;
  --zawaj-gold-dark: #A88641;
  --zawaj-gold-soft: rgba(201, 162, 78, 0.12);
  --zawaj-cream: #FAF7F0;
  --zawaj-border: #E5DCC8;
  --zawaj-text: #2A2620;
  --zawaj-muted: #8B857A;
}
table.wccpf_fields_table td.wccpf_label, table.wccpf_fields_table td.wccpf_label label {width:300px;}
/* =====================================================
   1. EFFACER LE FOND GRIS — wrappers et tables
   ===================================================== */
.wccpf-fields-container,
.wccpf-fields-group-container,
.wcff-fields-group {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 24px 0 0 0 !important;
}

.wccpf_fields_table,
.wccpf_fields_table tbody,
.wccpf_fields_table tr,
.wccpf_fields_table td {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* =====================================================
   2. LAYOUT — label EN HAUT, input EN BAS (stack vertical)
   ===================================================== */
.wccpf_fields_table {
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  border-collapse: collapse !important;
  display: block !important;
  table-layout: auto !important;
}

.wccpf_fields_table tbody,
.wccpf_fields_table tr {
  display: block !important;
  width: 100% !important;
}

.wccpf_fields_table td.wccpf_label,
.wccpf_fields_table td.wccpf_value {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  vertical-align: top !important;
}

.wccpf_fields_table td.wccpf_label {
  margin-bottom: 8px !important;
}

/* =====================================================
   3. LABEL — étoile sur la même ligne, jamais en bas
   ===================================================== */
.wccpf_fields_table .wccpf_label label,
.wccpf_label label {
  font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  color: var(--zawaj-text) !important;
  letter-spacing: 0.4px !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  background: transparent !important;
  white-space: normal !important;
}

/* L'astérisque rouge → or, et FORCÉ sur la même ligne */
.wccpf_fields_table .wccpf_label label span,
.wccpf_label label > span {
  color: var(--zawaj-gold) !important;
  font-weight: 700 !important;
  margin-left: 4px !important;
  display: inline !important;
  white-space: nowrap !important;
  position: static !important;
  vertical-align: baseline !important;
  font-size: 17px !important;
}

/* =====================================================
   4. INPUTS / TEXTAREA / SELECT
   ===================================================== */
.wccpf_fields_table input[type="text"],
.wccpf_fields_table input[type="email"],
.wccpf_fields_table input[type="number"],
.wccpf_fields_table input[type="tel"],
.wccpf_fields_table input[type="url"],
.wccpf_fields_table input.wccpf-datepicker,
.wccpf_fields_table textarea,
.wccpf_fields_table select,
.wccpf-field {
  width: 100% !important;
  border: 1px solid var(--zawaj-border) !important;
  border-radius: 6px !important;
  padding: 13px 16px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  background: #FFFFFF !important;
  color: var(--zawaj-text) !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
  outline: none !important;
  line-height: 1.5 !important;
  height: auto !important;
  box-sizing: border-box !important;
}

.wccpf_fields_table input:focus,
.wccpf_fields_table textarea:focus,
.wccpf_fields_table select:focus,
.wccpf-field:focus {
  border-color: var(--zawaj-gold) !important;
  box-shadow: 0 0 0 3px var(--zawaj-gold-soft) !important;
  background: #FFFEFB !important;
}

.wccpf_fields_table input::placeholder,
.wccpf_fields_table textarea::placeholder {
  color: #C5BEAE !important;
  font-style: italic;
  font-weight: 300;
}

.wccpf_fields_table textarea {
  min-height: 110px !important;
  resize: vertical !important;
  line-height: 1.6 !important;
}

/* =====================================================
   5. CHECKBOXES — pastilles élégantes
   ===================================================== */
.wccpf-field-layout-horizontal {
  list-style: none !important;
  padding: 4px 0 0 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.wccpf-field-layout-horizontal li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
}

.wccpf-field-layout-horizontal label.wcff-option-wrapper-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  background: var(--zawaj-cream) !important;
  border: 1px solid var(--zawaj-border) !important;
  border-radius: 30px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--zawaj-text) !important;
  transition: all 0.2s ease !important;
  letter-spacing: 0.2px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.wccpf-field-layout-horizontal label.wcff-option-wrapper-label:hover {
  border-color: var(--zawaj-gold) !important;
  background: #FFFFFF !important;
}

.wccpf-field-layout-horizontal label.wcff-option-wrapper-label:has(input:checked) {
  border-color: var(--zawaj-gold) !important;
  background: var(--zawaj-gold-soft) !important;
  color: var(--zawaj-gold-dark) !important;
  font-weight: 500 !important;
}

.wccpf-field-layout-horizontal input[type="checkbox"],
.wccpf-field-layout-horizontal input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--zawaj-gold) !important;
  margin: 0 !important;
  cursor: pointer;
  flex-shrink: 0;
}

/* =====================================================
   6. MESSAGES DE VALIDATION
   ===================================================== */
.wccpf-validation-message {
  color: #C04545 !important;
  font-size: 13px !important;
  margin-top: 4px !important;
  font-style: italic;
  display: block;
}

/* =====================================================
   7. JQUERY UI DATEPICKER (calendrier)
   ===================================================== */
.ui-datepicker {
  border: 1px solid var(--zawaj-border) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
  background: #FFFFFF !important;
  font-family: inherit !important;
}

.ui-datepicker .ui-datepicker-header {
  background: transparent !important;
  border: none !important;
  color: var(--zawaj-text) !important;
  font-weight: 600 !important;
  padding: 8px 0 !important;
}

.ui-datepicker td a,
.ui-datepicker td span {
  border-radius: 4px !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  color: var(--zawaj-text) !important;
  padding: 6px 0 !important;
  transition: all 0.15s ease !important;
}

.ui-datepicker td a:hover {
  background: var(--zawaj-gold-soft) !important;
  color: var(--zawaj-gold-dark) !important;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight {
  background: var(--zawaj-gold) !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer !important;
  border-radius: 4px !important;
  background: var(--zawaj-cream) !important;
  color: var(--zawaj-gold-dark) !important;
}

/* =====================================================
   8. BOUTON AJOUTER AU PANIER
   ===================================================== */
.elementor-add-to-cart .single_add_to_cart_button,
form.cart .single_add_to_cart_button,
button.single_add_to_cart_button {
  background: linear-gradient(135deg, var(--zawaj-gold) 0%, var(--zawaj-gold-dark) 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 16px 36px !important;
  font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 14px rgba(201, 162, 78, 0.28) !important;
  margin-top: 4px !important;
  width: auto !important;
}

.elementor-add-to-cart .single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover {
  background: linear-gradient(135deg, var(--zawaj-gold-dark) 0%, #8E6F35 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(201, 162, 78, 0.4) !important;
}

.elementor-add-to-cart .single_add_to_cart_button:active {
  transform: translateY(0) !important;
}

/* =====================================================
   9. QUANTITÉ
   ===================================================== */
.elementor-add-to-cart .quantity input.qty,
form.cart .quantity input.qty {
  border: 1px solid var(--zawaj-border) !important;
  border-radius: 6px !important;
  padding: 13px !important;
  font-size: 15px !important;
  width: 70px !important;
  text-align: center !important;
  background: #FFFFFF !important;
  transition: all 0.25s ease !important;
  height: auto !important;
  box-shadow: none !important;
}

.elementor-add-to-cart .quantity input.qty:focus {
  border-color: var(--zawaj-gold) !important;
  box-shadow: 0 0 0 3px var(--zawaj-gold-soft) !important;
  outline: none !important;
}

/* =====================================================
   10. RESPONSIVE MOBILE
   ===================================================== */
@media (max-width: 640px) {
  .wccpf_fields_table {
    margin-bottom: 14px !important;
  }
  .wccpf_fields_table .wccpf_label label {
    font-size: 16px !important;
  }
  .wccpf_fields_table input,
  .wccpf_fields_table textarea,
  .wccpf_fields_table select {
    padding: 12px 14px !important;
    font-size: 14px !important;
  }
  .elementor-add-to-cart .single_add_to_cart_button {
    width: 100% !important;
    padding: 16px 24px !important;
    font-size: 14px !important;
  }
  .wccpf-field-layout-horizontal {
    gap: 8px !important;
  }
  .wccpf-field-layout-horizontal label.wcff-option-wrapper-label {
    padding: 7px 12px !important;
    font-size: 13px !important;
  }
}

/* =====================================================
   11. ANIMATION D'APPARITION
   ===================================================== */
.wccpf_fields_table {
  animation: zawaj-fade-up 0.4s ease backwards;
}
.wccpf_fields_table:nth-of-type(1) { animation-delay: 0.05s; }
.wccpf_fields_table:nth-of-type(2) { animation-delay: 0.10s; }
.wccpf_fields_table:nth-of-type(3) { animation-delay: 0.15s; }
.wccpf_fields_table:nth-of-type(4) { animation-delay: 0.20s; }
.wccpf_fields_table:nth-of-type(5) { animation-delay: 0.25s; }

@keyframes zawaj-fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}/* End custom CSS */