/* Mobile Lighthouse: touch targets — layout/colors unchanged */

/* Preserve original nav active/hover (style.css) */
.header .wpp-header-bar__nav-col ul.menu li a:hover,
.header .wpp-header-bar__nav-col ul.menu li.active a {
    color: #ed6859;
}

/* Wedding / pre-wedding album cards — black titles (override Bootstrap link blue) */
.wedding-main .album-caption h2 a,
.wedding-main .album-caption .album-title a {
    color: #000;
}
.wedding-main .album-caption p,
.wedding-main .album-caption .album-meta {
    color: #999;
}

@media (max-width: 767px) {
    .carousel-control {
        min-width: 48px;
        min-height: 48px;
        opacity: 0.9;
    }

    .float,
    .float-mobile {
        width: 48px;
        height: 48px;
        line-height: 48px;
        left: 12px !important;
        right: auto !important;
    }

    .float {
        bottom: 20px;
    }

    .float-mobile {
        bottom: 78px;
    }

    a.float i,
    a.float-mobile i {
        line-height: 48px;
    }

    /* Touch target — site-layout.css centers icon in 44px flex button (no extra padding) */
    #m-nav.m-nav-btn {
        min-width: 44px;
        min-height: 44px;
        padding: 0;
    }

    .menu li a {
        display: block;
        padding: 12px 8px;
        min-height: 44px;
        line-height: 1.4;
    }

    #m-menu .menu li a {
        padding: 14px 16px;
    }

    #latest-work .img-responsive {
        width: 100%;
        height: auto;
    }

    .testiSlide .testimonial img {
        max-width: 100%;
        height: auto;
    }

    /* Home only (about block): skip extra carousel-2 slides on mobile — avoids affecting contact.php gallery */
    .about-content #carousel-2 .item:not(.active) {
        display: none !important;
    }
}