/* Camp Moab: the few styles theme.json can't express. Tokens only. */

/* Sidebar column holds only the sticky ad; drop it below desktop so main content gets the width. */
@media (max-width: 1023px) {
	.campmoab-sidebar { display: none; }
}
.campmoab-main { min-width: 0; }

/* TODO/verification banner */
.campmoab-todo {
	background: color-mix(in srgb, var(--wp--preset--color--sandstone) 35%, transparent);
	border-left: 4px solid var(--wp--preset--color--redrock);
	padding: .75rem 1rem;
	font-size: var(--wp--preset--font-size--small);
}
.campmoab-verified { opacity: .85; }

/* Facts table */
.campmoab-facts {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--small);
	background: var(--wp--preset--color--white);
	border-radius: 8px;
	overflow: hidden;
}
.campmoab-facts th,
.campmoab-facts td {
	text-align: left;
	vertical-align: top;
	padding: .6rem .9rem;
	border-bottom: 1px solid var(--wp--preset--color--sand);
}
.campmoab-facts th { width: 40%; font-weight: 600; color: var(--wp--preset--color--juniper); }
.campmoab-facts tr:last-child th,
.campmoab-facts tr:last-child td { border-bottom: 0; }

/* Campsite list */
.campmoab-sites {
	list-style: none;
	padding: 0;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.campmoab-sites__item a {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	height: 100%;
	padding: .5rem .5rem .75rem;
	background: var(--wp--preset--color--white);
	border-radius: 8px;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 1px 2px rgb(0 0 0 / .08);
}
.campmoab-sites__item a:hover,
.campmoab-sites__item a:focus-visible { box-shadow: 0 0 0 2px var(--wp--preset--color--redrock); }
.campmoab-sites__item a[aria-current="page"] { box-shadow: 0 0 0 2px var(--wp--preset--color--juniper); }
.campmoab-sites__item img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; }
.campmoab-sites__title { font-weight: 700; color: var(--wp--preset--color--canyon); }
.campmoab-sites__meta { font-size: var(--wp--preset--font-size--small); opacity: .8; }

/* Cards in query loops */
.campmoab-card { background: var(--wp--preset--color--white); border-radius: 8px; padding: .5rem .5rem 1rem; }
.campmoab-card > :not(.wp-block-post-featured-image) { padding-inline: .5rem; }
.campmoab-card .wp-block-post-featured-image img { border-radius: 4px; }