/* Release-candidate refinements for v1.0.0-rc.2.
   Loaded after styles.css so the official brand colour and targeted
   accessibility fixes can be applied without duplicating the base stylesheet. */

:root {
    --primary: #ce1317;
    --color-primary: #ce1317;
    --rc2-primary-dark: #a70f13;
}

/* Keep in-page destinations clear of the fixed header. */
section[id] {
    scroll-margin-top: 90px;
}

/* Match subtle accents to the official Poorters red. */
.section-label,
.feature-icon,
.contact-icon {
    background: rgba(206, 19, 23, 0.1);
}

.service-number {
    color: rgba(206, 19, 23, 0.1);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    box-shadow: 0 0 0 3px rgba(206, 19, 23, 0.1);
}

/* Keep the hero styling untouched. Only non-hero interactive accents use
   the dark companion tone derived from the official red. */
.contact-form .btn-primary:hover,
.map-consent .btn-primary:hover {
    background: var(--rc2-primary-dark);
    border-color: var(--rc2-primary-dark);
    box-shadow: 0 5px 20px rgba(206, 19, 23, 0.3);
}

.go-top:hover {
    background: var(--rc2-primary-dark);
}

@media (max-width: 968px) {
    /* A visually closed mobile menu must also be unavailable to pointer
       and keyboard users. visibility:hidden removes its links from the
       focus order until the existing JS adds .active. */
    .nav-menu {
        visibility: hidden;
        pointer-events: none;
        transition: transform 0.3s ease, visibility 0s linear 0.3s;
    }

    .nav-menu.active {
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
    }
}