/* Local overrides for mirrored BK SG site */
html, body { scroll-behavior: smooth; }
.local-form-wrap {
  max-width: 720px;
  margin: 24px auto 48px;
  padding: 0 16px;
  color: #502314;
  font-family: "Flame Sans", Arial, Helvetica, sans-serif;
}
.local-form-wrap h1 {
  font-family: Flame, "Cooper Black", Helvetica, Arial, sans-serif;
  font-size: 32px;
  margin-bottom: 8px;
}
.local-form-wrap .form-note { font-size: 13px; margin-bottom: 20px; }
.local-form label {
  display: block;
  font-weight: 700;
  margin: 14px 0 6px;
  color: #502314;
}
.local-form input,
.local-form select,
.local-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cbb7a4;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 16px;
  background: #fff;
  color: #502314;
}
.local-form .btn-submit,
button.btn-submit {
  display: block;
  margin: 22px auto 0;
  background: #502314;
  color: #f5ebdc;
  border: 0;
  border-radius: 24px;
  padding: 12px 36px;
  font-size: 16px;
  font-family: Flame, Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.local-form .btn-submit:hover { opacity: 0.9; }
.form-success {
  margin-top: 20px;
  padding: 16px;
  background: #e8f5e9;
  border-radius: 10px;
  color: #1b5e20;
  font-weight: 700;
}
/* hide meal nutrition drawer if broken without backend */
#mealBuilder, .meal-builder, .nutrition-panel { display: none !important; }

/* Hide top primary menu (desktop + mobile); keep brand/logo */
#desktopHeader,
.desktop-header__LeftNavWrapper-sc-721c4s-2,
.nav-container a[data-testid],
.mobile-nav,
#mobileNav,
.mobile-nav-content,
button.hamburger,
.hamburger,
[aria-label="Primary Navigation"] a.hideMobile {
  display: none !important;
}

/* Hide footer link columns (BK Info / My BK / Careers / BK Cares) */
#footer .footerList,
#footer .links.footerList,
footer .footerList {
  display: none !important;
}

/* Hide "I'm Craving" search/filter globally */
#filter-form,
form.filter-content,
.filter-content {
  display: none !important;
}

/* voucher claim on product pages */
.claim-voucher-section {
  background: #f5ebdc;
  padding: 8px 0 40px;
}
.claim-voucher-section .local-form-wrap {
  margin-top: 8px;
  margin-bottom: 16px;
}
/* hide product nutrition / copyright leftovers */

/* hide product nutrition / copyright leftovers */
.product-hero .description > p,
.product-hero .description > h3,
.product-hero .description > table,
.product-hero .description .nutrition-content {
  display: none !important;
}
.product-hero .description h1.title {
  display: block !important;
}
#footer p,
footer#footer p {
  display: none !important;
}

#footer .bk-logo p,
footer .bk-logo p,
.bk-logo p {
  display: none !important;
}
/* one-shot hide leftover chrome */

/* one-shot hide leftover chrome */
#filter-form,
form.filter-content,
.filter-content,
.more-options,
a.more-options,
#mealBuilder,
.meal-builder,
.nutrition-panel,
.nutrition-content,
#myModal,
.modal#myModal,
.my-meal,
[aria-label="Primary Navigation"] ul,
.nav-container ul,
.mobile-nav,
#mobileNav,
.mobile-nav-content,
.mobile-header,
#mobileHeader,
button.hamburger,
.hamburger {
  display: none !important;
}

/* Hide broken in-page product dropdown (legacy BK.menu) */
#product-dropdown,
section#product-dropdown,
.food-item-block + #product-dropdown,
section.dropdown[data-product-id] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Product pages: hide leftover category strip (useless intermediate feel) */
html.local-item-page #secondaryNav,
body.local-item-page #secondaryNav,
html.local-item-page .filter,
body.local-item-page .filter {
  display: none !important;
}

/* Footer social dead # links: no pointer affordance change needed; JS blocks jump */

/* claim now under product titles */
a.claim-now-btn {
  display: block;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  margin: 6px auto 10px;
  padding: 6px 14px;
  background: #502314;
  color: #f5ebdc !important;
  border-radius: 20px;
  font-family: Flame, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none !important;
  text-align: center;
  white-space: nowrap;
}
a.claim-now-btn:hover {
  opacity: 0.9;
}
.food-item-block .inner {
  text-align: center;
  align-items: center;
}
.food-item-block .inner > a.local-product-link {
  width: 100%;
  align-self: stretch;
}
.food-item-block .inner > a.claim-now-btn {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

/* Category desktop: room for title + Claim now */
.row.content.desktop .food-item,
.row.content.desktop .food-item-block {
  height: auto !important;
  min-height: 275px;
  overflow: visible !important;
  padding-bottom: 12px;
}
.row.content.desktop .food-item > .inner,
.row.content.desktop .food-item-block > .inner {
  height: auto !important;
  min-height: 0;
}
.row.content.desktop .food-item .title,
.row.content.desktop .food-item-block .title {
  height: auto !important;
}
.row.content.desktop .food-item .title > span,
.row.content.desktop .food-item-block .title > span {
  height: auto !important;
  padding-top: 0.4rem;
  padding-bottom: 0.35rem;
}
.row.content.desktop {
  padding-bottom: 24px;
}

/* Mobile: keep image|title row intact; Claim now below the whole tile */
.row.mobile .food-item-block > a.fGbzQA,
.row.mobile .food-item-block > a.tile-linkbk__TileListLink-fepcm3-2 {
  border-bottom: none !important;
  justify-self: stretch;
  width: 100%;
}
.row.mobile .food-item-block {
  border-bottom: 1px solid rgb(215, 199, 181);
  padding-bottom: 12px;
  margin-bottom: 0;
  justify-items: center;
}
.row.mobile .food-item-block > a.claim-now-btn {
  display: block !important;
  width: fit-content !important;
  margin: 6px auto 4px !important;
  justify-self: center !important;
  align-self: center !important;
  text-align: center;
}

/* Mobile footer: center 4 social icons */
@media screen and (max-width: 767px) {
  #footer .shareSection,
  footer .shareSection {
    text-align: center !important;
    float: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #footer .shareSection .socialLinks,
  footer .shareSection .socialLinks {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px;
    margin: 0 auto;
  }
  #footer .shareSection .socialLinks a,
  footer .shareSection .socialLinks a {
    margin: 0 !important;
  }
}