/* Gatherwell Events — event-services page-only visual fixes (4.4.2).
   Loaded exclusively for the event-services slug by templates/sample.php.
   Do not change the global contain rules: other samples deliberately retain them. */

/* Task 1: Exact reversal of the original .sample-button palette:
   background var(--sample-primary) -> text; text #fff -> background. */
body.nx-sample-site.industry-event-services
.sample-hero__copy > div > a.sample-button[href="#services"] {
    background-color: #fff;
    color: var(--sample-primary) !important;
}
body.nx-sample-site.industry-event-services
.sample-hero__copy > div > a.sample-button[href="#services"]:hover {
    background-color: #f4f0eb;
    color: var(--sample-primary) !important;
}
body.nx-sample-site.industry-event-services
.sample-hero__copy > div > a.sample-button[href="#services"]:active {
    background-color: #e9e3dc;
    color: var(--sample-primary) !important;
}
body.nx-sample-site.industry-event-services
.sample-hero__copy > div > a.sample-button[href="#services"]:focus-visible {
    outline: 3px solid var(--sample-accent);
    outline-offset: 3px;
}

/* Tasks 2 and 3: Only service cards 02, 03, and 06. Other service images
   keep their original fitting. Override the existing site-wide
   object-fit: contain !important rule with more page-specific selectors.
   Object-fit crops without ever stretching/distorting source photographs. */
body.nx-sample-site.industry-event-services
.sample-service-grid > article:is(:nth-child(2), :nth-child(3), :nth-child(6)) > figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Task 4: Remove just this sample's outer grid background and outline;
   preserve all six article tiles, gaps, their text, and responsive columns. */
body.nx-sample-site.industry-event-services .experience-text-grid {
    background: transparent;
    border: none;
}

/* v4.4.10 Program Support / On-Site Execution: the two replacement landscape
 * photographs must fill their existing card image placeholders. This targets
 * only the 5th and 6th service cards on the Event Services sample page.
 * Original markup, card dimensions and all other service images are unchanged.
 */
body.nx-sample-site.industry-event-services
.sample-services .sample-service-grid > article:is(:nth-child(5), :nth-child(6)) > figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important; /* wins over legacy shared contain!important */
    object-position: 50% 50% !important;
}