/*
Theme Name: Karkasa Mājas
Theme URI: https://karkasa-majas.lv
Author: Karkasa Mājas
Description: Moderna koka karkasa un moduļu māju uzņēmuma WordPress tēma ar pilnu funkcionalitāti un demo saturu.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: karkasa-majas
Tags: custom-menu, featured-images, translation-ready
*/

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }

/* ── Scroll-triggered animations ── */
.anim-fade-up {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
.anim-fade-up.is-visible { opacity: 1; transform: translateY(0); }
.anim-delay-1 { transition-delay: 0.10s; }
.anim-delay-2 { transition-delay: 0.20s; }
.anim-delay-3 { transition-delay: 0.30s; }
.anim-delay-4 { transition-delay: 0.40s; }

/* stagger container: children animate in sequence once parent is visible */
.anim-stagger > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.anim-stagger.is-visible > *:nth-child(1) { opacity:1; transform:none; transition-delay:0.00s; }
.anim-stagger.is-visible > *:nth-child(2) { opacity:1; transform:none; transition-delay:0.10s; }
.anim-stagger.is-visible > *:nth-child(3) { opacity:1; transform:none; transition-delay:0.20s; }
.anim-stagger.is-visible > *:nth-child(4) { opacity:1; transform:none; transition-delay:0.30s; }
.anim-stagger.is-visible > *:nth-child(n+5) { opacity:1; transform:none; transition-delay:0.40s; }

/* ── Pulse dot (hero badge) ── */
@keyframes pulse-dot {
    0%, 100% { opacity:1; }
    50%       { opacity:0.3; }
}
.pulse { animation: pulse-dot 2s ease-in-out infinite; }

/* ── Mobile nav ── */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}
#mobile-menu.is-open { max-height: 600px; }

/* ── Lightbox ── */
#lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.95);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
#lightbox.is-open { display: flex; }

/* ── Project category filter ── */
.cat-btn { transition: background-color .2s, color .2s, border-color .2s; }
.cat-btn.is-active { background-color:#D4A373; color:#2A3B32; border-color:#D4A373; }

/* ── Sticky sidebar ── */
@media (min-width: 1024px) {
    .sticky-sidebar { position: sticky; top: 7rem; }
}

/* ── Admin notice button ── */
.km-demo-notice { padding: 12px 16px; }

/* ── Hero group hover helpers ── */
.hero-img-wrap:hover .hero-border {
    transform: translate(8px, 8px);
}
.hero-border {
    transform: translate(16px, 16px);
    transition: transform 0.7s ease;
}

/* ── WordPress alignment helpers ── */
.aligncenter { margin: 0 auto; display: block; }
.alignleft   { float: left; margin: 0 1rem 1rem 0; }
.alignright  { float: right; margin: 0 0 1rem 1rem; }