/*
Theme Name: Retouch Pro Child
Template: retouch-pro
Description: Child theme for Retouch Pro with mobile fixes, swipe navigation, shutter speed fix, WP compatibility updates, and boolean archive search.
Version: 1.0
*/

/* =============================================================
   HIDE THEME NAV IMMEDIATELY
   #nav-below flashes briefly on page load before our JS hides it.
   We hide it in CSS so it's never visible, and our injected
   arrows handle all navigation instead.
   ============================================================= */

#nav-below {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* =============================================================
   SAFARI MOBILE — mobile menu fix
   Safari requires cursor:pointer on non-anchor/button elements
   to fire click events.
   ============================================================= */

.small-menu,
#hovernav .small-menu {
    cursor: pointer;
}

/* =============================================================
   ARCHIVE FILTER — desktop and mobile layout
   ============================================================= */

/* Add breathing room between the Archive heading and filter summary */
.archive-filter h1.page-title {
    margin-bottom: 12px;
}

#addfilter {
    margin-bottom: 8px;
}

/* Mobile: keep each label+dropdown pair on one line */
@media screen and (max-width: 768px) {
    #addfilter {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px 10px;
    }
    #addfilter select {
        flex-shrink: 0;
    }
    #addfilter input[type="submit"] {
        margin-left: 0 !important;
    }
}