/* Site logo — sized for clear visibility */
.site-logo {
    height: 3rem;
    width: auto;
    max-width: min(220px, 45vw);
    object-fit: contain;
}
@media (min-width: 768px) {
    .site-logo {
        height: 3.5rem;
        max-width: 260px;
    }
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
}

.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.hero-gradient {
    background: linear-gradient(to right, rgba(0, 62, 111, 0.9) 0%, rgba(0, 62, 111, 0.4) 100%);
}

.product-card-shadow {
    box-shadow: 0 4px 20px -4px rgba(0, 85, 150, 0.08);
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Responsive typography */
@media (max-width: 767px) {
    .text-display-lg { font-size: 2rem !important; line-height: 2.5rem !important; }
    .text-headline-lg { font-size: 1.5rem !important; line-height: 2rem !important; }
}

/* Metrics grid mobile fix */
@media (max-width: 639px) {
    .metrics-grid > div:nth-child(odd) { border-left: none !important; }
    .metrics-grid > div:nth-child(n+2) { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1rem; }
}

/* Mobile menu — hidden by default, shown only when toggled */
#mobile-menu.hidden {
    display: none !important;
}
#mobile-menu.is-open {
    display: block;
}

/* Ensure header links stay clickable above page content */
#site-header nav a,
#site-header > div a {
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

/* Focus visible for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #00658d;
    outline-offset: 2px;
}

/* WhatsApp floating button spacing on mobile */
.whatsapp-float {
    bottom: 1.25rem;
    right: 1.25rem;
}
@media (min-width: 768px) {
    .whatsapp-float {
        bottom: 1.5rem;
        right: 1.5rem;
    }
}

/* Prevent horizontal scroll */
html, body { overflow-x: hidden; }