body:has(.ywraq-form-table-wrapper) .alert.alert-warning {
  margin-bottom: var(--adebeo-spacing-m);
  padding: var(--adebeo-spacing-s);
  border-radius: var(--adebeo-border-radius-xs);
  background-color: var(--adebeo-color-primary);
  color: var(--adebeo-white);
}

.ywraq-wrapper.ywraq-empty .ywraq-before-form {
  display: flex;
  flex-direction: column;
  gap: var(--adebeo-spacing-s);
  justify-content: center;
  align-items: center;
  text-align: center;
}

#yith-ywrq-table-list thead th {
  display: none;
}

.yith-ywraq-before-table-wc-backward {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24.001 16.499"><path fill="%23006270" d="M8.257 0a.75.75 0 0 0-.537.219l-7.5 7.5a.75.75 0 0 0 0 1.06l7.5 7.5a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.06L1.811 8.25l6.97-6.97a.75.75 0 0 0 0-1.061A.75.75 0 0 0 8.256 0Z"/><path fill="%23006270" d="M.75 7.498a.75.75 0 0 0-.75.75.75.75 0 0 0 .75.75h22.502a.75.75 0 0 0 .75-.75.75.75 0 0 0-.75-.75h-4.348z"/></svg>')
    left center no-repeat;
  background-size: 18px;
  padding: 0 0 0 28px;
  border: none;
  color: var(--adebeo-color-primary);
  text-decoration: underline;
}

.yith-ywraq-before-table .yith-ywraq-before-table-wc-backward:before,
.yith-ywraq-before-table .yith-ywraq-before-table-wc-backward:after {
  display: none;
}

/* =================================== */
/* DEVIS FORM */
/* =================================== */

#yith-ywraq-form table {
  margin: 0;
  display: block;
  width: 100%;
}

.ywraq-form-table-wrapper thead {
  display: none;
}

.ywraq-form-table-wrapper tbody {
  display: grid;
  gap: 1rem;
}

.ywraq-form-table-wrapper tr {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  order: 0;
}

.ywraq-form-table-wrapper tr:has(.actions) {
  order: -1;
}

.ywraq-form-table-wrapper .cart_item {
  padding: var(--adebeo-spacing-s);
  border: 2px solid var(--adebeo-color-primary);
  border-radius: var(--adebeo-border-radius-xs);
}

.ywraq-form-table-wrapper .product-remove {
  position: absolute;
  z-index: 8;
  top: var(--adebeo-spacing-s);
  right: var(--adebeo-spacing-s);
  width: 32px;
  height: 32px;
  top: 8px;
  left: 8px;
}

.product-remove a.yith-ywraq-item-remove.remove {
  text-decoration: none;
  width: 32px;
  height: 32px;
  background-color: var(--adebeo-accent-color);
  border-radius: 30px;
  color: var(--adebeo-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

.product-remove a.yith-ywraq-item-remove.remove:hover {
  transform: scale(1.25);
}

.ywraq-form-table-wrapper .product-thumbnail a {
  pointer-events: none;
}

.ywraq-form-table-wrapper .product-name a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  font-weight: 700;
  color: var(--adebeo-color-primary);
  font-size: var(--adebeo-font-size-text);
}

.raq-send-request-row .button,
.update-list-wrapper .button {
  background-color: var(--adebeo-accent-color);
  color: var(--adebeo-white);
  border: none;
  border-radius: var(--adebeo-border-radius-xs);
  padding: var(--adebeo-spacing-2xs) var(--adebeo-spacing-s);
  height: 56px;
}

/* Responsive : adapte les colonnes sur mobile */

@media (min-width: 1024px) {
  .ywraq-form-table-wrapper .product-thumbnail {
    position: absolute;
    top: var(--adebeo-spacing-s);
    left: var(--adebeo-spacing-s);
  }

  .ywraq-form-table-wrapper .product-thumbnail img {
    height: 80px;
    width: 130px;
    object-fit: cover;
    border-radius: var(--adebeo-border-radius-xs);
  }

  .ywraq-form-table-wrapper .product-name a {
    padding-left: 142px;
    padding-right: 130px;
    min-height: 80px;
  }
  .ywraq-form-table-wrapper .product-quantity {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}

@media (max-width: 1023px) {
  .ywraq-form-table-wrapper .product-thumbnail {
    display: none !important;
  }
  .ywraq-form-table-wrapper .product-name a {
    padding-left: 60px;
  }
  #yith-ywraq-form .product-quantity {
    padding: var(--adebeo-spacing-s) 0;
  }
  #yith-ywraq-form .product-quantity .quantity {
    margin-left: auto;
  }
}

/* =================================== */
/* DEVIS FORM */
/* =================================== */

.ywraq-wrapper .yith-ywraq-mail-form-wrapper {
  margin: 0;
  padding: 0;
}

.ywraq-wrapper .yith-ywraq-mail-form-wrapper h3 {
  margin-bottom: var(--adebeo-spacing-m);
}

#yith-ywraq-default-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--adebeo-spacing-s);
  background-color: var(--adebeo-color-primary);
  color: var(--adebeo-white);
  padding: var(--adebeo-spacing-s);
  border-radius: var(--adebeo-border-radius-xs);
}

.ywraq-wrapper .yith-ywraq-mail-form-wrapper .form-row {
  padding-left: 0;
  padding-right: 0;
}

.ywraq-wrapper .span.ywraq_error {
  color: var(--adebeo-white);
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row.form-row-wide,
.yith-ywraq-mail-form-wrapper .form-row {
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  #yith-ywraq-default-form {
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: dense;
  }
  #yith-ywraq-default-form .form-row {
    grid-column: span 6;
  }
  #yith-ywraq-default-form .raq-send-request-row {
    grid-column: span 12;
    margin-top: var(--adebeo-spacing-s);
  }
  #yith-ywraq-default-form .raq-send-request-row .button {
    margin: auto;
  }
  #yith-ywraq-default-form #society_field {
    grid-column: span 12;
  }
  #yith-ywraq-default-form #adress_field {
    grid-column: span 8;
  }
  #yith-ywraq-default-form #postal_code_field {
    grid-column: span 4;
  }
}

@media (min-width: 768px) {
  .yith-ywraq-mail-form-wrapper .form-row.form-row-wide {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .raq-send-request-row .button {
    width: 100%;
  }
}

/* =================================== */
/* DEVIS LAYOUT */
/* =================================== */

.ywraq-wrapper .ywraq-form-table-wrapper {
  margin-top: var(--adebeo-spacing-l);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--adebeo-spacing-l);
}

.update-list-wrapper {
  display: none;
}

@media (min-width: 1024px) {
  .ywraq-wrapper .ywraq-form-table-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--adebeo-spacing-l);
  }
  .ywraq-wrapper .ywraq-before-form {
    grid-column: span 2;
  }
}
