/* Molding Hands — hand-made pottery. An earthy, editorial craft theme: warm clay/terracotta
   primary, stoneware neutrals, a muted glaze-gold highlight. Overrides the shared design tokens
   from wwwroot/css/site.css; only the variables we change are listed — everything else cascades. */
:root {
    /* Navbar / footer surface — deep stoneware brown instead of near-black. */
    --primary-dark: #3b322c;

    /* Primary action colour (buttons, links, section underlines) — terracotta clay. */
    --accent-red: #b06a4f;
    --accent-red-dark: #8a4f38;
    --accent-red-hover: #c98a71;

    /* Highlight (stars, cart badge, hero phone link, featured banner) — muted glaze gold. */
    --amber: #c9a24b;

    /* Warm paper backgrounds and soft clay borders. */
    --cream: #faf6f0;
    --muted-border: #e7ddd2;

    /* Text tokens — warm stoneware browns for an art-catalogue feel. */
    --text-dark: #3b322c;
    --text-mid: #6f6257;
    --text-light: #9c8f82;
}

/* Elegant serif headings for the gallery/craft aesthetic; body stays sans-serif for readability. */
h1, h2, h3, h4, h5, .section-heading, .featured-banner, .mynavbar-logo-large {
    font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
    letter-spacing: 0.4px;
}

/* Section heading treatment used across the Molding Hands tenant pages. */
.mh-eyebrow {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .8rem;
    color: var(--accent-red);
    font-weight: 600;
}
.mh-soft-bg { background: #f4ece2; }

/* ── White navbar (preview) ─────────────────────────────────────────────
   The shared navbar (.navbar-custom) is normally a solid accent-colour bar with white
   text/icons. These overrides flip it to a clean white bar with dark text, a hairline
   bottom border, and accent-coloured active/cart accents. All navbar-scoped so nothing
   else on the site changes. */
.navbar-custom {
    background-color: #eeeeee !important;
    border-bottom: 1px solid var(--muted-border);
}
.navbar-custom .navbar-brand,
.navbar-custom .nav-link,
.navbar-custom .nav-link-custom,
.navbar-custom .navbar-text,
.navbar-custom .text-white,
.mynavbar-logo-large,
.mynavbar-text-logo,
.mynavbar-logo-collapsed {
    color: var(--text-dark) !important;
}
/* Active page: accent underline instead of the white one used on the dark bar. */
.navbar-custom .navbar-nav .nav-link.active {
    border-bottom-color: var(--accent-red) !important;
}
/* Hamburger toggler: dark icon + subtle border on the light bar. */
.navbar-custom .navbar-toggler { border-color: var(--muted-border); }
.navbar-custom .navbar-toggler-icon {
    filter: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(59,50,44,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* Cart badge was white-on-navbar; make it accent-on-white so it stays visible. */
.badge-cart {
    background-color: var(--accent-red) !important;
    color: #ffffff !important;
}