/* v1.10.83: Divi Blank-template bridge. The live Pancit Bilao page uses
   .page-template-blank, whose default .container adds 58px top padding.
   This stylesheet is actually enqueued on the money page, so the reset must
   live here rather than only in the unused legacy pancit-money-page.css. */
body.page-template-blank.jws-pancit-money-page #main-content > .container,
body.page-template-blank.jws-pancit-money-page #main-content .container,
body.page-template-page-template-blank-php.jws-pancit-money-page #main-content > .container,
body.page-template-page-template-blank-php.jws-pancit-money-page #main-content .container {
  padding-top: 0 !important;
}

/* Jojie’s Terracotta theme for the Pancit money page only.
   The Food Trays card structure, dimensions, typography and interactions remain
   owned by the production Site Components stylesheet. These overrides change
   color tokens only and cannot affect /food-trays-manila/. */

.jft[data-jws-pancit-native="1.10.79"] {
  --brand: #a83232;
  --brand-hover: #451911;
  --brand-soft: #f8e9e6;
  --gold: #6f7f6b;
  --gold-hover: #5d6d59;
  --gold-soft: #eef2ec;
  --canvas: #faf8f5;
  --surface: #ffffff;
  --surface-alt: #fff9ed;
  --cream: #faf8f5;
  --text: #1a1a1a;
  --muted: #6b625d;
  --stroke: #e7ddd5;
  --stroke-strong: #d4c4b9;
  --success: #eef2ec;
  --warning: #fff4e8;
  --danger: #fbe9e7;
  --shadow-2: 0 2px 7px rgba(69, 25, 17, .08);
  --shadow-4: 0 8px 24px rgba(69, 25, 17, .10);
  --shadow-8: 0 18px 44px rgba(69, 25, 17, .12);
}

.jft[data-jws-pancit-native="1.10.79"] h1,
.jft[data-jws-pancit-native="1.10.79"] h2,
.jft[data-jws-pancit-native="1.10.79"] h3,
.jft[data-jws-pancit-native="1.10.79"] h4 {
  color: #451911;
}

.jft[data-jws-pancit-native="1.10.79"] a:focus-visible,
.jft[data-jws-pancit-native="1.10.79"] button:focus-visible,
.jft[data-jws-pancit-native="1.10.79"] input:focus-visible,
.jft[data-jws-pancit-native="1.10.79"] select:focus-visible,
.jft[data-jws-pancit-native="1.10.79"] textarea:focus-visible,
.jft[data-jws-pancit-native="1.10.79"] summary:focus-visible {
  outline-color: rgba(168, 50, 50, .45);
}

