/* Style pour afficher les forfaits */
        .forfaits-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            padding: 20px;
            font-family: Arial, sans-serif;
            width: 100%;
            height: auto;
        }
        .forfait-card {
            background: #ffffff;
            border: 2px solid #7ba389;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            width: calc(10% - 7px);
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-bottom: 20px;
            color: #333;
            position: relative;
            padding: 10px;
        }
        .forfait-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }
        .forfait-card h3 {
            font-size: 20px !important;
            margin: 0px 0 15px;
            padding: 0;
            color: #7ba389 !important;
        }
        .forfait-card .price {
            font-size: 20px;
            margin: 5px 0;
            font-family: 'poly';
            font-weight: bold;
        }
        .forfait-card .minutes {
			font-family: 'Poly';
            font-size: 19px;
            margin: 10px 0;
            text-align: center;
            font-weight: bold;
            color: #b5995a;
        }
        .forfait-card .credits {
            font-size: 14px;
            margin: 10px 0;
            color: #888;
        }
        .forfait-card .buy-button {
            background-color: #7ba389;
            border: none;
            color: white;
            cursor: pointer;
			font-family: 'Poly';
            font-size: 1em;
            padding: 10px;
            text-transform: uppercase;
            transition: background-color 0.3s;
            border-radius: 5px;
        }
        .forfait-card .buy-button:hover {
            background-color: #477757;
        }
        .forfait-card .ribbon {
            width: 120px;
            height: 120px;
            overflow: hidden;
            position: absolute;
            top: -10px;
            right: -10px;
        }
        .forfait-card .ribbon span {
            position: absolute;
            display: block;
            width: 160px;
            height: 29px;
            padding: 5px 0;
            background-color: #b5995a;
            color: #fff;
			font-family: 'Poly';
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
            transform: rotate(39deg);
            top: 20px;
            right: -40px;
            box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        }
        .forfait-card .ribbon-recommend {
            background-color: #7ba389;
        }
        .forfait-card .ribbon-best {
            background-color: #7ba389 ;
        }
        /* Ajout de styles pour centrer l'image */
        .forfait-card img {
            display: block;
            margin: 0 auto;
		    max-width: 60%;
        }

@media (max-width: 1600px) {
            .forfait-card {
                width: calc(20.33% - 20px);
            }
        }

        @media (max-width: 1280px) {
            .forfait-card {
                width: calc(20.33% - 20px);
            }
        }
		
		@media (max-width: 932px) {
            .forfait-card {
                width: calc(30% - 20px);
            }
        }
		
		@media (max-width: 915px) {
            .forfait-card {
                width: calc(30% - 20px);
            }
        }
		
        @media (max-width: 900px) {
            .forfait-card {
                width: calc(35% - 20px);
            }
        }
        @media (max-width: 600px) {
            .forfait-card {
                width: calc(100% - 20px);
            }
        }



/* -------------------------------
   Mode saisonnier / fêtes (front)
--------------------------------- */
.forfait-card.vf-seasonal .vf-season-badge{
    position:absolute;
    top:10px;
    left:10px;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-family: 'Poly';
    font-weight: 700;
    z-index: 3;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.forfait-card .vf-overlay{
    position:absolute;
    inset:0;
    background: rgba(255,255,255,0.86);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding: 16px;
    z-index: 4;
    backdrop-filter: blur(3px);
}

.forfait-card .vf-overlay-title{
    font-family: 'Poly';
    font-weight: 800;
    color:#222;
    font-size: 16px;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.forfait-card .vf-overlay-dates{
    font-family: Arial, sans-serif;
    color:#444;
    font-size: 12px;
}

.forfait-card .buy-button.vf-disabled{
    background-color: #9aa3a0 !important;
    cursor: not-allowed !important;
    opacity: 0.85;
}

/* Empêche le badge de chevaucher le nom */
.forfait-card.vf-seasonal{
  padding-top: 10px; /* réserve de la place au badge - 48PX à la base*/
  position: relative; /* sécurité si pas déjà présent */
}

.forfait-card.vf-seasonal h3{
  margin-top: 0;
}

/* Badge : reste bien en haut */
.forfait-card.vf-seasonal .vf-season-badge{
  top: 12px;
  left: 12px;
  z-index: 5;
}


/* Presets visuels (si activés en admin) */
.forfait-card.vf-preset-xmas_gold{
    background:
      radial-gradient(circle at 20% 10%, rgb(181 153 90 / 31%), transparent 45%), radial-gradient(circle at 90% 70%, rgba(255, 255, 255, .34), transparent 55%), #f8b4c81f;
    border-color: rgb(181 153 90);
    color: #000;
}
.forfait-card.vf-preset-xmas_gold h3{ color:#de8706 !important; }
.forfait-card.vf-preset-xmas_gold .minutes{ color:#b5995a; }
.forfait-card.vf-preset-xmas_gold .buy-button{ background-color:#b5995a; }
.forfait-card.vf-preset-xmas_gold .buy-button:hover{ background-color:#9a7f44; }
.forfait-card.vf-preset-xmas_gold .vf-season-badge{ background: rgba(181,153,90,0.92); color:#fff; border-color: rgba(255,255,255,.15); }

.forfait-card.vf-preset-newyear_midnight{
    background:
      radial-gradient(circle at 20% 10%, rgba(160, 100, 255, .22), transparent 45%), radial-gradient(circle at 90% 70%, rgba(0, 200, 255, .16), transparent 55%), #ffffff;
    border-color: rgb(181 153 90);
    color: #000;
}
.forfait-card.vf-preset-newyear_midnight h3{ color:#ac3bd3 !important; }
.forfait-card.vf-preset-newyear_midnight .minutes{ color:#b5995a; }
.forfait-card.vf-preset-newyear_midnight .buy-button{ background-color:#b5995a; }
.forfait-card.vf-preset-newyear_midnight .vf-season-badge{ background: rgb(141 106 202); color:#fff; border-color: rgba(255,255,255,.15); }

.forfait-card.vf-preset-winter_ice{
    background:
      radial-gradient(circle at 20% 10%, rgba(0,160,255,.16), transparent 45%),
      radial-gradient(circle at 90% 70%, rgba(255,255,255,.34), transparent 55%),
      #f6fbff;
    border-color: rgb(181 153 90);
}
.forfait-card.vf-preset-winter_ice h3{ color:#477757 !important; }
.forfait-card.vf-preset-winter_ice .vf-season-badge{ background: rgba(123,163,137,0.92); color:#fff; border-color: rgba(0,0,0,.06); }
.forfait-card.vf-preset-winter_ice .buy-button{ background-color:#b5995a; }