/* ============================================
   Info Page (full-page Quill content surface)
   Reached via /page/<slug>; rendered when
   info_pages.display_type = 'page' (or any
   info_page deep-linked to its slug).
   Inherits .info-block__text--rich from
   info-modal.css for content typography.
   ============================================ */

.info-page {
    max-width: 720px;
    margin: 0 auto;
    padding: var(--space-md) var(--space-md) var(--space-2xl);
}

.info-page__header {
    margin-bottom: var(--space-lg);
}

.info-page__title {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text);
    margin: 0;
}

.info-page__body {
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--color-text-secondary, #444);
}

/* Page-context overrides for the rich-content partial: tone the
   colour to the menu's text rules instead of the modal's lighter
   greys, and give media a touch more breathing room. */
.info-page__body.info-block__text--rich h2 { font-size: 1.25rem; margin-top: 1.4em; }
.info-page__body.info-block__text--rich h3 { font-size: 1.1rem; margin-top: 1.2em; }
.info-page__body.info-block__text--rich p  { margin: 0 0 1em; }
.info-page__body.info-block__text--rich img { margin: .8em 0; }

/* ============================================
   Menu Section (info_page rendered inline in
   the menu category flow, after categories).
   Reuses .product-section + .category-hero
   wrappers for visual parity with categories.
   ============================================ */

.info-section {
    padding: var(--space-md);
    background: var(--color-bg);
    font-size: 0.92rem;
    line-height: 1.65;
    color: var(--color-text-secondary, #ddd);
}

/* Slim variant of category-hero used when the menu section has no
   cover image: shorter, no image overlay, just the title. */
.category-hero--info {
    min-height: auto;
    padding: var(--space-md) 0 var(--space-sm);
}
.category-hero--info .category-hero__content {
    padding: 0 var(--space-md);
}