/* ============================================================
   Sentez — Tasting Menu (course-journey layout)
   Used by tasting-menu.php (EN) and tadim-menu.php (TR).
   Builds on css/menu-list.css (.menu-page vars + .menu-banner).
   ============================================================ */
.tasting-page { --t-gold: #9a7b3e; }

.tasting-banner .tasting-intro {
    max-width: 560px;
    margin: 14px auto 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--m-desc, #6f6e63);
    text-transform: none;
    letter-spacing: 0;
}
.tasting-banner .tasting-count {
    margin: 10px 0 0;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--m-muted, #8a877b);
}

.tasting-wrap { max-width: 720px; margin: 0 auto; padding: 8px 22px 56px; }

/* ---- the numbered course journey (vertical timeline) ---- */
.tasting-courses { list-style: none; margin: 0; padding: 40px 0 0; position: relative; }
.tasting-course {
    position: relative;
    padding: 0 0 30px 64px;
    min-height: 40px;
}
/* connector line through the number circles */
.tasting-course::before {
    content: "";
    position: absolute;
    left: 19px;
    top: 6px;
    bottom: -6px;
    width: 2px;
    background: var(--m-line, #e4e2d8);
}
.tasting-course:last-child::before { display: none; }

.tasting-num {
    position: absolute;
    left: 0; top: 0;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--m-ink, #14342b);
    color: #f3f1ea;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 600;
    z-index: 1;
}
.tasting-course.is-last .tasting-num { background: var(--t-gold); color: #fff; }

.tasting-course__name {
    font-size: clamp(1rem, 2.6vw, 1.15rem);
    font-weight: 600;
    color: var(--m-ink, #14342b);
    line-height: 1.35;
    padding-top: 7px;
}
.tasting-course__desc {
    font-size: 13px;
    color: var(--m-desc, #6f6e63);
    line-height: 1.55;
    margin-top: 5px;
}

/* ---- wine pairing ---- */
.tasting-pairing {
    margin-top: 14px;
    background: var(--m-soft, #f3f1ea);
    border-radius: 16px;
    padding: 24px 26px;
}
.tasting-pairing h2 {
    margin: 0 0 16px;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--m-ink, #14342b);
    font-weight: 600;
}
.tasting-pairing ul { list-style: none; margin: 0; padding: 0; }
.tasting-pairing li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px dashed #d9d6cb;
}
.tasting-pairing li:last-child { border-bottom: 0; }
.tasting-wine__name { font-size: 14px; font-weight: 600; color: var(--m-ink, #14342b); }
.tasting-wine__note { font-size: 12px; font-style: italic; color: var(--m-muted, #8a877b); text-align: right; }

/* ---- reservation CTA ---- */
.tasting-cta { text-align: center; margin: 34px 0 10px; }
.tasting-cta__btn {
    display: inline-block;
    background: var(--m-ink, #14342b);
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    padding: 14px 34px;
    font-size: 14px;
    letter-spacing: 1px;
    transition: background-color .2s;
}
.tasting-cta__btn:hover { background: #0c2340; color: #fff; }