/*
Theme Name:   Supercery
Theme URI:    https://supercery.com/
Description:  Supercery child theme for Kadence – a clean, fast "healthy market" affiliate storefront (catalog only, no cart).
Author:       Creahive
Author URI:   https://creahive.com/
Template:     kadence
Version:      1.0.0
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  supercery
*/

/* Palette lives in Kadence global palette (see setup/staging-setup.php); these are brand extras. */
:root {
	--sc-green: #2f7d4f;
	--sc-green-dark: #1f5c39;
	--sc-leaf: #e9f4ec;
	--sc-cream: #fbfaf5;
	--sc-cta: #ffb84d;
	--sc-cta-hover: #f59f1b;
	--sc-ink: #1d2a22;
	--sc-muted: #5b6b61;
	--sc-line: #e3e8e2;
	--sc-radius: 14px;
}

/* ---------- Text logo ---------- */
.site-branding .site-title {
	font-weight: 800;
	letter-spacing: -0.03em;
	font-size: 1.65rem;
	line-height: 1;
}
.site-branding .site-title::before {
	content: "";
	display: inline-block;
	width: 0.62em;
	height: 0.62em;
	margin-right: 0.35em;
	border-radius: 0 60% 0 60%;
	background: var(--sc-green);
	vertical-align: 0.02em;
}
.site-branding .site-description { display: none; }

/* ---------- Header ---------- */
#masthead .site-main-header-wrap { border-bottom: 1px solid var(--sc-line); }
.main-navigation .primary-menu-container > ul > li.menu-item > a { font-weight: 600; }

/* ---------- Buttons: the Amazon CTA ---------- */
.sc-amazon-btn,
.woocommerce ul.products li.product .button.sc-amazon-btn,
.woocommerce div.product .sc-amazon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45em;
	background: var(--sc-cta);
	color: #1b1b1b;
	border: 0;
	border-radius: 999px;
	font-weight: 700;
	padding: .75em 1.35em;
	text-decoration: none;
	line-height: 1.2;
	box-shadow: 0 1px 0 rgba(0,0,0,.08);
	transition: background .15s ease, transform .15s ease;
}
.sc-amazon-btn:hover,
.sc-amazon-btn:focus-visible,
.woocommerce ul.products li.product .button.sc-amazon-btn:hover {
	background: var(--sc-cta-hover);
	color: #111;
	transform: translateY(-1px);
}
.sc-amazon-btn::after { content: "\2197"; font-size: .95em; }
.woocommerce ul.products li.product .button.sc-amazon-btn { width: 100%; font-size: .92rem; padding: .7em 1em; }
.woocommerce div.product .sc-amazon-btn { font-size: 1.05rem; padding: .9em 1.8em; }
.sc-price-note { display: block; margin-top: .6em; font-size: .8rem; color: var(--sc-muted); }

/* ---------- Product cards ---------- */
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid var(--sc-line);
	border-radius: var(--sc-radius);
	padding: 12px 12px 16px;
	transition: box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover { box-shadow: 0 10px 28px rgba(31, 92, 57, .10); transform: translateY(-2px); }
.woocommerce ul.products li.product a img { border-radius: 10px; background: var(--sc-leaf); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; font-weight: 700; }
.woocommerce span.onsale { background: var(--sc-green); }

