/* ============================================
   LEAK DETECTION PAGE — COLOUR OVERRIDES
   Deep blue accent: #1a4f8a
   Replaces red/emergency accents from main style
   ============================================ */

/* ---- CSS variable overrides ---- */
.ld-page {
    --blue-primary:  #1a4f8a;
    --blue-dark:     #0f3566;
    --blue-light:    #2060a8;
    --blue-mid:      #1a4578;
}

/* ---- Hero background — leak detection specific ---- */
.ld-page .hero {
    background: url('../images/hero-bakkie.jpg') 70% center / cover no-repeat;
    background-color: #0a1e3d;
}

/* ---- Emergency/Call button — deep blue instead of red ---- */
.ld-page .btn-emergency {
    background: linear-gradient(135deg, #1a6bc8 0%, #0f3566 100%);
    box-shadow: 0 6px 24px rgba(26,79,138,0.55);
    animation: ld-pulse 2.2s ease-in-out infinite;
}

.ld-page .btn-emergency:hover {
    filter: brightness(1.1);
    animation: none;
    box-shadow: 0 8px 30px rgba(26,79,138,0.7);
}

@keyframes ld-pulse {
    0%, 100% { box-shadow: 0 6px 24px rgba(26,79,138,0.55); }
    50%       { box-shadow: 0 8px 36px rgba(26,79,138,0.80); }
}

/* ---- Popup call button — deep blue ---- */
.ld-page .popup-call-btn {
    background: #1a4f8a;
    box-shadow: 0 6px 24px rgba(26,79,138,0.5);
    animation: ld-pulse 2.2s ease-in-out infinite;
}

.ld-page .popup-call-btn:hover {
    filter: brightness(1.1);
    animation: none;
}

/* ---- Popup border accent — blue instead of red ---- */
.ld-page .popup-box {
    border-color: rgba(26,79,138,0.45);
    box-shadow: 0 0 40px rgba(26,79,138,0.2), 0 24px 60px rgba(0,0,0,0.7);
}

/* ---- Tracker active step — blue instead of red ---- */
.ld-page .tracker-step.active .tracker-icon {
    background: #1a4f8a;
    box-shadow: 0 0 0 4px rgba(26,79,138,0.25);
    animation: ld-ring-pulse 1.6s ease-in-out infinite;
}

.ld-page .tracker-pulse-dot {
    border-color: rgba(26,79,138,0.5);
}

.ld-page .tracker-step.active .tracker-title {
    color: #6ba3e0;
}

.ld-page .tracker-line-fill {
    background: #1a4f8a;
}

@keyframes ld-ring-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(26,79,138,0.25); }
    50%       { box-shadow: 0 0 0 10px rgba(26,79,138,0.1); }
}

