/*
Theme Name:   In The Kennel
Theme URI:    https://inthekennel.com/
Description:  In The Kennel child theme for Kadence: a clean, fast dog & cat supplies 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:  inthekennel
*/

/* Palette lives in Kadence global palette (see setup/staging-setup.php); these are brand extras. */
:root {
	--ink-yellow: #ffcc47;      /* brand accent from the old In The Kennel theme */
	--ink-yellow-hover: #f5b81c;
	--ink-yellow-soft: #fff4d6;
	--ink-amber: #8a5a00;       /* readable link/accent on white */
	--ink-cream: #fffbf2;
	--ink-ink: #22201b;
	--ink-muted: #5f5a50;
	--ink-line: #ece6d8;
	--ink-radius: 14px;
}

/* ---------- Text logo: highlighter underline, like the placeholder page ---------- */
.site-branding .site-title {
	font-weight: 800;
	letter-spacing: -0.03em;
	font-size: 1.6rem;
	line-height: 1.1;
	background: linear-gradient(transparent 60%, var(--ink-yellow) 60%);
	padding: 0 .1em;
}
.site-branding .site-description { display: none; }

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

/* ---------- Buttons: the Amazon CTA ---------- */
.ink-amazon-btn,
.woocommerce ul.products li.product .button.ink-amazon-btn,
.woocommerce div.product .ink-amazon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45em;
	background: var(--ink-yellow);
	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;
}
.ink-amazon-btn:hover,
.ink-amazon-btn:focus-visible,
.woocommerce ul.products li.product .button.ink-amazon-btn:hover,
.woocommerce div.product .ink-amazon-btn:hover {
	background: var(--ink-yellow-hover);
	color: #111;
	transform: translateY(-1px);
}
.ink-amazon-btn::after { content: "\2197"; font-size: .95em; }
.woocommerce ul.products li.product .button.ink-amazon-btn { width: 100%; font-size: .92rem; padding: .7em 1em; }
.woocommerce ul.products li.product .button.ink-amazon-btn::after { display: none; }
.woocommerce div.product .ink-amazon-btn { font-size: 1.05rem; padding: .9em 1.8em; }
.ink-price-note { display: block; margin-top: .6em; font-size: .8rem; color: var(--ink-muted); }

/* ---------- Product cards ---------- */
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid var(--ink-line);
	border-radius: var(--ink-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(80, 60, 10, .10); transform: translateY(-2px); }
.woocommerce ul.products li.product a img { border-radius: 10px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; font-weight: 700; }
.woocommerce ul.products li.product .product-details { background: transparent; padding: 10px 4px 0; }
.woocommerce ul.products li.product .product-action-wrap { margin-top: 10px; }
@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.ink-amazon-btn { font-size: .8rem; padding: .65em .6em; }
}

