/* ==================================================
   PHASE 4: VISUAL RHYTHM & POLISH (Scoped)
   ================================================== */

/* Subtle left-border accents for specific section headings */
[data-id="8d377c7"] .elementor-heading-title,
[data-id="fff1bd0"] .elementor-heading-title,
[data-id="42e8442"] .elementor-heading-title {
    border-left: 3px solid var(--e-global-color-680e13e); /* Primary Blue */
    padding-left: 16px;
    /* Removed negative margin-left to prevent container alignment issues */
}

/* Button Polish - Specific to audited button */
[data-id="5227557"] .elementor-button {
    border-radius: 6px;
    padding: 14px 32px;
    letter-spacing: 0.3px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
[data-id="5227557"] .elementor-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Image Polish & Hover Effects */
/* Ensure overflow is hidden on the container so the scale doesn't spill */
[data-id="d370121"] .elementor-widget-container,
[data-id="35b891a"] .elementor-widget-container,
[data-id="4194abc"] .elementor-widget-container {
    border-radius: 10px;
    overflow: hidden;
}

[data-id="d370121"] img,
[data-id="35b891a"] img,
[data-id="4194abc"] img {
    transition: transform 0.4s ease;
    display: block;
}

[data-id="d370121"] img:hover,
[data-id="35b891a"] img:hover,
[data-id="4194abc"] img:hover {
    transform: scale(1.03);
}

/* ==================================================
   SCROLL REVEAL ANIMATIONS (CSS)
   ================================================== */
.pk-reveal-ac6f2a8b {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, transform;
}

.pk-reveal-ac6f2a8b.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* prefers-reduced-motion fallback */
@media (prefers-reduced-motion: reduce) {
    .pk-reveal-ac6f2a8b {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    [data-id="d370121"] img:hover,
    [data-id="35b891a"] img:hover,
    [data-id="4194abc"] img:hover,
    [data-id="5227557"] .elementor-button:hover {
        transform: none !important;
    }
}