/* ==========================================================
   PAGE "LES BIÈRES" - Au Gourmet
   CSS autonome, préfixé .ag-bieres pour éviter tout conflit
   ========================================================== */

.ag-bieres {
    --agb-bordeaux: #711522;
    --agb-fond: #f3efe7;
    --agb-texte: #252426;
    --agb-muted: #706b68;
    --agb-ligne: #d7d0c5;
    --agb-orange: #c8721e;
    --agb-rouge: #b3261e;
    --agb-bleu: #2f6fae;
    --agb-vert: #2f7a3d;

    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 35px 22px 50px;
    background: var(--agb-fond);
    color: var(--agb-texte);
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}
.ag-bieres *, .ag-bieres *:before, .ag-bieres *:after { box-sizing: border-box; }

.ag-bieres h1 {
    text-align: center;
    margin: 0 0 30px;
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    text-transform: uppercase;
    letter-spacing: .06em;
    text-decoration: underline;
    text-underline-offset: 8px;
}

.ag-bieres-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
    align-items: start;
}

.ag-bieres-colonne { display: flex; flex-direction: column; gap: 20px; }

.ag-bieres-brasserie h3 {
    margin: 0 0 6px;
    padding-bottom: 3px;
    border-bottom: 2px solid var(--agb-texte);
    font-size: .92rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
}
.ag-bieres-km { font-weight: 400; text-transform: none; color: var(--agb-muted); font-size: .82rem; }

.ag-bieres-liste { list-style: none; margin: 0; padding: 0; }
.ag-bieres-item {
    display: flex; justify-content: space-between; gap: 10px;
    padding: 2px 0 2px 12px; font-size: .82rem;
}
.ag-bieres-item span:first-child { flex: 1; }
.ag-bieres-prix { white-space: nowrap; color: var(--agb-muted); }

.ag-bieres-orange { color: var(--agb-orange); }
.ag-bieres-rouge { color: var(--agb-rouge); }
.ag-bieres-bleu { color: var(--agb-bleu); }
.ag-bieres-vert { color: var(--agb-vert); }
.ag-bieres-orange .ag-bieres-prix,
.ag-bieres-rouge .ag-bieres-prix,
.ag-bieres-bleu .ag-bieres-prix,
.ag-bieres-vert .ag-bieres-prix { color: inherit; opacity: .85; }

.ag-bieres-trappistes {
    border: 2px solid var(--agb-texte);
    padding: 16px 18px;
    background: #fff;
    align-self: start;
}
.ag-bieres-trappistes h3 {
    margin: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: .05em;
    text-decoration: underline;
}
.ag-bieres-trappistes .ag-bieres-item { padding-left: 0; font-size: .85rem; }

@media (max-width: 1100px) {
    .ag-bieres-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .ag-bieres-grid { grid-template-columns: 1fr; }
    .ag-bieres { padding: 26px 14px 36px; }
}