/* BannerV10 — band rhythm tuners plus the two treatments no catalog utility expresses:
   the accessory card's negative-gap overlap and the bottom-flush divider overlay. */

.bnr.v10 {
	--bnr-tls-pd-v-tp: 91; /* 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: 1; /* tuner: background photo at full opacity, no wash over the palette surface */

	--bnr-v10-acc-ofs-y: -12.625rem;
	--bnr-v10-dvd-h-clc: clamp(3.75rem, 7.66vw, 9.1875rem); /* comp divider is 147px tall on the 1920 band */

	--fnt-t-1-s: 3rem;
	--fnt-t-1-s-d:4rem;
	border-top: 2px solid var(--accent);
	> [class*="mn_"] {
		position: relative; /* content rail paints above the bottom-flush divider */
	}

	@media screen and (width >= 1280px) {

		--fnt-t-1-s: var(--fnt-t-1-s-d);

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

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

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

	.bg-bx {
		background-color: var(--dk-alt-bg);

		&, :is(h2, p, strong, span, a, .clr-swp, .phn-icn-bx, .fnt_phn) {
			color: var(--dk-alt-txt);
		}

		/* comp row order: title, hours, address, phone.
		   comp title (harvest 15443:29413) is the full Title-3 style — Urbanist Black 21 — not fnt_t-2's 600 weight */
		> h2 {
			order: -3;
			font-family: var(--fnt-t-3-ff);
			font-size: var(--fnt-t-3-s);
			line-height: var(--fnt-t-3-lh);
			font-weight: var(--fnt-t-3-w);
			letter-spacing: var(--fnt-t-3-ls);
		}

		> 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-alt-txt);
			--link-hover: var(--dk-alt-txt);
			font: inherit;
			color: var(--dk-alt-txt) !important;
			opacity: 1 !important;

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

.bnr.v10 .bnr-v10-dvd {
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: -0.15%;
	width: 100.3%;
	height: var(--bnr-v10-dvd-h-clc);
	transform: scaleY(-1);
	fill: var(--white); /* comp divider token is white in every palette */
}
.bnr.v10 .bnr-v10-offer {
    background-color: #000 !important;
    color: #fff;
	width: 50em;
}

.bnr.v10 .bnr-v10-offer h2 {
    color: #fff;
    margin-bottom: 1.25rem;
}

.bnr.v10 .bnr-v10-offer-list {
    list-style: disc outside;
    padding-left: 1.25em;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.6;
}

.bnr.v10 .bnr-v10-offer-list li {
    display: list-item;
    color: #fff;
}

.bnr.v10 .bnr-v10-offer-note {
    margin: 1.25rem 0 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
}

@media screen and (min-width: 1280px) {
    .bnr.v10 .bnr-v10-row {
        justify-content: space-between;
    }
}

@media screen and (max-width: 1279px) {
    .bnr.v10 .bnr-v10-heading {
        margin-bottom: 2rem;
    }

    .bnr.v10 .bnr-v10-row > .third,
    .bnr.v10 .bnr-v10-row > .five-8ths {
        width: 100%;
    }
}