/* AgroVision Custom CSS */

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

/* Dropdown nav - CSS hover based */
.nav-dropdown-group:hover .nav-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
}

.nav-dropdown a:hover {
    background: rgba(76,175,80,0.1) !important;
}

/* Ticker Animation */
@keyframes ticker-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Grid Float Animation */
@keyframes gridFloat {
    0%, 100% { transform: translate(0, 0); }
    25% { transform: translate(10px, -10px); }
    50% { transform: translate(-5px, 15px); }
    75% { transform: translate(15px, 5px); }
}

/* Orb Float Animations */
@keyframes orbFloat1 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(60px, -40px) scale(1.1); }
    66% { transform: translate(-30px, 50px) scale(0.9); }
}

@keyframes orbFloat2 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(-50px, 30px) scale(0.9); }
    66% { transform: translate(40px, -60px) scale(1.1); }
}

@keyframes orbFloat3 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, 50px) scale(1.05); }
    66% { transform: translate(-60px, -20px) scale(0.95); }
}

/* ECG Pulse Animation */
@keyframes ecgPulse {
    0% { stroke-dashoffset: 2000; }
    100% { stroke-dashoffset: 0; }
}

/* Scroll reveal */
.scroll-reveal {
    opacity: 0.85;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.scroll-reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 1024px) {
    footer > div:first-child {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 768px) {
    #desktop-nav {
        display: none !important;
    }
    #mobile-toggle {
        display: block !important;
    }
    footer > div:first-child {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 769px) {
    #mobile-menu {
        display: none !important;
    }
}

/* ============================================
   MOBILE RESPONSIVE — sve stranice
   ============================================ */

@media(max-width:768px) {
    html, body { overflow-x: hidden; }

    /* Archive stranica (kategorija listing) */
    .archive-hero-header { padding: 100px 20px 40px !important; }
    .archive-container   { padding: 40px 16px 48px !important; }
    .archive-grid        { grid-template-columns: 1fr !important; }

    /* Sve kategorije stranica */
    .cats-header          { padding: 100px 20px 40px !important; }
    .cats-content-section { padding: 0 16px 60px !important; }
    .cats-grid            { grid-template-columns: repeat(2,1fr) !important; }

    /* Single post */
    .stub-post-main { width: 100% !important; margin-left: 0 !important; }
}

@media(max-width:480px) {
    html, body { overflow-x: hidden; }

    /* Na uskim ekranima gridi idu u jednu kolonu */
    .archive-grid { grid-template-columns: 1fr !important; }
    .cats-grid    { grid-template-columns: 1fr !important; }

    /* Manji padding za uska grla */
    .archive-hero-header  { padding: 90px 16px 32px !important; }
    .cats-header          { padding: 90px 16px 32px !important; }
    .cats-content-section { padding: 0 12px 48px !important; }
    .archive-container    { padding: 32px 12px 40px !important; }
}

/* Custom cursor (dot+ring) is decorative overlay only — OS cursor stays visible
   so cursor never disappears on light images (mix-blend-mode: screen on light bg
   would otherwise blend the green dot into invisibility). Matches AIHT pattern. */

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0A1A0F;
}
::-webkit-scrollbar-thumb {
    background: rgba(76,175,80,0.3);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(76,175,80,0.5);
}