/* Animated Gradient Menu Background */
.navbar {
    background: linear-gradient(270deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);
    background-size: 800% 800%;
    animation: gradientShift 15s ease infinite;
    border: none;
}

/* Smooth Animated Gradient Keyframes */
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Menu Items Style */
.navbar-nav > li > a {
    color: white !important;
    font-weight: bold;
    padding: 12px 18px;
    transition: background 0.3s ease, transform 0.3s ease;
}

.navbar-nav > li > a:hover {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    transform: scale(1.05);
}

/* Sidebar Box Styling */
.pkp_block, .sidebar .block {
    background: linear-gradient(135deg, #fffaf0, #ffe4e1);
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: glowPulse 5s infinite ease-in-out;
}

/* Hover Lift Effect */
.pkp_block:hover, .sidebar .block:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Animated Border Glow */
@keyframes glowPulse {
    0% { box-shadow: 0 0 8px rgba(255, 126, 95, 0.4); }
    50% { box-shadow: 0 0 15px rgba(255, 182, 193, 0.6); }
    100% { box-shadow: 0 0 8px rgba(255, 126, 95, 0.4); }
}

/* Sidebar Titles */
.pkp_block .title, .sidebar .block .title {
    background: linear-gradient(90deg, #ff7e5f, #feb47b);
    color: white !important;
    padding: 8px 12px;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}