/* ==========================================================================
   Styles de la page Restauration, réutilisables ailleurs :
   - Groupe « tl-carte-menu » : une carte de menu sur papier ivoire, double
     filet doré. Paragraphes : tl-carte-menu__lieu, __service, __plat, __desc.
   - Liste « tl-pastilles » : des pastilles arrondies (spécialités…).
   - Paragraphe « tl-info » : une information pratique, filet doré à gauche.
   ========================================================================== */

/* Carte de menu. */
.wp-block-group.tl-carte-menu {
position: relative;
padding: 2.8rem 3.2rem;
background: #fbf8f3;
border: 1px solid #c9a24e;
box-shadow: 0 22px 46px rgba(26, 20, 17, 0.18);
text-align: center;
color: var(--wp--preset--color--noir-chaud);
}

.wp-block-group.tl-carte-menu::before {
content: "";
position: absolute;
inset: 0.65rem;
border: 1px solid rgba(201, 162, 78, 0.5);
pointer-events: none;
}

.wp-block-group.tl-carte-menu::after {
content: "◆ ◆ ◆";
display: block;
margin-top: 1.2rem;
letter-spacing: 0.4em;
color: #c9a24e;
}

.tl-carte-menu p {
margin: 0;
}

.tl-carte-menu p.is-style-accroche {
font-size: 2.4rem;
line-height: 1;
color: #8a6420;
}

.tl-carte-menu .tl-carte-menu__lieu {
margin-top: 0.3rem;
font-size: 0.7rem;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--wp--preset--color--noir-chaud);
}

.tl-carte-menu .tl-carte-menu__lieu::after {
content: "◆ ◆ ◆";
display: block;
margin-top: 1rem;
letter-spacing: 0.4em;
color: #c9a24e;
}

.tl-carte-menu .tl-carte-menu__service {
margin-top: 1.5rem;
font-size: 0.7rem;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #8a6420;
}

.tl-carte-menu .tl-carte-menu__plat {
margin-top: 0.35rem;
font-family: 'DM Serif Display', serif;
font-size: 1.4rem;
line-height: 1.3;
color: var(--wp--preset--color--noir-chaud);
}

.tl-carte-menu .tl-carte-menu__desc {
font-family: 'Bodoni Moda', serif;
font-size: 0.95rem;
font-style: italic;
color: #5e4210;
}

/* Pastilles. */
ul.tl-pastilles {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin: 1rem 0 0;
padding: 0;
list-style: none;
}

ul.tl-pastilles > li {
margin: 0;
padding: 0.4rem 0.9rem;
border: 1px solid rgba(201, 162, 78, 0.6);
border-radius: 1.4rem;
font-size: 0.9rem;
}

/* Information pratique. */
p.tl-info {
margin-top: 1.2rem;
padding: 0.8rem 1rem;
border-left: 3px solid #eec668;
background: rgba(238, 198, 104, 0.08);
font-size: 0.92rem;
}