/* ---- Info section image — use leak detection photo ---- */
.ld-info-image {
    background: url('../images/ld-job5.jpg') center center / cover no-repeat,
                linear-gradient(135deg, #1a4f8a, #0f3566) !important;
}

/* ---- Primary blue btn matches LD accent ---- */
.ld-page .btn-primary {
    background: linear-gradient(135deg, #2060a8 0%, #0f3566 100%);
}

.ld-page .btn-primary:hover {
    background: linear-gradient(135deg, #1a4f8a 0%, #0a2548 100%);
}

/* ---- Logo icon accent ---- */
.ld-page .logo-icon {
    background: linear-gradient(135deg, #2060a8, #0f3566);
}

/* ---- Info heading & list icons ---- */
.ld-page .info-heading {
    color: #1a4f8a;
}

.ld-page .info-list li i {
    color: #1a4f8a;
}

/* ---- Section titles ---- */
.ld-page .section-title {
    color: #1a4f8a;
}

.ld-page .who-heading {
    color: #1a4f8a;
}

/* ---- Work caption colour ---- */
.ld-page .work-caption {
    color: #1a4f8a;
}

/* ---- Testimonial card border ---- */
.ld-page .testimonial-card {
    border-left-color: #1a4f8a;
}

.ld-page .testimonial-author {
    color: #1a4f8a;
}

/* ---- Footer phone ---- */
.ld-page .footer-phone {
    color: #6ba3e0;
}

/* ---- Header phone icon ---- */
.ld-page .header-phone i {
    color: #1a4f8a;
}

.ld-page .header-phone:hover {
    color: #1a4f8a;
}

/* ---- Header bottom border ---- */
.ld-page .top-header {
    border-bottom-color: #1a4f8a;
}

/* ---- Final CTA gradient ---- */
.ld-page .final-cta-section {
    background: linear-gradient(165deg, #1a4f8a 0%, #071428 100%);
}

/* ---- Exp badge background ---- */
.ld-page .exp-badge {
    background: linear-gradient(160deg, #1a3a6e 0%, #0a2247 100%);
}

/* ---- Work section subheading ---- */
.work-subheading {
    text-align: center;
    font-size: 0.92rem;
    color: #666;
    margin-top: -12px;
    margin-bottom: 20px;
    font-weight: 600;
}

.ld-page .recent-work-section .work-caption {
    color: #1a4f8a;
}

/* ---- Areas section — blue heading ---- */
.ld-page .areas-title {
    color: #1a4f8a;
}

.ld-page .area-tag {
    color: #1a4f8a;
}

.ld-page .area-tag:hover {
    background: #1a4f8a;
    color: #fff;
}

/* ---- Info cards (Warning Signs / Common Causes) — blue accent ---- */
.ld-page .info-card {
    border-top-color: #1a4f8a;
}

.ld-page .info-card-title {
    color: #1a4f8a;
}

.ld-page .info-card-list li::before {
    background: #1a4f8a;
}

/* ---- FAQ section accent — blue heading & border ---- */
.ld-page .faq-heading {
    color: #1a4f8a;
}

.ld-page .faq-item[open] {
    border-color: #1a4f8a;
}

.ld-page .faq-question::after {
    color: #1a4f8a;
}

/* ---- Pulse animation override for primary btn ---- */
.ld-page .btn-primary {
    animation: ld-btn-pulse 2.5s ease-in-out infinite;
}

.ld-page .btn-primary:hover {
    animation: none;
}

@keyframes ld-btn-pulse {
    0%, 100% { box-shadow: 0 4px 18px rgba(26,79,138,0.45); }
    50%       { box-shadow: 0 6px 30px rgba(26,79,138,0.75); }
}

/* ---- Main trust badges — blue icon accent ---- */
.ld-page .main-trust-badge i {
    color: #1a4f8a;
}

.ld-page .main-trust-badge {
    background: #e8eef8;
    border-color: #c5d4e8;
}

.ld-page .main-trust-badge-label {
    color: #1a4f8a;
}

/* ---- Jacob intro section — blue accents ---- */
.ld-page .jacob-intro-section {
    background: #f0f4fa;
}

.ld-page .jacob-intro-photo {
    background: linear-gradient(135deg, #1a3a6e, #0f2a54);
    border-color: #1a4f8a;
    box-shadow: 0 6px 20px rgba(26,79,138,0.25);
}

.ld-page .jacob-intro-name {
    color: #1a4f8a;
}

.ld-page .jacob-intro-text strong {
    color: #1a4f8a;
}

.ld-page .jacob-intro-btn {
    background: linear-gradient(135deg, #2060a8 0%, #0f3566 100%);
    box-shadow: 0 6px 24px rgba(26,79,138,0.5);
    animation: ld-pulse 2.2s ease-in-out infinite;
}

.ld-page .jacob-intro-btn:hover {
    filter: brightness(1.1);
    animation: none;
}

/* ---- New LD work section — blue accents ---- */
.ld-page .ld-work-section {
    background: #fff;
}

.ld-page .ld-work-eyebrow {
    color: #1a4f8a;
}

.ld-page .ld-work-section-title {
    color: #1a2e4a;
}

.ld-page .ld-work-cat {
    box-shadow: none;
    background: transparent;
}

.ld-page .ld-work-cat-header {
    background: transparent;
    border-left-color: #1a4f8a;
}

.ld-page .ld-work-cat-icon-badge {
    background: transparent;
    color: #1a4f8a;
}

.ld-page .ld-work-cat-title {
    color: #1a2e4a;
}

.ld-page .ld-work-photo-caption {
    color: #1a4f8a;
}

.ld-page .ld-work-cat-icon-item {
    background: #eef3fb;
    color: #1a2e4a;
    box-shadow: 0 1px 6px rgba(26,79,138,0.08);
}

.ld-page .ld-work-cta-btn {
    background: linear-gradient(135deg, #2060a8 0%, #0f3566 100%);
    box-shadow: 0 6px 24px rgba(26,79,138,0.5);
    animation: ld-pulse 2.2s ease-in-out infinite;
}

.ld-page .ld-work-cta-btn:hover {
    filter: brightness(1.1);
    animation: none;
}

/* ---- Desktop hero override ---- */
@media (min-width: 900px) {
    .ld-page .hero {
        background-size: cover;
        background-position: 70% center;
        background-color: #0a1e3d;
    }

    .ld-page .work-subheading {
        font-size: 1rem;
        margin-bottom: 28px;
    }
}