.gallery-preview {
  padding: 4rem 5%;
  background-color: var(--papier);
  margin-top: 105px;
}

.gallery-preview h2 {
    text-align: center;
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    margin-bottom: 2rem;
    color: #7a4e28;
    margin-top: 0px;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.gallery-item {
  flex: 0 0 calc(20% - 1rem);
  margin: 0.5rem;
  text-align: center;
  background: #fffaf0;
  padding: 1.5rem;
  border: 3px double var(--or);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  box-sizing: border-box;
}

.gallery-item:hover {
  transform: translateY(-5px);
}

.gallery-item img {
  max-width: 100%;
  border: 2px solid var(--or);
  margin-bottom: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.gallery-item h3 {
  font-family: 'Cinzel', serif;
  color: #7a4e28;
  margin: 0.5rem 0;
}

.gallery-header {
    display: flex;
    align-items: center;      /* aligne verticalement */
    justify-content: space-between; /* espace entre le titre et le select */
    margin-bottom: 20px;
}

.gallery-header h2 {
    margin: 0; /* supprime le margin par défaut du h2 */
}

.sort-form {
    display: flex;
    align-items: center;
    gap: 8px; /* petit espace entre label et select */
    
}
.sort-form label{
  font-weight: bold;
  font-variant: small-caps;
}

.sort-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: #fdf6e3 url("data:image/svg+xml;utf8,<svg fill='%23633' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>")
                no-repeat right 12px center;
    background-size: 16px;

    padding: 10px 40px 10px 12px;
    border: 2px solid #633;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    font-family: "Garamond", "Times New Roman", serif;
    color: #3b2b1d;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.sort-form select:hover {
    background-color: #f2e6c9;
    border-color: #3b2b1d;
}

.sort-form select:focus {
    outline: none;
    border-color: #2a1a0f;
    box-shadow: 0 0 8px rgba(59, 43, 29, 0.5);
}

.sort-form option {
    background: #fdf6e3;   /* effet parchemin */
    color: #3b2b1d;        /* brun ancien */
    font-family: "Garamond", serif;
    padding: 6px 12px;
}



.load-more-container {
    text-align: center;
    margin-top: 2rem;
}

.load-more-container .button {
    display: inline-block;
    padding: 0.8rem 1.5rem;
    background-color: var(--or);
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.load-more-container .button:hover {
    background-color: #e1c96e;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}

.gallery-item-image-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.item-status-price {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  background-color: #fffaf0;
  border: 1px solid #7a4e28;
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
  font-size: 0.85rem;
  font-family: 'Poppins', sans-serif;
  margin: 0.5rem auto; /* espace vertical et centré */
  max-width: fit-content; /* largeur ajustée au contenu */
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.status {
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
}

.status.in-stock {
  background-color: #3a6e3a;
  border: 1px solid #2d552d;
}

.status.sold-out {
  background-color: #a94442;
  border: 1px solid #793737;
}

.price {
  font-weight: 700;
  color: #7a4e28;
  border-left: 1px solid #7a4e28;
  padding-left: 6px;
  white-space: nowrap;
}