header{
  z-index:999;
}


#additional_fields .row{
  display:flex;
  flex-direction:column;
}

#additional_fields .row .col-md-12{
  order:1;
}

#additional_fields .row .col-md-12#group-form-lien_video_de_l_experience_ou_du_produit{
  order:2;
}

#formContent{
  display: flex;
  flex-direction: column;
}

#formContent *{
  order:1;
}

#formContent .listing_form_variants{
  order:2;
}

#formContent #listing-form-variants-section{
  order:3;
}

#formContent #listing-form-price-section{
  order:4;
}

#formContent #listing-form-inventory-section{
  order:5;
}



.vendor_label_section{
  border-top: 1px solid #999;
  padding-top:1rem;
  margin-top:2rem;
}

.label_content_wrapper{
  border-radius:0.5rem;
  background:#f2f4dc;
  padding:2em;
  text-align:center;
}
.label_content_wrapper svg{
  margin-bottom: 1em;
  fill: #b2b211;
  height:30px;
}

.sf_label_badge {
  position: absolute;
  top: 2%;
  right: 5%;
  width:20%;
}

a.vendor_name {
  display: flex;
  gap: 5px;
  line-height: 1.3em;
  max-width: 80%;
  margin-bottom: 0.5em;
  align-items: center;
}

@media(max-width:640px){
  .sf_label_badge {
    right: 10%;
  }
}

@media(min-width:1024px){
  .sf_label_badge {
    width: 27%;
  }
  a.vendor_name {
    max-width: 70%;
  }
}


/* =========================================================
   HOMEPAIR – MESSAGES (SAFE LIGHT STYLING)
   - Geen layout overrides
   - Geen wildcard * selectors
   - Alles blijft zichtbaar
   ========================================================= */

/* Zachte pagina achtergrond */
.main-content-inbox{
  background: #f5f8fc;
}

/* Center de inbox iets mooier */
#inbox{
  max-width: 1280px;
  margin: 24px auto;
  padding: 0 16px;
}

/* Card look op de totale messages wrapper */
#inbox article.index,
#inbox .index{
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  overflow: hidden;
}

/* Inputs/textarea netter, maar zonder !important spam */
#inbox textarea{
  border-radius: 12px;
}

/* Buttons iets ronder */
#inbox button,
#inbox a.btn,
#inbox input[type="submit"]{
  border-radius: 10px;
}

/* Avatars rond (veilig) */
#inbox img{
  border-radius: 999px;
}

/* Mobiel spacing */
@media (max-width: 900px){
  #inbox{
    margin: 12px auto;
    padding: 0 10px;
  }
}

