/*
 * Qontento chrome on top of tosswok's native theme.
 * Colors follow tosswok's guidance (ui-colors.html) via its --theme-* variables,
 * so primary/secondary/etc. stay consistent with the template palette.
 */

/* Brand wordmark */
.qontento-brand {
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--theme-body-color, #2D2D2D);
    font-size: 1.25rem;
    text-transform: uppercase;
    text-decoration: none;
}
.qontento-brand span { color: var(--theme-primary); }

/* Navbar */
.navbar.qontento-nav {
    background-color: var(--theme-bg-body, #fff);
    border-bottom: 1px solid var(--theme-border-color, #D6D3D1);
}
.navbar.qontento-nav .nav-link.active,
.navbar.qontento-nav .nav-link:hover { color: var(--theme-primary) !important; }


/* Page-title band reused across content pages */
.page-band {
    background-color: var(--theme-bg-body, #fff);
    border-bottom: 1px solid var(--theme-border-color, #D6D3D1);
    padding: 2.25rem 0;
}

/* Article/blog cards (shared by Home + Page) */
.blog-card .card-img-top,
.blog-card .img-ph { height: 220px; object-fit: cover; }

/* Content hero + breadcrumb minibar (Page, Recipe, Article list) */
.page-hero { position: relative; background-size: cover; background-position: center; }
.page-hero.has-bg { color: #fff; }
.page-hero.has-bg::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.6)); }
.page-hero .container { position: relative; z-index: 1; }
.page-hero.no-bg { background: linear-gradient(180deg, #FAF9F6 0%, #E8DED2 100%); border-bottom: 1px solid #D6D3D1; }
.crumb-bar { background: #FAF9F6; border-bottom: 1px solid #D6D3D1; }