/* Copper & Crumb (pId 70001, copperandcrumb.co.in) brand stylesheet.
   Editorial cafe look: black chrome, Playfair italics, sand/white bands, copper accents. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..800;1,400..800&display=swap');

body {
    --cc-serif: "Playfair Display", Georgia, "Times New Roman", serif;
    --cc-ink: #0b0b0b;
    --cc-charcoal: #2f2f2f;
    --cc-sand: #e5e0d7;
    --cc-line: #cdc5b8;
    --cc-text: #3d3a35;
    --cc-on-dark: #fff;
    --cc-tile: #f4f1ec;
    --cc-copper: color-mix(in srgb, var(--brand-primary) 82%, var(--cc-on-dark));
    /* v3 home widgets (widgets_v3.css) in this brand's palette and Playfair. */
    --w3-display-font: var(--cc-serif);
    --w3-copy-font: var(--cc-serif);
    --w3-ink: var(--cc-ink);
    --w3-text: var(--cc-text);
    --w3-charcoal: var(--cc-charcoal);
    --w3-sand: var(--cc-sand);
    --w3-tile: var(--cc-tile);
    --w3-line: var(--cc-line);
}

/* ── Header: black bar, charcoal nav row ── */
.site-header { --header-bg: var(--cc-ink); --header-text: var(--cc-on-dark); }
.site-header .hdr2-logo .brand-logo { border-radius: 50%; background: var(--cc-on-dark); aspect-ratio: 1; object-fit: cover; }
.site-header .hdr2-burger { color: var(--cc-on-dark); }
.site-header .hdr2-nav { background: var(--cc-charcoal); border-top: 0; }
.site-header .hdr2-nav__link {
    color: var(--cc-on-dark);
    font-family: var(--cc-serif);
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.site-header .hdr2-nav__link:hover,
.site-header .hdr2-nav__link.is-active { color: var(--cc-copper); }
@media (min-width: 992px) {
    .site-header .hdr2-track,
    .site-header .hdr2-profile { background: var(--cc-on-dark); border-color: var(--cc-on-dark); color: var(--cc-ink); }
    .site-header .hdr2-track:hover,
    .site-header .hdr2-profile:hover { background: var(--cc-sand); border-color: var(--cc-sand); color: var(--cc-ink); }
}
@media (max-width: 991px) {
    .site-header .hdr2-icon:not(.hdr2-cart) { color: var(--cc-on-dark); }
}

/* ── Footer: black ground, outlined cards, white AI bar ── */
.site-footer.site-footer {
    --footer-bg: var(--cc-ink);
    --footer-text: var(--cc-on-dark);
    --ft-card: transparent;
    background-image: none;
}
.site-footer .footer-card { border: 1px solid color-mix(in srgb, var(--cc-on-dark) 55%, transparent); border-radius: 16px; }
.site-footer .footer-ai-banner { background: var(--cc-on-dark); color: var(--cc-ink); border-color: var(--cc-on-dark); }
.site-footer .footer-ai-banner .footer-ai-title,
.site-footer .footer-ai-banner .footer-ai-subtitle,
.site-footer .footer-ai-banner .footer-ai-icon { color: var(--cc-ink); }
.site-footer .footer-ai-banner .footer-ai-btn { background: var(--cc-charcoal); color: var(--cc-on-dark); border-color: var(--cc-charcoal); }