/*
 * Template: Menu de saint valentin
 * Target the preview with the .template-saint-valentin class.
 * Example: .template-saint-valentin .some-class { ... }
 */

/* Local font for the Saint Valentin title. */
@font-face {
    font-family: 'Amsterdam';
    src: url('Amsterdam.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Page wrapper for the Saint Valentin template preview. */
.template-saint-valentin {
    /* Shared accent variables for this template. */
    --pink-color: #d461a6;
    --pink-color-rgb: 212, 97, 166;
}

/*
 * Background image for page 1 only.
 * The image lives in /img/background_stval.png (relative to this CSS file).
 */
.template-saint-valentin #preview-page-1 .preview-inner--white {
    background-image: url('img/background_stval.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}

/*
 * Legacy heart overlay: keep the DOM node but hide it now that
 * the real background image is in place.
 */
.template-saint-valentin .sv-heart-bg {
    display: none;
}

/* Top spacing before the Saint Valentin heading block. */
.template-saint-valentin .sv-top-space {
    width: 100%;
    height: 130px;
}

/* Keep title/date/reservation right-aligned to the title's right edge. */
.template-saint-valentin .sv-heading-block {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

/* Main title: Amsterdam, 30pt. */
.template-saint-valentin .sv-title {
    color: var(--pink-color);
    font-family: 'Amsterdam', 'Montserrat', sans-serif;
    font-size: 30pt;
    font-weight: 400;
    margin: 0;
}

/* Section titles: Montserrat italic, 23pt. */
.template-saint-valentin .sv-section-title {
    color: var(--pink-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 24pt;
    font-style: italic;
    font-weight: 400;
}

/* Dish name: Montserrat bold, 17pt. */
.template-saint-valentin .sv-dish {
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    font-weight: 700;
}

/* Dish description: Montserrat medium, 11pt. */
.template-saint-valentin .sv-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    font-weight: 500;
}

/* Date line: Montserrat bold, 15pt. */
.template-saint-valentin .sv-date {
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    font-weight: 700;
    margin: 20px 0 4px 0;
}

/* Reservation line: Montserrat bold, 9pt. */
.template-saint-valentin .sv-reservation {
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
    font-weight: 700;
    margin: 0;
}

/* Accent color used for price and booking line. */
.template-saint-valentin .sv-accent {
    color: var(--pink-color);
}

/*
 * Suggested sections to document and style:
 * - Header PNG placeholder
 * - Pink title styling
 * - Section titles (Apéritif, Entrée, Plat, Fromages, Dessert)
 * - Unique price and booking block
 * - Allergens table page
 */