/* ---------- Home ---------- */
.sc-home { --gap: clamp(16px, 4vw, 32px); }
.sc-hero {
	background: linear-gradient(135deg, var(--sc-leaf) 0%, #f7f3e6 100%);
	border-radius: calc(var(--sc-radius) * 1.5);
	padding: clamp(28px, 7vw, 72px) clamp(20px, 6vw, 64px);
	margin-bottom: var(--gap);
	position: relative;
	overflow: hidden;
}
.sc-hero::after {
	content: "";
	position: absolute;
	right: -60px; top: -60px;
	width: 240px; height: 240px;
	border-radius: 0 60% 0 60%;
	background: rgba(47, 125, 79, .12);
	transform: rotate(18deg);
}
.sc-hero__eyebrow { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sc-green-dark); background: #fff; padding: .35em .8em; border-radius: 999px; }
.sc-hero h1 { font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.05; letter-spacing: -0.03em; margin: .4em 0 .35em; max-width: 16ch; color: var(--sc-ink); }
.sc-hero p { font-size: clamp(1rem, 2.4vw, 1.2rem); color: var(--sc-muted); max-width: 46ch; margin: 0 0 1.2em; }
.sc-hero__cta { display: inline-block; background: var(--sc-green); color: #fff; font-weight: 700; padding: .85em 1.5em; border-radius: 999px; text-decoration: none; }
.sc-hero__cta:hover { background: var(--sc-green-dark); color: #fff; }

.sc-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; margin: var(--gap) 0 14px; }
.sc-section-title h2 { margin: 0; font-size: clamp(1.3rem, 3.4vw, 1.75rem); letter-spacing: -0.02em; }
.sc-section-title a { font-weight: 600; white-space: nowrap; }

.sc-cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; list-style: none; margin: 0; padding: 0; }
@media (min-width: 640px) { .sc-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .sc-cats { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.sc-cat a {
	display: flex; flex-direction: column; gap: 6px;
	height: 100%;
	padding: 18px 16px;
	background: #fff;
	border: 1px solid var(--sc-line);
	border-radius: var(--sc-radius);
	color: var(--sc-ink);
	text-decoration: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.sc-cat a:hover { border-color: var(--sc-green); box-shadow: 0 6px 18px rgba(31, 92, 57, .10); }
.sc-cat__icon { font-size: 1.7rem; line-height: 1; }
.sc-cat__name { font-weight: 700; }
.sc-cat__desc { font-size: .85rem; color: var(--sc-muted); }

.sc-trust { display: grid; gap: 12px; grid-template-columns: 1fr; margin-top: var(--gap); padding: 0; list-style: none; }
@media (min-width: 768px) { .sc-trust { grid-template-columns: repeat(3, 1fr); } }
.sc-trust li { background: var(--sc-cream); border: 1px solid var(--sc-line); border-radius: var(--sc-radius); padding: 16px 18px; }
.sc-trust strong { display: block; margin-bottom: 4px; }
.sc-trust span { font-size: .9rem; color: var(--sc-muted); }

/* Hide page title on the front page (hero is the title). */
.home .entry-hero, .home .entry-header { display: none; }

/* ---------- Footer ---------- */
.site-footer { background: var(--sc-ink); color: #cfd8d2; }
.site-footer a { color: #fff; }
.sc-footer { font-size: .88rem; line-height: 1.6; text-align: center; }
.sc-footer__brand { font-weight: 800; font-size: 1.15rem; color: #fff; letter-spacing: -0.02em; }
.sc-footer__links { list-style: none; margin: .6em 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .4em 1.2em; }
.sc-footer__links a { text-decoration: underline; text-underline-offset: 3px; }
.sc-footer__disclosure { max-width: 70ch; margin: .6em auto; color: #b9c6bd; }
.sc-footer__copy { color: #93a399; font-size: .8rem; }

/* ---------- Affiliate notice on product/category pages ---------- */
.sc-inline-disclosure { font-size: .8rem; color: var(--sc-muted); background: var(--sc-cream); border: 1px dashed var(--sc-line); border-radius: 10px; padding: .6em .9em; margin: 0 0 1em; }

/* Catalog mode: nothing cart-related anywhere. */
.woocommerce-mini-cart, .header-cart-wrap, .added_to_cart, .woocommerce-store-notice { display: none !important; }

/* ---------- Fixes after first review ---------- */
.entry-content ul.sc-cats,
.entry-content ul.sc-trust { margin: 0; padding: 0; }
.entry-content ul.sc-trust { margin-top: var(--gap); }
.woocommerce ul.products li.product .product-details { background: transparent; padding: 10px 4px 0; }
.woocommerce ul.products li.product .product-action-wrap { margin-top: 10px; }
.woocommerce ul.products li.product .button.sc-amazon-btn::after { display: none; }
@media (max-width: 600px) {
	.woocommerce ul.products li.product { padding: 8px 8px 12px; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .9rem; }
	.woocommerce ul.products li.product .button.sc-amazon-btn { font-size: .8rem; padding: .65em .6em; }
}

/* Branded product placeholder (inc/placeholder.php) */
.sc-ph{aspect-ratio:1/1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;padding:1.25em;text-align:center;border-radius:10px;background:var(--sc-ph-bg,#eef5ef);color:#23412f;overflow:hidden}
.sc-ph--healthy-snacks{--sc-ph-bg:#fbefdc}
.sc-ph--protein{--sc-ph-bg:#e7f0f7}
.sc-ph--supplements{--sc-ph-bg:#efeaf6}
.sc-ph--pantry{--sc-ph-bg:#f3f0e1}
.sc-ph--kitchen{--sc-ph-bg:#e6f2ea}
.sc-ph__icon{font-size:3em;line-height:1}
.sc-ph__brand{font-size:.8em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-green,#2f7d4f)}
.sc-ph__name{font-size:.95em;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:22ch}
.sc-ph__cat{font-size:.72em;opacity:.65}
.woocommerce-product-gallery__image--placeholder .sc-ph{font-size:1.35rem;border-radius:12px}