.jft[data-jws-pancit-native="1.10.79"] .jft-eyebrow {
  color: #a83232 !important;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-eyebrow::before {
  background: #e35336;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-section--brand .jft-eyebrow {
  color: #fff0e9 !important;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-lead {
  color: #451911;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-hero {
  background:
    radial-gradient(circle at 86% 8%, rgba(227, 83, 54, .18), transparent 27%),
    radial-gradient(circle at 72% 92%, rgba(111, 127, 107, .14), transparent 34%),
    linear-gradient(135deg, #faf8f5 0%, #fff9ed 58%, #eef2ec 100%);
}

.jft[data-jws-pancit-native="1.10.79"] .jft-hero-panel,
.jft[data-jws-pancit-native="1.10.79"] .jft-nav,
.jft[data-jws-pancit-native="1.10.79"] .jft-crumbs {
  border-color: #e7ddd5;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-quick,
.jft[data-jws-pancit-native="1.10.79"] .jft-price-row {
  background: #fff9ed;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-hero-meta span {
  border-color: #e7ddd5;
  background: rgba(255, 255, 255, .82);
}

.jft[data-jws-pancit-native="1.10.79"] .jft-nav {
  background: rgba(250, 248, 245, .96);
  box-shadow: 0 2px 10px rgba(69, 25, 17, .06);
}

.jft[data-jws-pancit-native="1.10.79"] .jft-btn {
  border-color: #a83232;
  background: #a83232;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-btn:hover,
.jft[data-jws-pancit-native="1.10.79"] .jft-btn:focus-visible {
  border-color: #451911;
  background: #451911;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-btn--secondary {
  border-color: #a83232;
  background: #fff9ed;
  color: #a83232 !important;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-btn--secondary:hover,
.jft[data-jws-pancit-native="1.10.79"] .jft-btn--secondary:focus-visible {
  border-color: #a83232;
  background: #f8e9e6;
  color: #451911 !important;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-btn--gold {
  border-color: #6f7f6b;
  background: #6f7f6b;
  color: #ffffff !important;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-btn--gold:hover,
.jft[data-jws-pancit-native="1.10.79"] .jft-btn--gold:focus-visible {
  border-color: #5d6d59;
  background: #5d6d59;
  color: #ffffff !important;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-section--brand,
.jft[data-jws-pancit-native="1.10.79"] .jft-cart-panel {
  background: linear-gradient(135deg, #a83232, #451911);
}

.jft[data-jws-pancit-native="1.10.79"] .jft-menu-card {
  border-color: #e7ddd5;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(69, 25, 17, .04);
}

.jft[data-jws-pancit-native="1.10.79"] .jft-menu-card:hover {
  border-color: #c9978d;
  box-shadow: 0 8px 24px rgba(69, 25, 17, .10);
}

.jft[data-jws-pancit-native="1.10.79"] .jft-menu-card > p {
  color: #6b625d;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-price-row span {
  color: #6b625d;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-price-row strong {
  color: #a83232;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-add {
  border-color: #a83232;
  background: #a83232;
  color: #ffffff;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-add:hover,
.jft[data-jws-pancit-native="1.10.79"] .jft-add:focus-visible {
  border-color: #451911;
  background: #451911;
  color: #ffffff;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-planning-card b,
.jft[data-jws-pancit-native="1.10.79"] .jft-order-step b {
  background: #a83232;
  color: #ffffff;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-order-step:not(:last-child)::after {
  border-color: #e7ddd5;
  color: #a83232;
}

.jft[data-jws-pancit-native="1.10.79"] .jft-faq-list details,
.jft[data-jws-pancit-native="1.10.79"] .jft-planning-card,
.jft[data-jws-pancit-native="1.10.79"] .jft-order-step {
  border-color: #e7ddd5;
}

body.jws-pancit-money-page .jft-cart-trigger {
  background: #a83232;
  box-shadow: 0 14px 38px rgba(69, 25, 17, .28);
}

body.jws-pancit-money-page .jft-cart-trigger:hover {
  background: #451911;
  box-shadow: 0 18px 46px rgba(69, 25, 17, .34);
}

body.jws-pancit-money-page .jft-cart-trigger::before,
body.jws-pancit-money-page .jft-cart-trigger svg {
  color: #eef2ec;
  stroke: #eef2ec;
}

body.jws-pancit-money-page .jft-cart-count {
  background: #6f7f6b;
  color: #ffffff;
}

body.jws-pancit-money-page .jft-cart-backdrop {
  background: rgba(69, 25, 17, .50);
}

body.jws-pancit-money-page .jft-cart-drawer {
  box-shadow: -18px 0 48px rgba(69, 25, 17, .24);
}

body.jws-pancit-money-page .jft-cart-drawer-head {
  background: linear-gradient(135deg, #a83232, #451911);
}

body.jws-pancit-money-page .jft-cart-drawer-summary {
  background: #eef2ec;
  color: #52604f;
}

body.jws-pancit-money-page .jft-cart-drawer-summary strong {
  color: #451911;
}

body.jws-pancit-money-page .jft-ajax-toast {
  background: #a83232;
  box-shadow: 0 18px 42px rgba(69, 25, 17, .24);
}

/* WooCommerce block mini-cart rendered outside the component wrapper. */
body.jws-pancit-money-page .jojies-floating-mini-cart .wc-block-mini-cart__button,
body.jws-pancit-money-page .wc-block-mini-cart__button {
  border-color: #a83232;
  background: #a83232;
  color: #ffffff;
}

body.jws-pancit-money-page .jojies-floating-mini-cart .wc-block-mini-cart__button:hover,
body.jws-pancit-money-page .wc-block-mini-cart__button:hover {
  border-color: #451911;
  background: #451911;
}
