.autodane-grid-wrap {
	margin: 24px 0;
}

.autodane-grid {
	display: grid;
	grid-template-columns: repeat(15, 1fr);
	gap: 12px;
	align-items: start;
}

.autodane-brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none;
	color: inherit;
	padding: 8px 4px;
	border-radius: 8px;
	background-color: var(--color-bg-dark, #000);
	transition: background-color .15s ease, transform .15s ease;
}

.autodane-brand:hover,
.autodane-brand:focus-visible {
	background-color: var(--color-accent, #e0261c);
	transform: translateY(-2px);
}

.autodane-brand__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
}

.autodane-brand__icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* Nazwa marki ukryta wizualnie - pozostaje dostępna (czytniki ekranu) i jako tooltip (atrybut title na linku). */
.autodane-brand__name {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 1199px) {
	.autodane-grid {
		grid-template-columns: repeat(10, 1fr);
	}
}

@media (max-width: 782px) {
	.autodane-grid {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 480px) {
	.autodane-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Strona analizy marki */
.autodane-analysis {
	max-width: 960px;
	margin: 24px auto;
}

.autodane-analysis__header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
}

.autodane-analysis__header img {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

/* Strony marek renderują się wewnątrz .content-card (białej karty motywu) - na tych
   stronach nadpisujemy ją na ciemno, bo ikony marek są białe i giną na jasnym tle. */
body.autodane-brand-page .content-card {
	background: var(--color-panel-bg);
	color: var(--color-text-light);
}

body.autodane-brand-page .content-card .wp-block-post-title {
	color: var(--color-text-light);
}

.autodane-stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.autodane-stat-box {
	background: var(--color-bg-dark);
	border: 1px solid var(--color-border-on-dark);
	border-radius: 8px;
	padding: 16px;
	text-align: center;
	color: var(--color-text-light);
}

.autodane-stat-box strong {
	display: block;
	font-size: 24px;
	color: var(--color-accent);
}

.autodane-tables {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 24px;
}

.autodane-tables h2 {
	color: var(--color-text-light);
	font-size: 1.1rem;
}

.autodane-tables table {
	width: 100%;
	border-collapse: collapse;
}

.autodane-tables th,
.autodane-tables td {
	text-align: left;
	padding: 6px 8px;
	border-bottom: 1px solid var(--color-border-on-dark);
	color: var(--color-text-light);
}

.autodane-empty-notice {
	background: var(--color-bg-dark);
	border: 1px solid var(--color-accent);
	border-left-width: 4px;
	padding: 16px;
	border-radius: 8px;
	color: var(--color-text-light);
}