/* Brand / header styles for Packly */
.site-logo {
    height: 60px;
    width: 140px;
    display: block;
}

.brand-text .company-name {
    font-size: 0.65rem;
    letter-spacing: 1px;
    color: var(--color1); /* use theme accent */
    font-weight: 600;
    line-height: 1;
}

.brand-text .product-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color2); /* use theme text */
    line-height: 1;
}

@media (max-width: 576px) {
    .brand-text {
        display: none !important;
    }
}

/* Small visual tweak for navbar items to align vertically */
.navbar .nav-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

/* Ensure brand image and text remain vertically centered */
.navbar-brand .site-logo, .navbar-brand .brand-text {
    vertical-align: middle;
}

/* Respect reduced-motion preference for any header animations */
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}