/*
 * AuctionForge skin — shared base. Loaded only on auction pages, after AuctionForge's CSS
 * and its inline "bidspirit-custom-styles" block (which sets fonts with !important, hence
 * the doubled-up selectors and !important here).
 *
 * Tokens come from the original stylesheet (assets/css/default.css).
 */
:root {
	--sb-navy: #08253e;       /* headings */
	--sb-navy-dark: #134164;  /* hover / current page / table heads */
	--sb-slate: #405775;      /* .button.secondary */
	--sb-teal: #499eaa;       /* links, default .button */
	--sb-teal-dark: #0d677c;  /* .button.color-1 */
	--sb-teal-mid: #2c8494;   /* .button.color-2 */
	--sb-pale: #dbecee;
	--sb-row: #edf5f7;        /* striped table rows */
	--sb-band: #f4f4f4;       /* .wrapper_alt */
	--sb-text: #666;
	--sb-font-body: "Arial", Helvetica, sans-serif;
	--sb-font-heading: "baskerville-urw", "Baskervville", serif;
	--sb-font-ui: "myriad-pro", "Source Sans 3", sans-serif;
	--sb-font-nav: "futura-pt", "Jost", sans-serif;
}

html body .bp-container,
html body .bp-container-fluid {
	font-family: var(--sb-font-ui) !important;
	color: var(--sb-text) !important;
}

html body .bp-countdown,
html body .bp-single-lot .bp-single-lot__head,
html body .bp-lots .bp-lot.bp-lot_auction .bp-lot__title .bp-title,
html body .bp-lots .bp-lot.bp-lot_countdown .bp-lot__title .bp-title {
	font-family: var(--sb-font-heading) !important;
}

/* AuctionForge's generic buttons take the original .button shape and type. */
html body .bp-btn {
	font-family: var(--sb-font-ui);
	border-radius: 0.3125rem;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0;
}

/* default.css draws its teal bullet on every li, including AuctionForge's select2 options. */
html body .select2-container .select2-results__option::before,
html body .select2-container .select2-results__option::after {
	content: none;
	display: none;
}
html body .select2-container .select2-results__option {
	position: static;
}

/* AuctionForge's src/css/reset.css underlines every link on hover. The original header and
   footer never did (only the footer's bottom-row links, by default.css's own rule). */
#header a:hover,
#footer-background a:hover {
	text-decoration: none;
}