/*
 * KD Buttons (kd-header 0.6.0, Shannon 2026-11-14: "restyle the buttons
 * sitewide to match the ones used in the hero menu").
 *
 * The hero's two buttons (kd-header.php hero_buttons) are the reference:
 * 8px corners, 14px BOLD capitals with 0.08em letter-spacing, logo blue
 * #32adfb filled (hover #1593e3) or outlined (hover pale blue fill).
 * Before: the theme's buttons were 10px corners, weight 400, no spacing.
 *
 * 🔑 Only the theme's real button classes are listed (inventoried 11/14 on
 * home, category, listing, sell, contact, locator). Deliberately NOT touched:
 * the mega menu, close/zoom icons, slider arrows, pagination, the header
 * band, and "Bid Now" (the auctions section is being redesigned separately).
 * All screen sizes, unlike kd-header.css which is desktop-only (one
 * max-width rule at the bottom for narrow listing cards).
 */
:root { --kdb-blue: #32adfb; --kdb-blue-dark: #1593e3; --kdb-pale: #eef8ff; --kdb-dark: #1c1c1c; --kdb-dark-hover: #41464d; }

/* Shape + type, shared by every button below. */
a.btn.request-a-quote-btn,
a.btn.add_to_cart_button,
a.makeanoffer.btn,
button.submit-button,
button.btn,
a.btn.sell-your-machine,
a.pbutton,
.sidebar-filters-apply,
.sidebar-filters-clear,
.sidebar-filtesr-clear,
a.btn.testimonials,
.kd-lf .kd-lf-apply {
	border-radius: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	transition: background-color .15s, border-color .15s, color .15s !important;
	text-decoration: none !important;
}

/* Filled = the hero's "Browse All Machinery". */
a.btn.request-a-quote-btn,
a.makeanoffer.btn,
button.submit-button,
button.btn,
a.btn.sell-your-machine,
.sidebar-filters-apply {
	background: var(--kdb-blue) !important;
	border: 1px solid var(--kdb-blue) !important;
	color: #fff !important;
}
a.btn.request-a-quote-btn:hover, a.btn.request-a-quote-btn:focus,
a.makeanoffer.btn:hover, a.makeanoffer.btn:focus,
button.submit-button:hover, button.submit-button:focus,
button.btn:hover, button.btn:focus,
a.btn.sell-your-machine:hover, a.btn.sell-your-machine:focus,
.sidebar-filters-apply:hover, .sidebar-filters-apply:focus {
	background: var(--kdb-blue-dark) !important;
	border-color: var(--kdb-blue-dark) !important;
	color: #fff !important;
}

/* Secondary = DARK (0.6.7, Shannon 2026-11-14: "i don't love the white buttons
   sitewide like add to cart, etc. can we make those a different color?").
   Was white with a blue outline. Now charcoal #1c1c1c filled, white text, so it
   pairs with the blue primary beside it and the black menu bar. Hover = a
   lighter charcoal #41464d (0.6.9, Shannon: "i dont like that the hover over
   the black buttons turns the same color blue as the blue buttons"). "sidebar-filtesr-clear" is the theme's own misspelt class on
   the category pages' Clear Filters button (seen 11/14), so both spellings;
   it is also a button.btn, so the filled-blue "button.btn" rule above beat a
   plain class (Clear showed blue beside blue Apply) -> button.X.btn here. */
a.btn.add_to_cart_button,
.sidebar-filters-clear,
.sidebar-filtesr-clear,
button.sidebar-filters-clear.btn,
button.sidebar-filtesr-clear.btn,
a.btn.testimonials,
a.pbutton {
	background: var(--kdb-dark) !important;
	border: 1px solid var(--kdb-dark) !important;
	color: #fff !important;
}
a.btn.add_to_cart_button:hover, a.btn.add_to_cart_button:focus,
.sidebar-filters-clear:hover, .sidebar-filters-clear:focus,
.sidebar-filtesr-clear:hover, .sidebar-filtesr-clear:focus,
button.sidebar-filters-clear.btn:hover, button.sidebar-filters-clear.btn:focus,
button.sidebar-filtesr-clear.btn:hover, button.sidebar-filtesr-clear.btn:focus,
a.btn.testimonials:hover, a.btn.testimonials:focus,
a.pbutton:hover, a.pbutton:focus {
	background: var(--kdb-dark-hover) !important;
	border-color: var(--kdb-dark-hover) !important;
	color: #fff !important;
}

/* The homepage "Sell Your Machine" CTA was 24px text on a dark box; same look
   as the rest now, a little larger because it stands alone. */
a.btn.sell-your-machine { font-size: 16px !important; padding: 14px 34px !important; }

/* Listing-card pair (Request a Quote + Add to Cart, ~148px each): the hero's
   letter-spacing made "Request a Quote" wrap to two lines (seen in preview
   11/13), so these keep the look but tighter, on one line. */
@media (max-width: 1399px) { a.btn.request-a-quote-btn, a.btn.add_to_cart_button { font-size: 12px !important; padding: 7px 6px !important; letter-spacing: .02em !important; } }
a.btn.request-a-quote-btn,
a.btn.add_to_cart_button {
	white-space: nowrap !important;
	letter-spacing: .03em !important;
	font-size: 13px !important;
	padding: 8px 10px !important;
}

/* 0.7.0 (Shannon 2026-11-14: "remove the dates from all reviews"). Every review
   on the site is the Trustindex widget (homepage slider + /testimonials/, 149
   dated reviews there); each date is one .ti-date line under the name. Hidden,
   sitewide; the reviews themselves are untouched. Lives here because this is
   the plugin's one sitewide stylesheet. */
.ti-widget .ti-date { display: none !important; }

/* 0.9.0 short sell form: Make sits alone in its row once Model is removed. */
.kd-sell__sellform .kd-sell__pair:has(> .kd-sell__field:only-of-type) { grid-template-columns: 1fr !important; }
