/* ============================================ PAPI JANO — Override iframe (boissons / vins) À injecter dans le des pages iframe ============================================ */ /* --- Fonts (depuis le domaine principal) --- */ @import url('../fonts/playfair-display-regular-latin.woff2'); /* Variables identiques au site principal */ :root { --color-bg: #1a1a1a; --color-card: #2a2a2a; --color-gold: #c4a265; --color-gold-light: #d4b87a; --color-cream: #f5f0e8; --color-muted: #c8c0b4; --color-border: rgba(196, 162, 101, 0.15); --color-border-strong:rgba(196, 162, 101, 0.3); --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif; --font-body: 'Source Sans 3', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; } /* --- Base --- */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html, body { background-color: var(--color-bg); color: var(--color-cream); font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; padding: 1.5rem; } /* --- Table principale → reproduit .menu__category --- */ table { width: 100%; border-collapse: collapse; margin-bottom: 2.5rem; } /* Toutes les cellules */ td { font-family: var(--font-body); font-weight: 300; font-size: 0.9rem; color: var(--color-muted); padding: 0.75rem 0.5rem; border-bottom: 1px solid var(--color-border); vertical-align: middle; } tr:last-child td { border-bottom: none; } /* Lignes vides → séparateurs invisibles */ tr:has(td:empty) td { padding: 0; border: none; } /* --- Titres de section (1ère cellule non-vide d'une ligne seule) --- Les lignes "Les apéritifs", "EAUX, SODAS…", etc. → .menu__category-title */ tr:has(td[colspan]), tr:first-child { border-bottom: 1px solid var(--color-border-strong); } /* Cellule qui contient un titre de catégorie : repérable car la 2e et 3e cellules sont vides ou contiennent une unité courte */ td:first-child:not(:empty) { font-family: var(--font-display); font-weight: 700; } /* Ligne dont la 1ère td est en majuscules ou commence par "Les " → titre */ tr td:first-child[style*="bold"], tr td:first-child b, tr td:first-child strong { font-family: var(--font-display); font-size: 1.4rem; color: var(--color-gold); text-transform: uppercase; letter-spacing: 0.1em; padding-top: 1.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--color-border-strong); display: block; } /* --- Nom du plat (1ère colonne) → .menu__name --- */ td:first-child { font-family: var(--font-display); font-weight: 700; font-size: 1.05rem; color: var(--color-cream); width: 65%; } /* --- Prix (dernière colonne) → .menu__price --- */ td:last-child:not(:empty) { font-family: var(--font-body); font-weight: 600; font-size: 1.05rem; color: var(--color-cream); text-align: right; white-space: nowrap; width: auto; } /* --- Colonne centrale (unité, contenance) → .menu__desc --- */ td:not(:first-child):not(:last-child):not(:empty) { font-size: 0.85rem; color: var(--color-muted); font-weight: 300; font-style: italic; text-align: center; width: 15%; } /* --- Descriptions de vins (2e ligne d'un vin, en italique) --- */ tr td:first-child em, tr td:first-child i { font-family: var(--font-body); font-weight: 300; font-size: 0.85rem; color: var(--color-muted); font-style: italic; display: block; margin-top: 0.2rem; } /* --- Scrollbar discrète --- */ ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { background: var(--color-bg); } ::-webkit-scrollbar-thumb { background: var(--color-gold); border-radius: 2px; }