/* BannerV8 — band rhythm tuners plus the one treatment no catalog utility expresses:
   the accessory card's negative-gap overlap past the photo band's bottom edge.
   Landmark local comp (Figma 18420:25673): photo band 275 tall at 1920, #212121 card 960 wide
   starting 83px into the band and hanging 39px past its bottom edge. */

.bnr.v8 {
	--bnr-tls-pd-v-tp: 81; /* tuner: band vertical rhythm, desktop tier; -mbl left at the family default */
	--bnr-tls-pd-v-bt: 0; /* tuner: the accessory card defines the section's bottom edge */

	--bnr-img-bg-o: 0.4; /* tuner: comp band is the photo at ~0.4 over the dark palette surface */

	--bnr-v8-acc-ofs-y: -12rem;
	--bnr-v8-acc-ovh: 39px; /* tuner: comp card hangs 39px past the photo band's bottom edge */

	> [class*="mn_"] {
		position: relative; /* content rail paints above the background media */
	}

	.bg img {
		object-position: 50% 48%; /* comp crop: fence line and pool-house windows, pool edge along the bottom */
	}

	@media screen and (width >= 1280px) {
		> .bg {
			height: calc(100% - var(--bnr-v8-acc-ovh)); /* photo stops short so the card overhangs onto the palette surface */
		}

		.bnr-v8-acc {
			margin-block-start: var(--bnr-v8-acc-ofs-y);

			> [class*="five-8ths"] {
				width: 60%; /* comp card is 960 on the 1600 rail */
			}
		}
	}
}

/* Comp card: palette box — title, hours / address / phone rows.
   LocalInfo stays the shared shell; these scoped rules pin the comp's order, padding and inline reading. */
.bnr.v8 .bnr-v8-acc {

	.rlt.bdr-rds {
		display: none; /* comp card has no map panel */
	}

	.bg-bx {
		padding: 2.5rem 1.5rem; /* comp: 40px / 24px */

		/* comp row order: title (fnt_t-2, LocalInfo's own style), hours, address, phone */
		> h2 {
			order: -3;
		}

		> div:nth-of-type(3) {
			order: -2;
		}

		> div:nth-of-type(1) {
			order: -1;
		}

		/* comp rows read inline: drop the business-name line, inline the label/value pairs */
		> div:nth-of-type(1) .fnt_t-itm {
			display: none;
		}

		.ato > .blk {
			display: inline;
		}

		/* comp phone row reads as body copy, not the display phone style;
		   the runtime phone-swap dimmer is forced off inside the card */
		a[href^="tel"]:not([class*="btn"]) {
			--link-color: var(--dk-txt);
			--link-hover: var(--dk-txt);
			font: inherit;
			color: var(--dk-txt) !important;
			opacity: 1 !important;

			span {
				color: inherit !important;
				opacity: 1 !important;
			}
		}
	}
}