/* ---------- Home ---------- */
.ink-home { --gap: clamp(16px, 4vw, 32px); }
.ink-hero {
	background: linear-gradient(135deg, var(--ink-yellow-soft) 0%, #fdf8ec 100%);
	border-radius: calc(var(--ink-radius) * 1.5);
	padding: clamp(28px, 7vw, 72px) clamp(20px, 6vw, 64px);
	margin-bottom: var(--gap);
	position: relative;
	overflow: hidden;
}
.ink-hero::after {
	content: "";
	position: absolute;
	right: -50px; top: -50px;
	width: 220px; height: 220px;
	border-radius: 50%;
	background: rgba(255, 204, 71, .35);
}
.ink-hero > * { position: relative; z-index: 1; }
.ink-hero__eyebrow { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-amber); background: #fff; padding: .35em .8em; border-radius: 999px; }
.ink-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(--ink-ink); }
.ink-hero p { font-size: clamp(1rem, 2.4vw, 1.2rem); color: var(--ink-muted); max-width: 50ch; margin: 0 0 1.2em; }
.ink-hero__cta { display: inline-block; background: var(--ink-ink); color: #fff; font-weight: 700; padding: .85em 1.5em; border-radius: 999px; text-decoration: none; }
.ink-hero__cta:hover { background: #000; color: var(--ink-yellow); }

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

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

.ink-food {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
	margin-top: var(--gap);
	padding: 18px 22px;
	background: #fff;
	border: 2px solid var(--ink-yellow);
	border-radius: var(--ink-radius);
}
.ink-food strong { display: block; font-size: 1.05rem; }
.ink-food span { color: var(--ink-muted); font-size: .92rem; }
.ink-food a { font-weight: 700; white-space: nowrap; }

.entry-content ul.ink-trust { margin: var(--gap) 0 0; padding: 0; }
.ink-trust { display: grid; gap: 12px; grid-template-columns: 1fr; margin: var(--gap) 0 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .ink-trust { grid-template-columns: repeat(3, 1fr); } }
.ink-trust li { background: var(--ink-cream); border: 1px solid var(--ink-line); border-radius: var(--ink-radius); padding: 16px 18px; }
.ink-trust strong { display: block; margin-bottom: 4px; }
.ink-trust span { font-size: .9rem; color: var(--ink-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(--ink-ink); color: #d9d4c8; }
.site-footer a { color: #fff; }
.ink-footer { font-size: .88rem; line-height: 1.6; text-align: center; }
.ink-footer__brand { font-weight: 800; font-size: 1.15rem; color: #fff; letter-spacing: -0.02em; }
.ink-footer__links { list-style: none; margin: .6em 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .4em 1.2em; }
.ink-footer__links a, .ink-footer__sister a, .ink-footer__contact a { text-decoration: underline; text-underline-offset: 3px; }
.ink-footer__sister, .ink-footer__contact { margin: .6em 0; }
.ink-footer__sister a, .ink-footer__contact a { color: var(--ink-yellow); }
.ink-footer__disclosure { max-width: 70ch; margin: .6em auto; color: #c4beb0; }
.ink-footer__copy { color: #a39d90; font-size: .8rem; }

/* ---------- Notices on product/category pages ---------- */
.ink-inline-disclosure { font-size: .8rem; color: var(--ink-muted); background: var(--ink-cream); border: 1px dashed var(--ink-line); border-radius: 10px; padding: .6em .9em; margin: 0 0 1em; }
.ink-vet-note { font-size: .88rem; background: var(--ink-yellow-soft); border-left: 4px solid var(--ink-yellow); border-radius: 6px; 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; }

/* ---------- Branded product placeholder (inc/placeholder.php) ---------- */
.ink-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(--ink-ph-bg,#fff4d6);color:#2c2717;overflow:hidden}
.ink-ph--beds-crates{--ink-ph-bg:#f4ecdf}
.ink-ph--walk-travel{--ink-ph-bg:#e6eff6}
.ink-ph--toys{--ink-ph-bg:#fff1cc}
.ink-ph--grooming{--ink-ph-bg:#ece9f5}
.ink-ph--bowls-feeders{--ink-ph-bg:#e4f1ea}
.ink-ph--litter{--ink-ph-bg:#f6e9e4}
.ink-ph__icon{font-size:3em;line-height:1}
.ink-ph__brand{font-size:.8em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-amber)}
.ink-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}
.ink-ph__cat{font-size:.72em;opacity:.65}
.woocommerce-product-gallery__image--placeholder .ink-ph{font-size:1.35rem;border-radius:12px}

/* ---------- Buying guides ---------- */
.ink-guide-link { font-size: .92rem; background: #fff; border: 1px solid var(--ink-line); border-left: 4px solid var(--ink-yellow); border-radius: 8px; padding: .6em .9em; margin: 0 0 1em; }
.ink-guide-link a { font-weight: 700; }
.ink-guide-note { font-size: .9rem; background: var(--ink-cream); border: 1px dashed var(--ink-line); border-radius: 10px; padding: .7em 1em; }
.entry-content ul.ink-guides { margin: 0; padding: 0; }
.ink-guides { list-style: none; display: grid; gap: 10px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .ink-guides { grid-template-columns: repeat(3, 1fr); } }
.ink-guides a { display: block; height: 100%; padding: 14px 16px; background: #fff; border: 1px solid var(--ink-line); border-left: 4px solid var(--ink-yellow); border-radius: 10px; font-weight: 700; color: var(--ink-ink); text-decoration: none; }
.ink-guides a:hover { border-color: var(--ink-yellow); }
.entry-meta .posted-by { display: none; } /* guides have no named author */