* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #f3ede6 url("images/paper-texture.png") center/cover no-repeat fixed;
    font-family: 'Cormorant Garamond', serif;
    color: #4b433d;
    text-align: center;
}

/* Floral decorations */

.floral-top,
.floral-bottom {
    width: 100%;
    height: 220px; /* ajuste selon ton visuel */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.floral-top {
    background-image: url("images/floral-top.png");
}

.floral-bottom {
    background-image: url("images/floral-bottom.png");
}

/* Hero section */

.hero {
    padding: 40px 20px 20px;
}

h1 {
    font-family: 'Allura', cursive;
    font-size: 4rem;
    font-weight: 400;
}

.divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 20px;
    gap: 15px;
}

.divider span {
    width: 60px;
    height: 1px;
    background: #b8a99a;
}

.divider p {
    font-size: 0.9rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.main-date {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    font-weight: 400;
    margin: 15px 0;
}

.announcement {
    font-style: italic;
    margin-bottom: 30px;
}

/* Buttons */

.buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.btn {
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-decoration: none;
    transition: 0.3s ease;
}

.filled {
    background: #b8a99a;
    color: white;
}

.outline {
    border: 1px solid #b8a99a;
    color: #6f6257;
}

.btn:hover {
    opacity: 0.85;
}

/* Agenda */

.agenda {
    padding: 60px 20px;
}

.agenda h3 {
    font-family: 'Allura', cursive;
    font-size: 2.5rem;
    margin-bottom: 30px;
}

.paper-card {
    background: #fbf6ef;
    max-width: 520px;
    margin: auto;
    padding: 40px 20px;
    border-radius: 6px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

.month {
    letter-spacing: 4px;
    font-size: 0.9rem;
}

.line {
    height: 1px;
    background: #cdbfb2;
    margin: 15px 40px;
}

.big-date {
    font-family: 'Playfair Display', serif;
    font-size: 3.5rem;
    margin: 10px 0;
}

.days {
    font-style: italic;
}

/* Responsive */

@media (max-width: 600px) {

    h1 {
        font-size: 2.8rem;
    }

    .main-date {
        font-size: 2rem;
    }

    .big-date {
        font-size: 2.5rem;
    }

    .top-floral,
    .bottom-floral {
        height: 150px;
    }

}