/*
Theme Name: r00t3d
Theme URI: https://r00t3d.net/
Author: r00t3d Team
Author URI: https://r00t3d.net/
Description: Dark theme for r00t3d auction site with updated palette and auction-specific styles.
Version: 1.0
Text Domain: r00t3d
*/

/* Add CSS custom properties for the new palette */
:root {
	--bg: #0b0b0b;
	--surface: #191919;
	--surface-2: #121212;
	--text: #E6E6E6;
	--muted: #9aa0a6;
	--accent-primary: #3FB5FF; /* electric blue (replaces neon green) */
	--accent-primary-rgb: 63,181,255;
	--accent-secondary: #FF7A88; /* soft coral (replaces gold) */
	--accent-secondary-rgb: 255,122,136;
	--accent-shadow: rgba(var(--accent-primary-rgb), 0.14);
	--card-border: rgba(var(--accent-primary-rgb), 0.22);
	--btn-text: #111; /* dark text for bright gradients to ensure contrast */
}

/* Responsive grid and cards */
.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2em;
	margin: 2em 0;
}
.auction-card {
	background: var(--surface);
	border-radius: 12px;
	box-shadow: 0 0 16px #222;
	padding: 1.5em;
	transition: box-shadow 0.2s;
	border: 2px solid var(--accent-primary);
}
.auction-card:hover {
	box-shadow: 0 0 32px var(--accent-primary);
}
.auction-img {
	width: 100%;
	border-radius: 8px;
	margin-bottom: 1em;
}
.auction-meta span {
	display: block;
	margin-bottom: 0.5em;
	color: var(--accent-secondary);
}
@media (max-width: 600px) {
	.main-nav ul {
		flex-direction: column;
		gap: 0.5em;
	}
	.grid {
		grid-template-columns: 1fr;
	}
	.hero-img, .archive-hero img {
		max-width: 100%;
		border-radius: 8px;
	}
}
.archive-controls, .auction-meta {
	font-size: 1em;
	margin-bottom: 1em;
}
.headline {
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.subheadline {
	font-size: 1.3em;
	color: var(--accent-primary);
	margin-bottom: 1em;
}
.countdown-timer {
	font-size: 1.2em;
	color: var(--accent-primary);
	margin-bottom: 1em;
}
.nav-link {
	padding: 0.5em 1em;
	border-radius: 4px;
	font-weight: 600;
}
.nav-link:hover, .nav-link.active {
	background: #222;
	color: var(--accent-primary);
}
.page-hero img {
	display: block;
	margin: 0 auto 1em auto;
}
.main-page, .auctions-archive {
	padding: 2em 1em;
}
/*
Theme Name: r00t3d.net
Theme URI: https://r00t3d.net
Author: r00t3d
Description: Custom theme for cannabis seed auctions
Version: 1.0
*/
body.dark-bg { background: var(--bg); color: var(--text); font-family: 'Roboto', sans-serif; }
.logo-text { font-family: 'Montserrat', sans-serif; font-size: 2.2rem; color: var(--accent-secondary); letter-spacing: 1px; }
.logo-text .neon { color: var(--accent-primary); text-shadow: 0 0 12px var(--accent-primary); }
.location-badge { color: var(--accent-primary); font-weight: 600; margin-left: 1.2rem; font-size: 1.1em; }
.btn-primary { background: linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-secondary) 100%); color: var(--btn-text); /* use dark text for adequate contrast */ border: none; padding: 0.85em 2.2em; border-radius: 6px; font-weight: bold; box-shadow: 0 2px 8px rgba(var(--accent-primary-rgb), 0.18); transition: background 0.2s, color 0.2s, transform 0.08s; }
.btn-primary:hover { transform: translateY(-2px); }
.btn-primary:focus-visible { outline: 3px solid rgba(var(--accent-primary-rgb), 0.18); outline-offset: 3px; }
.btn-secondary { background: var(--accent-secondary); color: var(--btn-text); border: none; padding: 0.85em 2.2em; border-radius: 6px; font-weight: bold; box-shadow: 0 2px 8px rgba(var(--accent-secondary-rgb), 0.14); transition: background 0.2s, transform 0.08s; }
.btn-secondary:hover { transform: translateY(-2px); }
.btn-secondary:focus-visible { outline: 3px solid rgba(var(--accent-secondary-rgb), 0.14); outline-offset: 3px; }
.hero-buttons { display: flex; gap: 12px; justify-content: center; align-items: center; }
@media (max-width: 600px) { .hero-buttons { flex-direction: column; width: 100%; } .hero-buttons a { width: 100%; text-align: center; } }
.carousel { display: flex; gap: 2em; overflow-x: auto; }
.carousel-item { background: #222; border-radius: 12px; padding: 1.2em; min-width: 300px; text-align: center; box-shadow: 0 2px 12px var(--accent-shadow); border: 2px solid var(--accent-primary); }
.countdown-timer { font-family: 'Digital', monospace; color: var(--accent-primary); font-size: 1.5em; margin: 1em 0; text-shadow: 0 0 8px var(--accent-primary); }

/* Improve number input compatibility and accessibility */
.bid-box input[type=number] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}

