/* Common Header Styles extracted from header.php */
/* Base styles */
html, body { height: 100%; }
body { display: flex; flex-direction: column; }
main { flex: 1 0 auto; }
footer { flex-shrink: 0; }

/* Jaguar eyes mini (in navbar brand) */
.brand-with-eyes { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.brand-with-eyes .brand-text { margin-top: 4px; }
.navbar-brand .jaguar-eyes-mini {
    display: inline-flex;
    gap: 16px;
    height: 18px;
    align-items: center;
    margin-top: 2px;
}
@media (min-width: 992px) {
    .navbar-brand .jaguar-eyes-mini { height: 22px; gap: 18px; }
}
.jaguar-eyes-mini .eye {
    position: relative;
    width: 28px; height: 16px;
    border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%;
    background: radial-gradient(ellipse at 50% 60%, #0b0b0b 0%, #000 70%);
    box-shadow: 0 0 8px rgba(0,0,0,0.45) inset;
    overflow: hidden;
}
@media (min-width: 992px) {
    .jaguar-eyes-mini .eye { width: 34px; height: 20px; }
}
.jaguar-eyes-mini .eye .iris {
    position: absolute; top: 50%; left: 50%;
    width: 9px; height: 9px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle at 50% 40%, #ffee58 0%, #f4d03f 55%, #8a6f00 75%, #3a3000 100%);
    box-shadow: 0 0 6px rgba(255, 230, 0, 0.35);
}
@media (min-width: 992px) {
    .jaguar-eyes-mini .eye .iris { width: 11px; height: 11px; }
}
.jaguar-eyes-mini .eye .pupil {
    position: absolute; top: 50%; left: 50%;
    width: 3px; height: 10px;
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, #000 0%, #111 100%);
    border-radius: 40px;
    box-shadow: 0 0 3px rgba(0,0,0,0.8) inset;
}
@media (min-width: 992px) {
    .jaguar-eyes-mini .eye .pupil { height: 12px; }
}
.jaguar-eyes-mini .eye .lid {
    content: "";
    position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.55) 100%);
    border-radius: inherit;
    transform-origin: top;
    animation: mini-blink 3.6s ease-in-out infinite;
    mix-blend-mode: multiply;
}
.jaguar-eyes-mini .eye.right .lid { animation-delay: 1.4s; }
@keyframes mini-blink {
    0%, 86%, 100% { clip-path: inset(0 0 0 0 round 50% 50% 45% 45%); }
    90% { clip-path: inset(48% 0 0 0 round 50% 50% 45% 45%); }
    94% { clip-path: inset(0 0 60% 0 round 50% 50% 45% 45%); }
    96% { clip-path: inset(0 0 0 0 round 50% 50% 45% 45%); }
}
@media (prefers-reduced-motion: reduce) {
    .jaguar-eyes-mini .eye .lid { animation: none; }
}

/* Hide Services nav link on mobile in basic header */
@media (max-width: 991.98px) {
    #navbarSupportedContent .nav-item > .nav-link[href$="#services"],
    #navbarSupportedContent .nav-item > .nav-link[href*="/\#services"] {
        display: none !important;
    }
}