/*
 * UK Local Guide header sizing hotfix.
 * This file deliberately avoids Tailwind utility dependencies.
 */

/* Tightly cropped logo */
header img[src*="uk-local-guide-logo-cropped.png"] {
    display: block !important;
    width: auto !important;
    height: 30px !important;
    max-width: 125px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

/* Accessible 44px touch target */
#mobile-nav-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
}

/* Larger visible hamburger */
#mobile-nav-toggle svg {
    width: 26px !important;
    height: 26px !important;
}

@media (min-width: 640px) {
    header img[src*="uk-local-guide-logo-cropped.png"] {
        height: 32px !important;
        max-height: 32px !important;
        max-width: 140px !important;
    }
}

@media (min-width: 1024px) {
    header img[src*="uk-local-guide-logo-cropped.png"] {
        height: 36px !important;
        max-height: 36px !important;
        max-width: 160px !important;
    }
}

/*
 * Mobile navigation visibility guard.
 * Required while the production Tailwind build is missing newer lg:hidden
 * utilities.
 */
#mobile-nav-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Slightly smaller mobile "Add your business" CTA (desktop nav CTA unchanged) */
#mobile-nav-actions > a {
    min-height: 36px !important;
    height: auto !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
}

@media (min-width: 1024px) {
    #mobile-nav-actions,
    #mobile-nav-toggle,
    #mobile-nav {
        display: none !important;
    }
}