/* FAQ partial styles */
.auction-faq { background: #0b0b0b; padding: 28px; border-radius: 8px; margin: 24px 0; }
.auction-faq h2 { color: var(--accent-secondary); margin-bottom: 12px; }
.auction-faq .faq-item { margin-bottom: 12px; }
.auction-faq .faq-item h3 { color: var(--accent-primary); margin: 0 0 6px 0; font-size: 16px; }
.auction-faq .faq-item p { color: var(--muted); margin: 0; }

/* Home hero */
.hero-hero { background: linear-gradient(90deg, #070707 0%, #0b0b0b 100%); padding: 36px; border-radius: 10px; }
.hero-hero .btn-primary { display:inline-block; margin-top:8px }
.hero-hero .trust-sub { font-size:12px; color:var(--muted) }

/* Product page partials */
/* Unified branding additions */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	color: var(--accent-secondary);
	letter-spacing: 0.5px;
}
a {
	color: var(--accent-primary);
	text-decoration: none;
	transition: color 0.2s;
}
a:hover {
	color: var(--accent-secondary);
}
.main-nav ul li a {
	font-weight: 600;
	padding: 0.5em 1em;
	border-radius: 4px;
}
.main-nav ul li a.active, .main-nav ul li a:focus {
	background: #222;
	color: var(--accent-primary);
}
.auction-sidebar, .product-metadata, .product-tabs {
	background: var(--surface);
	color: var(--text);
	border-radius: 8px;
	padding: 1.5em;
	margin-bottom: 2em;
}
.auction-sidebar .current-bid, .auction-sidebar .bid-increment {
	color: var(--accent-primary);
	font-size: 1.2em;
	font-weight: bold;
}
.auction-sidebar .countdown-timer {
	font-family: 'Digital', monospace;
	color: var(--accent-primary);
	font-size: 2em;
}
.site-header, .site-footer {
	box-shadow: 0 2px 8px rgba(var(--accent-primary-rgb),0.08);
}

	.redesigned-header {
		background: var(--surface);
		/* Reduce vertical padding to make header ~50% shorter */
		padding: 0.25em 1.2em;
		border-bottom: 2px solid var(--accent-primary);
	}
	.header-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2em;
	}
	.logo {
		flex: 0 0 auto;
	}
	.location-badge {
		font-size: 1em;
		color: var(--accent-primary);
		margin-left: 1em;
		font-weight: 600;
	}
	.main-nav ul {
		display: flex;
		flex-wrap: wrap;
		gap: 1em;
		list-style: none;
		margin: 0;
		padding: 0;
		justify-content: flex-end;
	}
	.main-nav ul li {
		margin: 0;
		flex: 0 1 auto;
		min-width: 90px;
	}
		.nav-link {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: inline-block;
			max-width: 200px;
			padding: 0.35em 0.8em;
			font-size: 0.95em; /* slightly smaller to help fit */
			vertical-align: middle;
			box-sizing: border-box;
		}
	@media (max-width: 900px) {
		.main-nav ul {
			flex-direction: column;
			gap: 0.3em;
			justify-content: flex-start;
		}
		.nav-link {
			max-width: unset;
			white-space: normal;
		}
	}
	.auction-header-info {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 0.3em;
		font-size: 1em;
		color: var(--text);
		min-width: 220px;
	}
	.auction-countdown-label {
		font-size: 0.95em;
		color: var(--accent-primary);
		font-weight: 600;
	}
	.featured-auction-label {
		font-size: 0.95em;
		color: var(--text);
		font-weight: 600;
	}
	.featured-auction-link {
		color: var(--accent-primary);
		font-weight: bold;
		margin-left: 0.5em;
	}
	.featured-auction-bid {
		color: var(--accent-secondary);
		margin-left: 0.5em;
		font-size: 0.95em;
	}
	@media (max-width: 900px) {
		.header-row {
			flex-direction: column;
			align-items: flex-start;
			gap: 1em;
		}
		.auction-header-info {
			align-items: flex-start;
			min-width: unset;
		}
		.main-nav ul {
			flex-direction: column;
			gap: 0.3em;
		}
	}
	.btn, button, input[type=submit] {
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		border-radius: 4px;
		transition: background 0.2s, color 0.2s;
	}
	.btn-primary, button.btn-primary, input[type=submit].btn-primary {
		background: linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
		color: var(--btn-text); /* use dark text for adequate contrast */
		border: none;
		padding: 0.85em 2.2em;
		border-radius: 6px;
		font-weight: bold;
		box-shadow: 0 2px 8px rgba(var(--accent-primary-rgb), 0.18);
		transition: background 0.2s, color 0.2s, transform 0.08s;
	}
	.btn-primary:hover {
		transform: translateY(-2px);
	}
	.btn-primary:focus-visible {
		outline: 3px solid rgba(var(--accent-primary-rgb), 0.18);
		outline-offset: 3px;
	}
	.btn-secondary, button.btn-secondary {
		background: var(--accent-secondary);
		color: var(--btn-text);
		border: none;
		padding: 0.85em 2.2em;
		border-radius: 6px;
		font-weight: bold;
		box-shadow: 0 2px 8px rgba(var(--accent-secondary-rgb), 0.14);
		transition: background 0.2s, transform 0.08s;
	}
	.btn-secondary:hover { transform: translateY(-2px); }
	.btn-secondary:focus-visible { outline: 3px solid rgba(var(--accent-secondary-rgb), 0.14); outline-offset: 3px; }
	.auction-card, .carousel-item {
		border: 2px solid var(--accent-primary);
		box-shadow: 0 2px 12px rgba(var(--accent-primary-rgb),0.08);
	}
	.auction-card .card-title {
		color: var(--accent-secondary);
		font-family: 'Montserrat', sans-serif;
		font-size: 1.3em;
	}
	.auction-card .card-bid {
		color: var(--accent-primary);
		font-weight: bold;
	}
	.auction-card .card-end-time {
		color: var(--accent-secondary);
		font-size: 1em;
	}
	.product-banner { margin-bottom: 16px }
	.bid-box { max-width: 320px }
	.bid-box .countdown-timer { font-weight:700; color:var(--accent-primary) }
/* Utility helpers for consistent token usage */
.text-muted { color: var(--muted) !important; }
.muted-border { border-color: var(--muted-border) !important; }

/* Small helper to style inline trust items and small labels */
.small-label { color: var(--muted); font-size: 0.95em; }