/*
Theme Name: Shiva Portfolio
Theme URI: https://shivabyri.in
Author: Shiva Prasad Byri
Author URI: https://shivabyri.in
Description: A modern, dark-themed one-page portfolio for UI & Motion Designers.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shiva-portfolio
*/

html {
    scroll-behavior: smooth;
}

body {
    background-color: #020617; /* Slate 950 */
    color: #e2e8f0; /* Slate 200 */
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Utility for filtering */
.hidden-project {
    display: none !important;
}

/* Cursor for Lightbox */
.cursor-zoom-in {
    cursor: zoom-in;
}

/* WordPress Admin Bar Fix */
.admin-bar nav#navbar {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar nav#navbar {
        top: 46px;
    }
}

/* --- CUSTOM ANIMATIONS --- */

/* 1. Floating Icons Animation */
@keyframes float-slow {
    0%, 100% { transform: translateY(0px) rotate(-6deg); }
    50% { transform: translateY(-15px) rotate(3deg); }
}
@keyframes float-delayed {
    0%, 100% { transform: translateY(0px) rotate(6deg); }
    50% { transform: translateY(-12px) rotate(-3deg); }
}

.animate-float-slow {
    animation: float-slow 6s ease-in-out infinite;
}
.animate-float-delayed {
    animation: float-delayed 7s ease-in-out infinite;
    animation-delay: 1s; /* Offset so they don't move in sync */
}

/* 2. Soft Glow Pulse for Main Card */
@keyframes glow-pulse {
    0%, 100% { 
        box-shadow: 0 0 20px -5px rgba(168, 85, 247, 0.2); 
        border-color: rgba(51, 65, 85, 0.5); 
    }
    50% { 
        box-shadow: 0 0 40px -5px rgba(168, 85, 247, 0.5); 
        border-color: rgba(168, 85, 247, 0.5);
    }
}

.animate-glow-pulse {
    animation: glow-pulse 4s ease-in-out infinite;
}

/* 3. Loading Bar Animation */
@keyframes load-progress {
    0% { width: 5%; opacity: 0.5; }
    50% { width: 70%; opacity: 1; }
    80% { width: 100%; opacity: 1; }
    100% { width: 100%; opacity: 0; }
}

.animate-progress {
    animation: load-progress 3s ease-in-out infinite;
}

/* 4. Frame Counter Flicker */
@keyframes text-flicker {
    0%, 90% { opacity: 1; }
    95% { opacity: 0.5; }
    100% { opacity: 1; }
}
.animate-flicker {
    animation: text-flicker 3s infinite;
}

/* --- CONTENT PROTECTION (Images & Videos) --- */
img, video {
    -webkit-user-drag: none;  /* Prevent dragging to desktop */
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none; /* Prevent highlighting */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}