/*
Theme Name: Bigfoot Food Products
Theme URI: https://bigfootfoodproducts.com
Description: Kadence child theme for Bigfoot Food Products (clean-room rebuild 2026-08).
Author: Web Solutions by Mark
Template: kadence
Version: 2.2.3
*/

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

:root {
	--bf-gold: #C39A5F; --bf-gold-dk: #B38944; --bf-brown: #291C0E; --bf-brown-2: #3A2A17;
	--bf-cream: #EBE8E5; --bf-paper: #F5F2EE; --bf-bark: #4F4F4F; --bf-ash: #5C5C5C;
	--bf-gold-text: #7F5F2B; /* small-text gold: 5.3:1 on Paper, 5.9:1 on White (WCAG AA) */
}

/* a11y contrast (QA 2026-08-27): small gold/grey text that sat at 2.3–3.2:1 */
.woocommerce div.product .product_meta>span, .woocommerce div.product .product_meta>span a { color: var(--bf-ash); } /* beats Kadence palette6 rule */
.woocommerce div.product p.stock.out-of-stock, .woocommerce p.stock.out-of-stock { color: #9B2F1F; font-weight: 600; } /* Woo default pure red = 3.6:1 */
.single-product a.reset_variations { color: var(--bf-gold-text); }
.entry-taxonomies .category-links a, .category-link-press { color: var(--bf-gold-text) !important; }
.entry-content a:not(.kb-button):not(.button):not(.kb-advanced-image-link):not(.wp-block-kadence-advancedbtn a) { color: var(--bf-gold-text); }

/* Header buttons never wrap */
.wp-block-kadence-header .kb-button { white-space: nowrap; }

/* Equal-height cards in nested rows */
.bf-equal .wp-block-kadence-column { height: 100%; }
.bf-equal .kt-inside-inner-col { display: flex; flex-direction: column; height: 100%; }
.bf-equal .kt-inside-inner-col > .wp-block-kadence-advancedbtn:last-child { margin-top: auto; }

/* Card hover lift */
.bf-card { transition: transform .2s ease, box-shadow .2s ease; }
.bf-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -22px rgba(41, 28, 14, .45); }

/* Placeholder marker (removed when real content lands) */
.bf-placeholder { outline: 2px dashed #d55; outline-offset: 3px; position: relative; }
.bf-placeholder::after {
	content: "PLACEHOLDER"; position: absolute; top: -11px; right: 8px; background: #d55; color: #fff;
	font: 700 10px/1 Inter, sans-serif; letter-spacing: .08em; padding: 4px 7px; border-radius: 3px; z-index: 2;
}

/* Size rows: inner 2-col rows sit tight and act as one clickable card */
.bf-size { margin-bottom: 10px; }
.bf-size .wp-block-kadence-column { transition: border-color .2s, box-shadow .2s; }
.bf-size:hover .wp-block-kadence-column { box-shadow: 0 0 0 3px rgba(195, 154, 95, .25); }
.bf-size .kb-adv-heading-link, .bf-size a { text-decoration: none; }

/* Gift band: image fills its column edge to edge */
.bf-gift > .kt-row-column-wrap { overflow: hidden; }
.bf-gift .wp-block-kadence-image, .bf-gift .kb-is-ratio-image { height: 100%; }
.bf-gift .kb-is-ratio-image img { height: 100%; object-fit: cover; }

/* Hero: gentle slow zoom on the background */
@media (prefers-reduced-motion: no-preference) {
	.bf-hero .kt-row-layout-inner { animation: none; }
}

/* Reveal-on-scroll (IntersectionObserver in functions.php; reduced-motion safe) */
.bf-reveal .wp-block-kadence-column { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .3, 1); }
.bf-in .wp-block-kadence-column { opacity: 1; transform: none; }
.bf-reveal .wp-block-kadence-column:nth-child(2) { transition-delay: .12s; }
.bf-reveal .wp-block-kadence-column:nth-child(3) { transition-delay: .24s; }
.bf-reveal .wp-block-kadence-column:nth-child(4) { transition-delay: .36s; }
@media (prefers-reduced-motion: reduce) { .bf-reveal .wp-block-kadence-column { opacity: 1; transform: none; transition: none; } }

/* Newsletter form on the dark band */
.bf-news .gform_wrapper input[type="text"], .bf-news .gform_wrapper input[type="email"] {
	background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.2) !important; color: #fff !important; border-radius: 6px; padding: 12px 14px !important;
}
.bf-news .gform_wrapper label, .bf-news .gform_wrapper .gfield_required { color: #EBE8E5 !important; }
.bf-news .gform_wrapper .gform_button { background: var(--bf-gold) !important; color: var(--bf-brown) !important; border: 0; border-radius: 6px; font-weight: 600; padding: 14px 24px; }
.bf-news .gform_wrapper .gform_button:hover { background: var(--bf-gold-dk) !important; }
.bf-news .gform_wrapper .gform_confirmation_message { color: #fff; }

/* Gravity Forms buttons: brand gold everywhere */
.gform_wrapper .gform_button, .gform_wrapper .gform_footer input[type="submit"] { background: var(--bf-gold) !important; color: var(--bf-brown) !important; border: 0 !important; border-radius: 6px !important; font-weight: 600 !important; padding: 14px 26px !important; }
.gform_wrapper .gform_button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover { background: var(--bf-gold-dk) !important; }
.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper textarea { border-radius: 6px !important; border: 1px solid #D9D3CB !important; }

/* Portrait reel on Our Story: cap height, center, round corners */
.bf-video .wp-block-video { margin: 0; }
.bf-video video { display: block; max-height: 620px; width: auto; max-width: 100%; margin: 0 auto; border-radius: 8px; background: #000; }

/* WooCommerce polish */
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: Lora, serif; font-size: 1.15rem; }
.single-product form.cart .single_add_to_cart_button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button {
	background: var(--bf-gold); color: var(--bf-brown); border-radius: 6px; font-weight: 600;
}
.single-product form.cart .single_add_to_cart_button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { background: var(--bf-gold-dk); color: var(--bf-brown); }
.woocommerce span.onsale { background: var(--bf-gold); color: var(--bf-brown); }
