/* Full-bleed is provided by the unconstrained content area of the "Full Width"
   page template — the section fills its container at 100% width. No width:100vw
   (which counts the scrollbar gutter and caused horizontal overflow). */

/* Learn More link: never underlined (scoped + unlayered so it beats the
   global, unlayered link underline that Tailwind's layered `no-underline`
   utility can't override). */
.le-service-card-grid-standard-block .le-service-card a,
.le-service-card-grid-standard-block .le-service-card a:hover {
    text-decoration: none;
}

/* Optional hover border (toggle: "Card Hover Border"). A 1px primary border
   fades in on hover. The resting transparent border reserves the space so the
   border doesn't shift layout when it appears. */
.le-service-card-grid-standard-block.le-cards-hover-border .le-service-card {
    border: 1px solid transparent;
    transition: border-color 200ms ease, box-shadow 300ms ease;
}

.le-service-card-grid-standard-block.le-cards-hover-border .le-service-card:hover {
    border-color: var(--color-primary);
}

/* Informational mode (toggle: "Show Learn More Link" off). The card keeps its
   resting shadow but stops reacting to the pointer, so nothing about it suggests
   it can be clicked — the link row is already omitted from the markup in
   le_render_service_card().

   The lift comes from `hover:shadow-lg`, a Tailwind utility that lands in a layer,
   so this unlayered rule overrides it without !important. `none` is the correct
   resting value here: the card carries no base shadow utility, only the hover one.
   The transition goes too — leaving it would animate a change that no longer
   happens. */
.le-service-card-grid-standard-block.le-cards-static .le-service-card {
    transition: none;
}

.le-service-card-grid-standard-block.le-cards-static .le-service-card:hover {
    box-shadow: none;
}
/* Eyebrow pill on a Primary section background, when the dealer has set a Heading
   Color. Mirrors the heading, which follows the same override — a light primary
   (a pale yellow, say) leaves the default white eyebrow unreadable on the band.

   Reads --color-heading as a raw var() rather than through a utility because that
   token is deliberately not registered as a Tailwind color (see the @theme block in
   tailwind.css), so no `text-heading` utility exists. The 15% tint mirrors the
   `bg-primary/10` pill used on light backgrounds.

   Only applied when the override is set; without it the block still emits the
   `bg-white/20 text-white` pill, since --color-heading would resolve to the primary
   the band is already painted with. */
.le-service-card-grid-standard-block .le-section-eyebrow--heading {
    color: var(--color-heading);
    background-color: color-mix(in srgb, var(--color-heading) 15%, transparent);
}