/* Depot/Services — rebuilt to match CBM Depot.dc.html / CBM Services.dc.html
   exactly (see page-templates/template-directory.php's header comment).
   Sponsor row + sidebar + main grid reuse Rent Vehicles' proven .cbm-rv-*
   layout classes (assets/css/rent-vehicles.css) — pixel-identical values in
   both real sources — rather than duplicating them under a new name. */

.cbm-directory-notify-inline { display: inline; white-space: nowrap; margin: 0 2px 0 3px; cursor: pointer; line-height: 22.4px; }
.cbm-directory-notify-inline input { cursor: pointer; width: 12px; height: 12px; margin: 0 4px 0 0; vertical-align: middle; }
.cbm-directory-notify-inline span { font-size: 11px; line-height: 22.4px; vertical-align: middle; font-weight: 700; color: var(--cbm-red); text-transform: uppercase; letter-spacing: 0.03em; }

.cbm-vehicles-filters { position: relative; margin: 20px 0 24px; }
.cbm-directory-suggestions {
	position: absolute; top: 100%; left: 0; margin-top: 4px; width: 280px; z-index: 10;
	background: #fff; border: 1px solid var(--cbm-hairline); border-radius: 2px; box-shadow: 0 6px 18px rgba(0,0,0,0.12);
	display: flex; flex-direction: column;
}
.cbm-directory-suggestions a { padding: 8px 12px; font-size: 13px; color: var(--cbm-near-black-alt); border-bottom: 1px solid var(--cbm-hairline); }
.cbm-directory-suggestions a:last-child { border-bottom: none; }
.cbm-directory-suggestions a:hover { background: var(--cbm-fill-light); }

.cbm-directory-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cbm-gap); }
@media (max-width: 1024px) { .cbm-directory-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .cbm-directory-grid { grid-template-columns: 1fr; } }
.cbm-directory-card { display: block; border: 1px solid var(--cbm-hairline); border-radius: var(--cbm-radius); padding: 16px; background: #fff; color: var(--cbm-near-black-alt); }
.cbm-directory-card__title { display: block; font-family: var(--cbm-font-heading); font-weight: 600; font-size: 16px; }
.cbm-directory-card__excerpt { display: block; font-size: 12px; color: var(--cbm-muted-grey); margin-top: 6px; }