/* Conteneur principal des séjours */
.sejour-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
padding: 20px;
margin: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sejour-card:hover {
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}
/* Haut de la carte (dates + badge) */
.sejour-header {
margin-bottom: 15px;
position: relative;
}
.sejour-date {
font-size: 16px;
font-weight: 600;
color: #1a2b49;
margin: 0;
}
.sejour-badge {
display: inline-block;
background: #b18a4c; /* couleur dorée */
color: #fff;
font-size: 13px;
padding: 4px 10px;
border-radius: 6px;
margin-top: 8px;
}
/* Corps de la carte */
.sejour-body {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.sejour-details {
font-size: 14px;
color: #444;
line-height: 1.6;
margin-bottom: 15px;
}
.sejour-price {
text-align: left;
margin-top: auto;
}
.sejour-price .prix-label {
display: block;
font-size: 13px;
color: #666;
margin-bottom: 4px;
}
.sejour-price .prix-value {
font-size: 22px;
font-weight: bold;
color: #6b6b2e;
}
.sejour-price .prix-person {
font-size: 14px;
color: #333;
margin-left: 5px;
}
/* Pied de carte (boutons) */
.sejour-footer {
margin-top: 20px;
display: flex;
gap: 10px;
}
.sejour-footer a {
flex: 1;
text-align: center;
padding: 10px 12px;
font-size: 14px;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
}
/* Bouton Réserver */
.btn-reserver {
background: #0f4c75;
color: #fff;
}
.btn-reserver:hover {
background: #0c3a5a;
}
/* Bouton En savoir plus */
.btn-info {
background: #e6eef7;
color: #0f4c75;
}
.btn-info:hover {
background: #d3e1f0;
}
/* Bouton Complet */
.btn-complet {
background: #ccc;
color: #666;
}
.btn-complet:hover {
background: #bbb;
}
/* Bouton Liste d'attente */
.btn-attente {
background: #f5e6cc;
color: #8c5e2e;
}
.btn-attente:hover {
background: #edd8b3;
}
/* Message quand il n’y a pas de séjours */
.no-sejour {
text-align: center;
font-size: 16px;
font-weight: 500;
color: #555;
padding: 30px;
background: #fafafa;
border-radius: 12px;
}