/* Bagdad Bread Factory - design refresh inspired by friendly bakery / food-shop sites
   (soft rounded cards, airy spacing, short gold accent under headings, pill buttons, soft photo corners).
   Styling only: no text, colours, fonts or features are changed - it re-uses the existing theme variables. */

body.bbf-marketplace-page {
  --dr-radius: 20px;
  --dr-shadow: 0 10px 30px rgba(28,55,39,.07);
  --dr-shadow-hover: 0 22px 46px rgba(28,55,39,.14);
}

/* ---- 1. soft, rounded cards (marketplace style used sharp 4px corners) ---- */
body.bbf-marketplace-page .category-tile,
body.bbf-marketplace-page .promise-card,
body.bbf-marketplace-page .menu-product,
body.bbf-marketplace-page .hs-card,
body.bbf-marketplace-page .review-card,
body.bbf-marketplace-page .site-notice-card,
body.bbf-marketplace-page .rv2-sum,
body.bbf-marketplace-page .bp-card {
  border-radius: var(--dr-radius);
  border: 1px solid var(--line, #e7e2d7);
  box-shadow: var(--dr-shadow);
}
body.bbf-marketplace-page .category-tile { overflow: hidden; }
body.bbf-marketplace-page .promise-card { padding: 26px; }
body.bbf-marketplace-page .category-large { gap: 18px; }
@media (hover: hover) and (pointer: fine) {
  body.bbf-marketplace-page .category-tile:hover,
  body.bbf-marketplace-page .promise-card:hover,
  body.bbf-marketplace-page .menu-product:hover,
  body.bbf-marketplace-page .bp-card:hover { box-shadow: var(--dr-shadow-hover); }
}

/* ---- 2. product cards: calm photo area, bolder price, round badge ---- */
body.bbf-marketplace-page .menu-product-image { background: var(--paper, #f5f3ec); border-radius: 0; }
body.bbf-marketplace-page .menu-product-image img { object-fit: cover; }
body.bbf-marketplace-page .menu-product-image span { border-radius: 999px; padding: 6px 11px; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
body.bbf-marketplace-page .menu-product .menu-price-row .price { color: var(--green, #087f3e); font-weight: 800; }

/* ---- 3. headings get a short gold accent bar ---- */
body.bbf-marketplace-page .section-title h2::after,
body.bbf-marketplace-page .section-heading h2::after,
body.bbf-marketplace-page .reviews-heading h2::after {
  content: ""; display: block; width: 48px; height: 3px; border-radius: 3px; margin-top: 10px;
  background: var(--gold, #c9954d);
}

/* ---- 4. airy section rhythm ---- */
body.bbf-marketplace-page .wide-section { padding-top: clamp(48px, 7vw, 88px); padding-bottom: clamp(48px, 7vw, 88px); }

/* ---- 5. rounded photos and video frames ---- */
body.bbf-marketplace-page .story-art img,
body.bbf-marketplace-page .hs-banner img,
body.bbf-marketplace-page .video-story-frame { border-radius: 22px; }
body.bbf-marketplace-page .video-story-frame { overflow: hidden; box-shadow: var(--dr-shadow); }

/* ---- 6. friendly pill buttons ---- */
body.bbf-marketplace-page .primary-btn,
body.bbf-marketplace-page .account-primary-btn,
body.bbf-marketplace-page .account-outline-btn,
body.bbf-marketplace-page .btn.primary,
body.bbf-marketplace-page a.primary { border-radius: 999px; }

/* ---- 7. footer: calm link hover in the accent colour ---- */
body.bbf-marketplace-page .site-footer a:hover { color: var(--gold, #c9954d); }

@media (max-width: 480px) {
  body.bbf-marketplace-page { --dr-radius: 16px; }
}

/* ======================================================================
   Round 2 - shop-style details seen on the reference sites
   (pill search, pill nav hover, trust strip as a soft bar, "View all" pill links, chip labels, rounded footer)
   ====================================================================== */
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* search box in the header: pill shape with a green focus ring */
body.bbf-marketplace-page .header-search { border-radius: 999px; overflow: hidden; transition: box-shadow .25s ease, border-color .25s ease; }
body.bbf-marketplace-page .header-search:focus-within { box-shadow: 0 0 0 3px rgba(8,127,62,.18); border-color: var(--green, #087f3e); }
body.bbf-marketplace-page .header-search input { border-radius: 999px; }

/* main menu links: soft pill highlight */
body.bbf-marketplace-page .primary-nav a { border-radius: 999px; transition: background-color .2s ease, color .2s ease; }
@media (hover: hover) { body.bbf-marketplace-page .primary-nav a:hover { background: rgba(8,127,62,.08); } }

/* the "pickup / cakes / ..." trust strip becomes a soft rounded bar */
body.bbf-marketplace-page .feature-strip { border-radius: var(--dr-radius); border: 1px solid var(--line, #e7e2d7); box-shadow: var(--dr-shadow); background: #fff; overflow: hidden; }

/* "View full menu ->" style links become small pill buttons */
body.bbf-marketplace-page .section-title > a {
  border: 1.5px solid var(--green, #087f3e); border-radius: 999px; padding: 8px 18px;
  transition: background-color .2s ease, color .2s ease, transform .18s ease;
}
@media (hover: hover) { body.bbf-marketplace-page .section-title > a:hover { background: var(--green, #087f3e); color: #fff; } }

/* small chip look for the little label above section headings */
body.bbf-marketplace-page .section-title .eyebrow,
body.bbf-marketplace-page .reviews-heading .eyebrow {
  display: inline-block; background: #e8f7ed; color: var(--green, #087f3e); border-radius: 999px; padding: 6px 12px; line-height: 1.2;
}

/* footer: rounded top edge like a modern shop footer */
body.bbf-marketplace-page .site-footer { border-radius: 28px 28px 0 0; overflow: hidden; }
@media (max-width: 480px) { body.bbf-marketplace-page .site-footer { border-radius: 20px 20px 0 0; } }