/* -----------------------------
   Global Styles
------------------------------ */
body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 20px; /* Ajout d'un padding pour éviter que le contenu touche le bord */
    background-color: #f7f7f7;
    color: #333;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* -----------------------------
   Description Container
------------------------------ */
.description-container {
    max-width: 800px;              /* Limite la largeur pour une meilleure lisibilité */
    background-color: #fff;        /* Fond blanc pour contraster avec l'arrière-plan */
    padding: 20px;
    border-radius: 8px;            /* Bords arrondis */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Légère ombre pour le relief */
    margin-bottom: 30px;           /* Espace sous le container descriptif */
    text-align: center;
}

.description-container h1 {
    margin-bottom: 15px;
    font-size: 2em;
}

.description-container p {
    line-height: 1.6;             /* Améliore la lisibilité */
    margin-bottom: 10px;
}

.description-container ul {
    text-align: left;             /* Aligne les listes à gauche */
    list-style: inside square;     /* Style des puces */
    margin: 0 auto;
    max-width: 400px;
}

/* -----------------------------
   Apple Pay Container
------------------------------ */
.apple-pay-container {
    display: flex;
    flex-direction: column;        /* Aligne les éléments verticalement */
    align-items: center;
}

/* -----------------------------
   Decorative Arrows
------------------------------ */
.arrow {
    font-size: 24px;
    color: #555;
    margin: 10px;
}

/* -----------------------------
   Apple Pay Button Styling
------------------------------ */
apple-pay-button {
    border: none;                  /* Retire la bordure par défaut */
    cursor: pointer;               /* Curseur pointeur pour indiquer l'interactivité */
    transition: transform 0.3s ease; /* Animation de zoom lors du survol */
}

apple-pay-button:hover {
    transform: scale(1.05);        /* Agrandissement léger au survol */
}