/*
  Fast Gives — App Theme (sitewide reskin)
  Every rule is scoped under html.fg-standalone so browser visitors never
  see any change — this stylesheet only affects installed-app users on
  real WooCommerce pages (shop, single product, cart, account).
  The underlying WooCommerce functionality (filters, variations, payment
  forms, account forms) is untouched — only the visual theme changes.
*/

html.fg-standalone{
  --fg-blue: #2E9FD6;
  --fg-orange: #F2994A;
  --fg-navy: #16324F;
  --fg-red: #D32433;
  --fg-grey-bg: #F4F6F8;
  --fg-grey-text: #64748B;
}

html.fg-standalone body.fg-has-chrome{
  font-family: 'Inter', system-ui, sans-serif !important;
  color: var(--fg-navy);
  background: var(--fg-grey-bg);
}
html.fg-standalone body.fg-has-chrome h1,
html.fg-standalone body.fg-has-chrome h2,
html.fg-standalone body.fg-has-chrome h3{
  font-family: 'Manrope', sans-serif !important;
  color: var(--fg-navy);
}

/* ---------- General buttons & links ---------- */
html.fg-standalone body.fg-has-chrome .woocommerce a.button,
html.fg-standalone body.fg-has-chrome .woocommerce button.button,
html.fg-standalone body.fg-has-chrome .woocommerce input.button,
html.fg-standalone body.fg-has-chrome .woocommerce #respond input#submit,
html.fg-standalone body.fg-has-chrome .single_add_to_cart_button{
  background: var(--fg-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-family: 'Inter', sans-serif !important;
  padding: 12px 20px !important;
  box-shadow: none !important;
  transition: background 0.15s;
}
html.fg-standalone body.fg-has-chrome .woocommerce a.button:hover,
html.fg-standalone body.fg-has-chrome .single_add_to_cart_button:hover{
  background: var(--fg-navy) !important;
}
html.fg-standalone body.fg-has-chrome a{ color: var(--fg-blue); }

/* ---------- Shop / category product grid ---------- */
html.fg-standalone body.fg-has-chrome ul.products{
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
  padding: 16px !important;
  margin: 0 !important;
  list-style: none !important;
}
html.fg-standalone body.fg-has-chrome ul.products li.product{
  background: #fff !important;
  border: 1px solid #E4E9EE !important;
  border-radius: 14px !important;
  padding: 10px !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
html.fg-standalone body.fg-has-chrome ul.products li.product img{
  width: 100% !important;
  height: 140px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
}
html.fg-standalone body.fg-has-chrome ul.products li.product .woocommerce-loop-product__title{
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--fg-navy) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html.fg-standalone body.fg-has-chrome ul.products li.product .price{
  font-family: 'Manrope', sans-serif !important;
  font-weight: 800 !important;
  color: var(--fg-navy) !important;
}

/* ---------- Single product page ---------- */
html.fg-standalone body.fg-has-chrome.single-product .product{
  background: #fff;
  margin: 16px;
  border-radius: 16px;
  padding: 18px;
  border: 1px solid #E4E9EE;
}
html.fg-standalone body.fg-has-chrome.single-product .entry-title{
  font-size: 1.15rem !important;
  margin-top: 14px !important;
}
html.fg-standalone body.fg-has-chrome.single-product .price{
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: var(--fg-navy) !important;
}
html.fg-standalone body.fg-has-chrome.single-product .woocommerce-product-gallery img{
  border-radius: 12px;
}

/* ---------- Cart page — stack instead of a cramped table on mobile ---------- */
html.fg-standalone body.fg-has-chrome.woocommerce-cart table.cart,
html.fg-standalone body.fg-has-chrome.woocommerce-cart table.cart thead,
html.fg-standalone body.fg-has-chrome.woocommerce-cart table.cart tbody,
html.fg-standalone body.fg-has-chrome.woocommerce-cart table.cart tr{
  display: block !important;
  width: 100% !important;
}
html.fg-standalone body.fg-has-chrome.woocommerce-cart table.cart thead{ display: none !important; }
html.fg-standalone body.fg-has-chrome.woocommerce-cart table.cart tr{
  display: flex !important;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #E4E9EE;
  border-radius: 12px;
  padding: 12px;
  margin: 0 16px 12px;
}
html.fg-standalone body.fg-has-chrome.woocommerce-cart table.cart td{
  border: none !important;
  padding: 2px 0 !important;
}
html.fg-standalone body.fg-has-chrome.woocommerce-cart table.cart td.product-thumbnail img{
  border-radius: 8px;
  width: 64px !important;
  height: 64px !important;
  object-fit: cover;
}
html.fg-standalone body.fg-has-chrome .cart-collaterals .cart_totals{
  background: #fff;
  border: 1px solid #E4E9EE;
  border-radius: 14px;
  padding: 16px;
  margin: 0 16px;
}

/* ---------- My Account ---------- */
html.fg-standalone body.fg-has-chrome.woocommerce-account .woocommerce-MyAccount-navigation ul{
  display: flex;
  overflow-x: auto;
  gap: 8px;
  padding: 12px 16px;
  list-style: none;
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #E4E9EE;
}
html.fg-standalone body.fg-has-chrome.woocommerce-account .woocommerce-MyAccount-navigation li{
  flex-shrink: 0;
}
html.fg-standalone body.fg-has-chrome.woocommerce-account .woocommerce-MyAccount-navigation a{
  display: block;
  padding: 8px 14px;
  border-radius: 20px;
  background: var(--fg-grey-bg);
  color: var(--fg-navy);
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
}
html.fg-standalone body.fg-has-chrome.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background: var(--fg-blue);
  color: #fff;
}
html.fg-standalone body.fg-has-chrome.woocommerce-account .woocommerce-MyAccount-content{
  padding: 16px;
}
html.fg-standalone body.fg-has-chrome.woocommerce-account table.woocommerce-orders-table{
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #E4E9EE;
}

/* ---------- Form fields (account, checkout) ---------- */
html.fg-standalone body.fg-has-chrome input.input-text,
html.fg-standalone body.fg-has-chrome select,
html.fg-standalone body.fg-has-chrome textarea{
  border: 1.5px solid #E4E9EE !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-family: 'Inter', sans-serif !important;
}
html.fg-standalone body.fg-has-chrome input.input-text:focus,
html.fg-standalone body.fg-has-chrome select:focus{
  border-color: var(--fg-blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(46,159,214,0.15) !important;
}