/* LIVRAISON À DOMICILE : les repères « Retrait magasin » et « Livraison possible » (livraison.php).
   Chargée sur tout le site quand la livraison est ouverte à tous : les cartes produit sont partout
   (grille du magasin, sliders de l'accueil, mini-panier). Un seul code : le BRUN du site signale ce qui
   se retire seulement en magasin, le VERT ce qui peut partir en colis. Jamais la couleur seule : une
   icône et un mot l'accompagnent toujours. Rien sous 12 px. */

/* Boîtes à bordure comptée dans la largeur : sinon le bouton pleine largeur du tunnel débordait de sa carte. */
.bio-liv-tag,
.bio-liv-info,
.bio-liv-info * { box-sizing: border-box; }

/* La pastille « Retrait magasin », modernisée le 15/09/2026 à la demande du gérant : puce blanche, ombre douce, et le
   code couleur porté par une pastille ronde brune autour de l'icône (le brun = retrait seulement), texte brun lisible. */
.bio-liv-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 11px 3px 3px;
    border: 1px solid rgba(66, 46, 45, .14);
    border-radius: 999px;
    background: #fff;
    color: #422E2D;
    box-shadow: 0 1px 3px rgba(66, 46, 45, .1);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .3px; /* graisse et espacement des pastilles du site (remise) */
    text-transform: none; /* dans le panier, le nom du produit est en capitales : la pastille ne doit pas en hériter */
    white-space: nowrap;
    vertical-align: middle;
}
.bio-liv-tag svg,
.bio-liv-icone svg {
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.bio-liv-tag svg {
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    padding: 4px;
    border-radius: 50%;
    background: #422E2D;
    color: #fff;
    stroke-width: 2.2;
}

/* Sur une carte produit : en bas à gauche de la photo, le seul coin libre (remise et pastilles en haut à gauche, cœur en
   haut à droite). Carte blanche translucide qui flotte sur la photo. Positionnée en absolu : la carte garde sa hauteur. */
.bio-img-box > .bio-liv-tag--carte {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 3;
    pointer-events: none;
    border-color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .94);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 6px 16px rgba(66, 46, 45, .18), 0 1px 3px rgba(66, 46, 45, .1);
}
@media (max-width: 600px) {
    .bio-img-box > .bio-liv-tag--carte { left: 6px; bottom: 6px; padding-right: 9px; }
    .bio-img-box > .bio-liv-tag--carte svg { width: 20px; height: 20px; padding: 3.5px; }
}

/* Dans une ligne du panier ou du mini-panier : sous le nom du produit. */
.bio-liv-tag--ligne { display: flex; width: max-content; max-width: 100%; margin-top: 5px; }

/* Tuile d'icône arrondie, partagée par la fiche, le panier et le tunnel : brune pour le retrait, anis pour la livraison. */
.bio-liv-icone {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #fff;
    background: #422E2D;
}
.bio-liv-icone svg { width: 20px; height: 20px; }

/* Encadré de la fiche produit, du panier et du tunnel : copie conforme de l'encadré de réassurance du site, mesuré le 15/09/2026
   (bordure 1 px brun à faible opacité, coins de 14 px, fond crème, marges 16 × 18 px, sans ombre). Seules la tuile d'icône
   et la teinte distinguent le retrait (brun) de la livraison (anis), toujours avec le titre en mots. */
.bio-liv-info {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid rgba(66, 46, 45, .12);
    border-radius: 14px;
    background: #f9f7f2;
    color: #422E2D;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}
.bio-liv-info__texte { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bio-liv-info__texte strong { font-size: 15px; font-weight: 700; color: #422E2D; }
.bio-liv-info__texte > span { color: #6f6660; }
.bio-liv-info--livrable { border-color: rgba(168, 196, 0, .5); background: #F9FBEF; }
.bio-liv-info--livrable .bio-liv-icone { background: #A8C400; color: #422E2D; }

.bio-liv-fiche { margin: 14px 0 6px; }
.bio-liv-panier { margin: 0 0 18px; }
.bio-liv-panier .bio-liv-info__texte strong { font-size: 16px; }
/* La page panier a déjà un fond crème : l'encadré y devient une carte blanche, comme les cartes produit. */
.bio-liv-panier .bio-liv-info--retrait { background: #fff; border-color: rgba(66, 46, 45, .1); box-shadow: 0 1px 4px rgba(66, 46, 45, .03); }

.bio-liv-info__liste {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
.bio-liv-info__liste li {
    margin: 0;
    padding: 4px 12px;
    border: 1px solid #e8e3dc;
    border-radius: 999px;
    background: #fff;
    color: #422E2D;
    font-size: 13px;
}
a.bio-liv-info__action {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 44px;
    margin-top: 12px;
    padding: 10px 20px;
    border: 0;
    border-radius: 999px;
    background: #422E2D;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    transition: background-color .15s ease;
}
a.bio-liv-info__action:hover,
a.bio-liv-info__action:focus-visible { background: #5c6c00; color: #fff; }

/* Tunnel : la carte « retrait pour cette commande » reprend la carte du Click & Collect (.bio-cc-card). */
.bio-liv-indispo { margin-bottom: 18px; }
.bio-liv-indispo .bio-liv-info { margin-top: 12px; }

@media (max-width: 600px) {
    .bio-liv-info { padding: 12px; gap: 10px; }
    .bio-liv-icone { flex-basis: 32px; width: 32px; height: 32px; border-radius: 10px; }
    a.bio-liv-info__action { width: 100%; justify-content: center; }
}