/*
Theme Name:   GoGetDelivery
Theme URI:    https://www.gogetdelivery.com
Author:       FoodHome
Description:  GoGet! Grocery Delivery theme for GoGetDelivery.com. A child of the FoodHome theme in local-delivery mode: same shop engine (Best Buys first, departments, side cart, delivery slots, FH Search, brands), dressed in GoGet's original look - the GoGet! cart logo, GoGet blue, red and green, Open Sans.
Template:     foodhome
Version:      1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  gogetdelivery
*/

:root {
  --gg-blue: #2579BD;
  --gg-blue-dark: #1B5E95;
  --gg-sky: #83C1FB;
  --gg-sky-tint: #EAF4FE;
  --gg-red: #D2141F;
  --gg-red-dark: #A80F18;
  --gg-green: #3F7A16;
  --gg-green-dark: #2F5D10;
  --gg-brown: #322C29;

  --fh-ink: var(--gg-brown);
  --fh-muted: #5E5753;
  --fh-line: #E6E3E0;
  --fh-bg: #FAFAFA;
  --fh-card: #FFFFFF;
  --fh-orange: var(--gg-red);
  --fh-red: var(--gg-red);
  --fh-red-dark: var(--gg-red-dark);
  --fh-red-tint: #FCE6E7;
  --fh-green: var(--gg-blue);
  --fh-green-dark: var(--gg-blue-dark);
  --fh-teal: var(--gg-blue);
  --fh-teal-tint: var(--gg-sky-tint);
  --fh-sand: #F4F4F2;
  --fh-radius: 12px;
  --fh-head: 'Open Sans', 'Segoe UI', Arial, sans-serif;
  --fh-body: 'Open Sans', 'Segoe UI', Arial, sans-serif;
}

a { color: var(--gg-blue); }
a:hover { color: var(--gg-red); }
h1, h2, h3, h4 { font-weight: 700; letter-spacing: -.01em; }

.fh-strip { background: var(--gg-blue); }
.fh-strip a { color: #FFFFFF; }

.fh-header .fh-wrap { padding-top: 10px; padding-bottom: 10px; }
.fh-brand img { height: 72px; width: auto; }
.gg-tagline { font-weight: 700; font-size: 15px; line-height: 1.25; color: var(--gg-green); border-left: 2px solid var(--fh-line); padding-left: 12px; }
.fh-search .fhs { --fhs-accent: var(--gg-blue); --fhs-sale: var(--gg-red); --fhs-best: var(--gg-red); --fhs-radius: 10px; }
.fh-search .fhs-box, .fh-search .woocommerce-product-search input[type=search] { border-color: var(--gg-blue); }
.fh-search .woocommerce-product-search button { background: var(--gg-blue); }
.fh-account a { color: var(--gg-brown); }
.fh-account a:hover { color: var(--gg-red); }
.fh-cart-link svg { color: var(--gg-blue); }
.fh-cart-count { background: var(--gg-red); }

.fh-depts a[aria-current="page"] { background: var(--gg-sky-tint); color: var(--gg-blue-dark); }
.fh-depts a.is-best { color: var(--gg-red); }

.woocommerce ul.products li.product .price { color: var(--gg-brown) !important; }
.woocommerce ul.products li.product .price ins { color: var(--gg-red); }
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background: var(--gg-red); }
.woocommerce ul.products li.product .onsale.is-best { background: var(--gg-green); }
.gg-brand { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--gg-green); line-height: 1.3; }
.woocommerce div.product .gg-brand { font-size: 14px; margin-bottom: 6px; }
.woocommerce div.product .gg-brand a { color: var(--gg-green); text-decoration: none; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--gg-brown); }
.woocommerce div.product p.price ins { color: var(--gg-red); text-decoration: none; }

.fh-cart .woocommerce-mini-cart__buttons a.checkout,
.woocommerce a.checkout-button, .woocommerce #place_order { background: var(--gg-green) !important; color: #FFFFFF !important; }
.fh-cart .woocommerce-mini-cart__buttons a.checkout:hover,
.woocommerce a.checkout-button:hover, .woocommerce #place_order:hover { background: var(--gg-green-dark) !important; }

