/* ==========================================================================
   ANNONCES SHORTCODE STYLES
   ========================================================================== */

.annonces-list {
  display: flex;
  gap: 1%;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 10px;
}

.annonces-list .annonce-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 48%;
  padding: 1% 2%;
  background: #e1e1e1;
  box-shadow: 0px 0px 15px #cacaca;
}

.annonces-list .annonce-item .annonce-title,
.annonces-list .annonce-item .annonce-read-more {
  color: #af0b57;
}

.annonces-blog-shortcode h2.annonces-title,
.annonces-blog-shortcode p.annonces-intro {
  text-align: center;
}

.annonces-blog-shortcode h2.annonces-title {
  color: #af0b57;
  font-size: 2rem;
  font-weight: 600;
}

.annonces-blog-shortcode p.annonces-intro {
  margin-bottom: 3vh;
  font-size: 1.2rem !important;
}

#form-popup-edit-offres .annonces-list {
  flex-direction: column;
  margin-bottom: 10px;
}

#form-popup-edit-offres .annonces-list .annonce-item,
#form-popup-edit-offres .annonces-list .annonce-item .annonce-header {
  max-width: 100%;
  width: 100%;
}

#form-popup-edit-offres .annonces-list .annonce-item {
  padding: 0 !important;
  box-shadow: initial !important;
}

#form-popup-edit-offres .annonces-list .annonce-item .annonce-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid white;
  padding: 2%;
  box-sizing: border-box;
}

#form-popup-edit-offres .annonces-list .annonce-item .annonce-details {
  width: 100%;
}

#form-popup-edit-offres .annonces-list .annonce-item form {
  padding: 1%;
  display: flex;
  flex-wrap: wrap;
}

#form-popup-edit-offres .annonces-list .annonce-item form .form-field:nth-child(2) {
  order: 1;
}

#form-popup-edit-offres > div > div > div > div > div > div.annonces-list > div > div.annonce-details > form > div:nth-child(5) {
  order: 1;
  width: 100%;
}

#form-popup-edit-offres > div > div > div > div > div > div.annonces-list > div > div.annonce-details > form > div:nth-child(4) {
  order: 2;
}

#form-popup-edit-offres > div > div > div > div > div > div.annonces-list > div > div.annonce-details > form > div:nth-child(6) {
  order: 3;
  width: 100%;
}

#form-popup-edit-offres > div > div > div > div > div > div.annonces-list > div > div.annonce-details > form > button {
  order: 4;
  font-size: 1.1rem;
}

.annonce-details .form-field,
.new-annonce-form .form-field {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}

#form-popup-edit-offres .button {
  color: white;
  padding: 8px 10px;
  cursor: pointer;
  border: none;
  background-color: #af0b57;
}

#form-popup-edit-offres .annonces-list .annonce-title {
  font-size: 1.4rem;
}

.annonce-actions {
  display: flex;
  align-items: center;
}

.new-annonce-form {
  background-color: #e1e1e1;
  padding: 1%;
}

.new-annonce-form .image-preview {
  max-width: 15%;
}