/* =========================================================================
   Pizza Soleïade — CSS custom minimal
   Le style du site est géré par Tailwind CSS (CDN). On ne garde ici que les
   quelques cas non couverts par les classes utilitaires.
   ========================================================================= */

/* Ruban violet du hero (forme en chevron, impossible en pur Tailwind) */
.ribbon-purple {
  display: inline-block;
  background-color: #a378b6; /* purple */
  color: #ffffff;
  padding: 10px 34px;
  clip-path: polygon(10% 0, 100% 0, 90% 50%, 100% 100%, 0 100%, 10% 50%);
}

/* --- Touches "Italie" : tricolore vert / blanc / rouge --- */
.tricolore {
  background: linear-gradient(to right,
    #009246 0 33.333%, #ffffff 33.333% 66.666%, #ce2b37 66.666% 100%);
}
.tricolore-v {
  background: linear-gradient(to bottom,
    #009246 0 33.333%, #ffffff 33.333% 66.666%, #ce2b37 66.666% 100%);
}
/* Version douce (transparente) pour un liseré plus discret */
.tricolore-soft {
  background: linear-gradient(to right,
    rgba(0,146,70,0.85) 0 33.333%, rgba(255,255,255,0.9) 33.333% 66.666%, rgba(206,43,55,0.85) 66.666% 100%);
}
/* Petit séparateur tricolore centré (titres de section) */
.tricolore-divider {
  width: 90px; height: 4px; margin: 12px auto 0; border-radius: 9999px;
  background: linear-gradient(to right,
    #009246 0 33.333%, #ffffff 33.333% 66.666%, #ce2b37 66.666% 100%);
}