.fhs-brands { --fhs-accent: var(--gg-blue); --fhs-line: var(--fh-line); --fhs-muted: #5E5753; }
.fhs-brands h2 { border-bottom-color: var(--gg-blue); }

.gg-footer { background: var(--gg-brown); color: #E9E6E3; margin-top: 24px; font-size: 15px; }
.gg-footer a { color: #FFFFFF; }
.gg-footer a:hover { color: var(--gg-sky); }
.gg-footer .fh-wrap { padding-top: 32px; padding-bottom: 32px; display: flex; flex-wrap: wrap; gap: 24px 40px; justify-content: space-between; }
.gg-footer-brand { flex: 1 1 260px; display: flex; flex-direction: column; gap: 8px; }
.gg-footer-brand img { height: 64px; width: auto; align-self: flex-start; background: #FFFFFF; border-radius: 10px; padding: 4px 8px; }
.gg-footer-brand p { margin: 0; }
.gg-footer-col { flex: 1 1 180px; display: flex; flex-direction: column; gap: 8px; }
.gg-footer-col strong { font-size: 16px; color: #FFFFFF; }
.gg-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.gg-footer-legal { border-top: 1px solid rgba(255, 255, 255, .15); }
.gg-footer-legal .fh-wrap { padding-top: 12px; padding-bottom: 12px; font-size: 13px; color: #C9C4C0; }

@media (max-width: 760px) {
  .fh-brand img { height: 52px; }
  .gg-tagline { display: none; }
}
/* ------------------------------------------------------------------ the old GoGet wood-grain header
   wood-h.png and jagged-h.png come from the 2016-2018 GoGet redesign (header#primeH) */
.fh-header {
  background: url(assets/img/wood-h.png) repeat-x center top;
  background-size: auto 100%;
  border-bottom: 0;
  position: relative;
}
.fh-header::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 12px;
  background: url(assets/img/jagged-h.png) repeat-x left bottom;
  transform: scaleY(-1); pointer-events: none; z-index: 2;
}
.fh-header .fh-wrap { padding-bottom: 18px; }
/* ==================================================================
   2018 GoGet redesign look (skin/frontend/rwd/shopper/redesign/css/custom.css)
   wood page background, olive buttons, blue banner headlines, wood footer
   ================================================================== */
body { background: #fbdec5 url(assets/img/middle-bg.png) center top repeat; }

/* olive-green buttons with white lettering; blue on hover, as on the old site */
.fh-btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce ul.products li.product .button,
.fh-search .woocommerce-product-search button, .fh-search .fhs button[type=submit], .fh-search .fhs-btn,
.wpcf7-submit,
.fh-cart .woocommerce-mini-cart__buttons a.checkout,
.woocommerce a.checkout-button, .woocommerce #place_order {
  background: linear-gradient(to bottom, #a8aa22 0%, #85861a 100%) !important;
  border: 1px solid #6f7014 !important;
  box-shadow: 0 0 6px #d0d13c inset;
  color: #FFFFFF !important;
  font-weight: 700;
  text-shadow: 1px 1px 1px #5f6011;
  border-radius: 6px;
}
.fh-btn:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce ul.products li.product .button:hover,
.fh-search .woocommerce-product-search button:hover, .fh-search .fhs button[type=submit]:hover, .fh-search .fhs-btn:hover,
.wpcf7-submit:hover,
.fh-cart .woocommerce-mini-cart__buttons a.checkout:hover,
.woocommerce a.checkout-button:hover, .woocommerce #place_order:hover {
  background: linear-gradient(to bottom, #177ac5 0%, #1468a9 100%) !important;
  border-color: #0a568a !important;
  box-shadow: none;
  text-shadow: 1px 1px 1px #3d66a7;
}
.fh-cart .woocommerce-mini-cart__buttons a:not(.checkout) { background: #FFFFFF; border: 1px solid #d8c3ad; }

/* big blue banner headlines with white lettering */
.fh-shop-head h1, .entry-title, .fh-main-page > article > h1, .woocommerce-products-header__title {
  display: block; margin: 0 0 14px; padding: 14px 22px;
  background: #1468a9 linear-gradient(to bottom, #177ac5 0%, #1468a9 100%);
  color: #FFFFFF !important;
  border-radius: 6px;
  box-shadow: 0 9px 7px -4px #15629F inset, 1px 1px 2px rgba(0, 0, 0, .25);
  text-shadow: 2px 2px 0 #065A9D;
  font-weight: 700;
}
.fh-depts > summary h2 {
  margin: 0 0 8px; padding: 8px 14px; border-radius: 6px;
  background: #1468a9 linear-gradient(to bottom, #177ac5 0%, #1468a9 100%);
  color: #FFFFFF; text-shadow: 1px 1px 0 #065A9D;
}
/* sub-headings inside pages: olive banners, like the old "heading3" boxes */
.entry-content h2 {
  padding: 10px 18px; border-radius: 6px; color: #FFFFFF;
  background: #aeaf28 url(assets/img/green-bg-small.png) center center;
  box-shadow: 0 9px 7px -4px #8f901a inset;
  text-shadow: 1px 1px 1px #5f6011;
}
.fh-shop-sub { color: #3b302a; }

/* white content cards sit on the wood */
.fh-main-page, .woocommerce div.product, .fh-depts, .fh-cart, .woocommerce ul.products li.product {
  box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, .4);
}
.woocommerce-breadcrumb, .woocommerce-breadcrumb a, .woocommerce-result-count { color: #3b302a; }

/* wood footer, as on the 2018 site */
.gg-footer { background: #f3d6bb url(assets/img/footer-bg.png) center top repeat; color: #322C29; border-top: 1px solid #d8bfa4; }
.gg-footer a { color: #1468a9; }
.gg-footer a:hover { color: #D2141F; }
.gg-footer-col strong { color: #322C29; }
.gg-footer-brand img { box-shadow: 1px 1px 3px rgba(0, 0, 0, .2); }
.gg-footer-legal { border-top-color: rgba(0, 0, 0, .12); background: rgba(1, 1, 1, .04); }
.gg-footer-legal .fh-wrap { color: #4a403a; }