/* Jojie's complete Terracotta/Cream/Sage theme for Food Trays Manila.
   Scope: exact page body class only. This file changes color, borders and
   shadows; it does not change fonts, dimensions, spacing, grid or behaviour. */

body.jws-food-trays-terracotta .jft {
  --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);
}

body.jws-food-trays-terracotta .jft h1,
body.jws-food-trays-terracotta .jft h2,
body.jws-food-trays-terracotta .jft h3,
body.jws-food-trays-terracotta .jft h4 {
  color: #451911;
}

body.jws-food-trays-terracotta .jft a:focus-visible,
body.jws-food-trays-terracotta .jft button:focus-visible,
body.jws-food-trays-terracotta .jft input:focus-visible,
body.jws-food-trays-terracotta .jft select:focus-visible,
body.jws-food-trays-terracotta .jft textarea:focus-visible,
body.jws-food-trays-terracotta .jft summary:focus-visible {
  outline-color: rgba(168, 50, 50, .45);
}

body.jws-food-trays-terracotta .jft .jft-eyebrow {
  color: #a83232 !important;
}
body.jws-food-trays-terracotta .jft .jft-eyebrow::before { background: #e35336; }
body.jws-food-trays-terracotta .jft .jft-section--brand .jft-eyebrow { color: #fff0e9 !important; }
body.jws-food-trays-terracotta .jft .jft-lead { color: #451911; }

body.jws-food-trays-terracotta .jft .jft-badge {
  border-color: #c8d0c5;
  background: #eef2ec;
  color: #52604f;
}
body.jws-food-trays-terracotta .jft .jft-crumbs span { color: #9e8e83; }

body.jws-food-trays-terracotta .jft .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%);
}
body.jws-food-trays-terracotta .jft .jft-hero-panel,
body.jws-food-trays-terracotta .jft .jft-nav,
body.jws-food-trays-terracotta .jft .jft-crumbs { border-color: #e7ddd5; }
body.jws-food-trays-terracotta .jft .jft-quick,
body.jws-food-trays-terracotta .jft .jft-price-row { background: #fff9ed; }
body.jws-food-trays-terracotta .jft .jft-hero-meta span {
  border-color: #e7ddd5;
  background: rgba(255,255,255,.84);
}
body.jws-food-trays-terracotta .jft .jft-nav {
  background: rgba(250,248,245,.97);
  box-shadow: 0 5px 18px rgba(69,25,17,.08);
}
body.jws-food-trays-terracotta .jft .jft-nav a.is-active {
  background: #a83232;
  color: #fff;
  box-shadow: 0 2px 8px rgba(69,25,17,.15);
}

body.jws-food-trays-terracotta .jft .jft-btn {
  border-color: #a83232;
  background: #a83232;
}
body.jws-food-trays-terracotta .jft .jft-btn:hover,
body.jws-food-trays-terracotta .jft .jft-btn:focus-visible {
  border-color: #451911;
  background: #451911;
}
body.jws-food-trays-terracotta .jft .jft-btn--secondary {
  border-color: #a83232;
  background: #fff9ed;
  color: #a83232 !important;
}
body.jws-food-trays-terracotta .jft .jft-btn--secondary:hover,
body.jws-food-trays-terracotta .jft .jft-btn--secondary:focus-visible {
  border-color: #a83232;
  background: #f8e9e6;
  color: #451911 !important;
}
body.jws-food-trays-terracotta .jft .jft-btn--gold {
  border-color: #6f7f6b;
  background: #6f7f6b;
  color: #fff !important;
}
body.jws-food-trays-terracotta .jft .jft-btn--gold:hover,
body.jws-food-trays-terracotta .jft .jft-btn--gold:focus-visible {
  border-color: #5d6d59;
  background: #5d6d59;
  color: #fff !important;
}
body.jws-food-trays-terracotta .jft .jft-btn--light {
  border-color: #fff4dc;
  background: #fff4dc;
  color: #642d28 !important;
}
body.jws-food-trays-terracotta .jft .jft-btn--light:hover,
body.jws-food-trays-terracotta .jft .jft-btn--light:focus-visible {
  border-color: #fff;
  background: #fff;
  color: #451911 !important;
}

body.jws-food-trays-terracotta .jft .jft-path-card:hover,
body.jws-food-trays-terracotta .jft .jft-food-card:hover,
body.jws-food-trays-terracotta .jft .jft-menu-card:hover,
body.jws-food-trays-terracotta .jft .jft-addon-card:hover,
body.jws-food-trays-terracotta .jft .jft-set-card:hover {
  border-color: #c9978d;
  box-shadow: 0 8px 24px rgba(69,25,17,.10);
}
body.jws-food-trays-terracotta .jft .jft-food-card[data-priority="true"],
body.jws-food-trays-terracotta .jft .jft-menu-card[data-priority="true"] { border-color: #8b9b87; }
body.jws-food-trays-terracotta .jft .jft-card-kicker { color: #a83232; }
body.jws-food-trays-terracotta .jft .jft-card-tags span { color: #5c544f; }
body.jws-food-trays-terracotta .jft .jft-price-row span { color: #6b625d; }
body.jws-food-trays-terracotta .jft .jft-price-row strong { color: #a83232; }
body.jws-food-trays-terracotta .jft .jft-menu-note { color: #52604f; }
body.jws-food-trays-terracotta .jft .jft-no-results { color: #6b4d25; }
body.jws-food-trays-terracotta .jft .jft-remove { color: #a83232; }

body.jws-food-trays-terracotta .jft .jft-add {
  border-color: #a83232;
  background: #a83232;
  color: #fff;
}
body.jws-food-trays-terracotta .jft .jft-add:hover,
body.jws-food-trays-terracotta .jft .jft-add:focus-visible {
  border-color: #451911;
  background: #451911;
  color: #fff;
}
body.jws-food-trays-terracotta .jft .jft-filter-pill.is-active,
body.jws-food-trays-terracotta .jft .jft-menu-filter.is-active,
body.jws-food-trays-terracotta .jft .jft-set-size.is-active,
body.jws-food-trays-terracotta .jft .jft-set-filter.is-active {
  border-color: #a83232;
  background: #a83232;
  color: #fff;
}

body.jws-food-trays-terracotta .jft .jft-section--brand,
body.jws-food-trays-terracotta .jft .jft-inquiry,
body.jws-food-trays-terracotta .jft .jft-cta,
body.jws-food-trays-terracotta .jft .jft-cart-drawer-head {
  background: linear-gradient(135deg, #a83232, #451911);
}
body.jws-food-trays-terracotta .jft .jft-inquiry p,
body.jws-food-trays-terracotta .jft .jft-service p,
body.jws-food-trays-terracotta .jft .jft-cta p,
body.jws-food-trays-terracotta .jft .jft-cart-label small,
body.jws-food-trays-terracotta .jft .jft-cart-total small,
body.jws-food-trays-terracotta .jft .jft-cart-drawer-head p,
body.jws-food-trays-terracotta .jft .jft-cart-panel-copy > p:last-child { color: #f6e8e4; }
body.jws-food-trays-terracotta .jft .jft-copy-status,
body.jws-food-trays-terracotta .jft .jft-service a,
body.jws-food-trays-terracotta .jft .jft-cart-checkout-link { color: #eef2ec !important; }

body.jws-food-trays-terracotta .jft .jft-planning-card b {
  background: #6f7f6b;
  color: #fff;
}
body.jws-food-trays-terracotta .jft .jft-order-step b {
  background: #a83232;
  color: #fff;
}
body.jws-food-trays-terracotta .jft .jft-order-step:not(:last-child)::after {
  border-color: #e7ddd5;
  color: #a83232;
}
body.jws-food-trays-terracotta .jft .jft-path-card--sets,
body.jws-food-trays-terracotta .jft .jft-path-card--special { border-top-color: #6f7f6b !important; }
body.jws-food-trays-terracotta .jft .jft-path-card--alacarte { border-top-color: #e35336 !important; }
body.jws-food-trays-terracotta .jft .jft-path-step { color: rgba(69,25,17,.07); }
body.jws-food-trays-terracotta .jft .jft-path-icon { border-color: #dbcfc6; }
body.jws-food-trays-terracotta .jft .jft-cart-panel-icon { color: #eef2ec; }

body.jws-food-trays-terracotta .jft .jft-cart-trigger {
  background: #a83232;
  box-shadow: 0 14px 38px rgba(69,25,17,.28);
}
body.jws-food-trays-terracotta .jft .jft-cart-trigger:hover {
  background: #451911;
  box-shadow: 0 18px 46px rgba(69,25,17,.34);
}
body.jws-food-trays-terracotta .jft .jft-cart-trigger.is-dragging { box-shadow: 0 20px 52px rgba(69,25,17,.38); }
body.jws-food-trays-terracotta .jft .jft-cart-trigger::before {
  background: radial-gradient(circle,#eef2ec 1.4px,transparent 1.7px) 0 0/8px 8px;
}
body.jws-food-trays-terracotta .jft .jft-cart-trigger svg { stroke: #eef2ec; }
body.jws-food-trays-terracotta .jft .jft-cart-count {
  background: #6f7f6b;
  color: #fff;
}
body.jws-food-trays-terracotta .jft .jft-cart-backdrop { background: rgba(69,25,17,.50); }
body.jws-food-trays-terracotta .jft .jft-cart-drawer { box-shadow: -18px 0 48px rgba(69,25,17,.24); }
body.jws-food-trays-terracotta .jft .jft-cart-drawer-summary {
  background: #eef2ec;
  color: #52604f;
}
body.jws-food-trays-terracotta .jft .jft-cart-drawer-summary strong { color: #451911; }
body.jws-food-trays-terracotta .jft .jft-ajax-toast {
  background: #a83232;
  box-shadow: 0 18px 42px rgba(69,25,17,.24);
}
body.jws-food-trays-terracotta .jft .jft-ajax-toast.is-error { background: #451911; }

body.jws-food-trays-terracotta .jojies-floating-mini-cart .wc-block-mini-cart__button {
  border-color: rgba(255,255,255,.28);
  background: #a83232;
  color: #fff;
  box-shadow: 0 18px 42px rgba(69,25,17,.25);
}
body.jws-food-trays-terracotta .jojies-floating-mini-cart .wc-block-mini-cart__button:hover,
body.jws-food-trays-terracotta .jojies-floating-mini-cart .wc-block-mini-cart__button:focus-visible {
  background: #451911;
  color: #fff;
  box-shadow: 0 22px 48px rgba(69,25,17,.32);
}
body.jws-food-trays-terracotta .jojies-floating-mini-cart .wc-block-mini-cart__badge {
  background: #6f7f6b;
  color: #fff;
}
body.jws-food-trays-terracotta .jojies-floating-mini-cart::after {
  border-color: rgba(69,25,17,.14);
  background:
    radial-gradient(circle,#a83232 1.2px,transparent 1.6px) 3px 2px/8px 8px,
    #fff;
  box-shadow: 0 3px 8px rgba(69,25,17,.09);
}