/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Fancy Cat Cafe — Menu Frontend Styles
   Version: 1.1
   Location: fcc-cafe-menu/assets/menu-frontend.css
*/

/* ── Category ────────────────────────────────────────────────────────────── */
.fcc-menu-category {
    margin-bottom: 3rem;
}

.fcc-category-title {
    margin-bottom: 1.5rem;
}

.fcc-category-desc {
    margin-top: -1rem;
    margin-bottom: 1.5rem;
    color: #666;
}

/* ── Items grid ──────────────────────────────────────────────────────────── */
.fcc-menu-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

.fcc-menu-items--two-col {
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem 3rem;
}

@media ( max-width: 640px ) {
    .fcc-menu-items--two-col {
        grid-template-columns: 1fr;
    }
}

/* ── Individual item ─────────────────────────────────────────────────────── */
.fcc-menu-item {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e5e5e5;
}

/* ── Name + dotted leader + prices row ───────────────────────────────────── */
.fcc-item-header {
    display: flex;
    align-items: baseline;
    width: 100%;
}

.fcc-item-title {
    font-weight: 700;
    font-size: 1rem;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Dotted leader stretches between name and prices */
.fcc-dot-leader {
    flex: 1;
    border-bottom: 1px dotted #aaa;
    margin: 0 0.5rem;
    margin-bottom: 0.2rem;
    min-width: 1rem;
}

/* Prices container */
.fcc-item-pricing {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    flex-shrink: 0;
}

/* Individual size+price pair */
.fcc-price-group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}

.fcc-size {
    font-size: 0.75rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fcc-price {
    font-weight: 700;
    font-size: 1rem;
}

/* ── Description & allergens ─────────────────────────────────────────────── */
.fcc-item-desc {
    margin: 0.35rem 0 0;
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

.fcc-item-allergens {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    color: #888;
}

/* ── Happy hour badge ────────────────────────────────────────────────────── */
.fcc-badge-happy {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f59e0b;
    color: #fff;
    padding: 2px 8px;
    border-radius: 99px;
    margin-left: 0.4rem;
    vertical-align: middle;
}