/* --- 3D Tilt Effect Support --- */
.project-container-v3 {
    perspective: 1200px;
}

.p-card-v3 {
    transition: transform 0.2s ease-out, box-shadow 0.3s ease;
    transform-style: preserve-3d;
    will-change: transform;
    position: relative; /* لضمان عمل التوهج بشكل صحيح */
}

.p-card-v3:hover {
    box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4);
}

/* Erzeugt Tiefe für die Inhalte auf der Karte */
.p-img-v3 {
    transform: translateZ(30px);
}

.p-meta {
    transform: translateZ(50px);
}

/* --- Hover Glow Effect for Project Images --- */
.p-img-v3::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, var(--primary-glow) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    z-index: 1; /* ليكون فوق الصورة وتحت الـ overlay */
}

.p-card-v3:hover .p-img-v3::before {
    opacity: 0.4; /* إظهار التوهج عند المرور */
}