/* Custom header overrides and spacing */
#site-header { background-color: #274b2a !important; height: 64px; }
#site-header.scrolled { background-color: rgba(255,255,255,0.6) !important; }
#site-header .mx-auto { height: 64px; display: flex; align-items: center; }
/* main { padding-top: 72px; } */
#site-header nav a { color: #fff !important; margin-left: 16px; margin-right: 6px; font-size: 15px; }
#site-header nav a:hover { opacity: .95; }
#site-header.scrolled nav a { color: #0f172a !important; }
#desktop-nav a:last-child { background: #fff !important; color: #0f172a !important; padding-left:12px; padding-right:12px; border-radius:6px; }
#site-header .logo-img { background: #fff; padding:6px; border-radius:6px; display:inline-block; }
#site-header .logo-img img{ height:44px; display:block; }
#mobile-toggle { background: rgba(255,255,255,0.08); border-radius:6px; }
#mobile-menu { z-index: 1200; }
body.menu-open { overflow: hidden; }
#mobile-close { position: absolute; right: 12px; top: 10px; }
/* Gallery tab styles */
#portfolio-flters{display:flex;justify-content:center;align-items:center;gap:10px;list-style:none;padding:0;margin-top:1rem;flex-wrap:wrap}
#portfolio-flters li{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:transparent;color:#374151;border-radius:9999px;cursor:pointer;border:1px solid rgba(0,0,0,0.06)}
#portfolio-flters li:hover{opacity:.95}
#portfolio-flters li.filter-active{background:#0ea5a3;color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(14,165,163,0.12)}
.filter-btn{background:transparent;color:#374151;border-radius:9999px;cursor:pointer}
.filter-btn.tab-active,.filter-btn-tab.filter-active{background:#0ea5a3;color:#fff;box-shadow:0 6px 18px rgba(14,165,163,0.12)}
.filter-btn:focus,.filter-btn-tab:focus{outline:2px solid rgba(14,165,163,0.3);outline-offset:2px}

/* Portfolio-specific */
.portfolio-item { transition: transform .2s ease, opacity .2s ease; }
.portfolio-img img { display:block; width:100%; height:100%; object-fit:cover; }
.portfolio-info { background: rgba(255,255,255,0.97); }
.filter-active { background: #0ea5a3 !important; color: #fff !important; }

/* Simple lightbox */
.simple-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2000}
.simple-lightbox.open{display:flex}
.simple-lightbox .lb-bg{position:absolute;inset:0;background:rgba(0,0,0,0.6)}
.simple-lightbox .lb-content{position:relative;max-width:90vw;max-height:90vh;border-radius:8px;overflow:hidden;background:#fff;padding:10px}
.simple-lightbox .lb-img{max-width:100%;max-height:70vh;display:block;margin:0 auto}
.simple-lightbox .lb-close{position:absolute;right:8px;top:6px;background:rgba(255,255,255,0.9);border:0;padding:6px 10px;border-radius:6px;font-size:18px;cursor:pointer}
.simple-lightbox .lb-caption{margin-top:8px;text-align:center;color:#111}
body.lightbox-open{overflow:hidden}

@media (min-width: 600px) {
#site-header a>img, .top-logo{position: absolute;
    height: 100px;
    top: 10px;
}
}