/*
 * Template: Carte apéro
 * Le fond (background_apero_clair.png) contient déjà : cadre, header avec logo, mentions légales en bas.
 * On n'affiche que la zone centrale dynamique : les sections (Apéritifs, Bières, Sodas, Digestifs).
 */

.template-apero {
    --pink-color: #d461a6;
    --pink-color-rgb: 212, 97, 166;
}

/* Fond : 100 % de la page + cadre rose */
.template-apero .apero-page .apero-inner {
    background-image: url('img/background_apero_clair.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 2pt solid var(--pink-color);
}

/* Zone contenu */
.template-apero .apero-sections {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    padding-bottom: 8%;
    padding-left: 8%;
    padding-right: 8%;
}

/* 50 px uniquement au-dessus du premier bloc (Apéritif) */
.template-apero .apero-section:first-child {
    padding-top: 150px;
}

/* Section: heading with dotted lines */
.template-apero .apero-section-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--pink-color);
    text-align: center;
    padding: 4px 0;
    margin-bottom: 6px;
}

.template-apero .apero-section-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Line: name ... dots ... price */
.template-apero .apero-line {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 11pt;
    font-weight: 700;
    color: #1a1a1a;
}

.template-apero .apero-line-name {
    flex-shrink: 0;
}

.template-apero .apero-line-dots {
    flex: 1;
    min-width: 12px;
    overflow: hidden;
    margin: 0 4px;
    position: relative;
    bottom: 0.2em;
}

.template-apero .apero-line-dots::after {
    content: "....................................................................................................";
    letter-spacing: 0.3em;
    color: #999;
}

.template-apero .apero-line-price {
    flex-shrink: 0;
    white-space: nowrap;
}

/* Footer legal lines */
.template-apero .apero-footer {
    margin-top: auto;
    padding-top: 16px;
    text-align: center;
    flex-shrink: 0;
}

.template-apero .apero-legal {
    font-size: 9pt;
    font-weight: 700;
    color: #333;
    margin: 2px 0;
}