/* Specific styles for this project page to override or augment main.css */
.project-header-section {
    background-color: rgba(10, 10, 10, 0.8); /* Semi-transparent background */
    border-top: 1px solid #00ff41;
    border-bottom: 1px solid #00ff41;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 30px;
}

.lcat-logo-container { /* New container for LCAT logo with CRT effect */
    position: relative;
    width: 250px; /* LCAT logo larger */
    height: 250px;
    margin: 0 auto 20px; /* Center and add space below */
    border-radius: 50%; /* Make it circular */
    overflow: hidden; /* Hide parts of image outside circle */
    background-color: rgba(0, 255, 65, 0.1); /* Subtle green background */
    border: 2px solid #00ff41; /* Green border */
    /* Removed box-shadow to disable glow */
    display: flex;
    justify-content: center;
    align-items: center;
    /* CRT effect */
    filter: contrast(1.2) brightness(1.1); /* Slight contrast and brightness for CRT feel */
    animation: flicker 0.15s infinite alternate; /* Subtle flicker */
}

.lcat-logo-container::before { /* Scanlines for CRT effect */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%);
    background-size: 100% 4px; /* Adjust scanline density */
    z-index: 2;
    pointer-events: none;
}

@keyframes flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.98; } /* Very subtle flicker */
}

.project-header-section img {
    max-width: 80%; /* LCAT logo image size within its container */
    height: auto;
    display: block; /* Ensure it's a block element for centering */
    margin: auto; /* Center the image within the circular container */
    border-radius: 0; /* Remove individual image border-radius */
}

.project-content-block {
    background-color: rgba(10, 10, 10, 0.8); /* Semi-transparent background for content blocks */
    border: 1px solid #00ff41;
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.5);
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 40px;
}

.project-content-block img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
}

.btn-warning {
    background-color: #ffc107; /* Original warning color */
    border-color: #ffc107;
    color: #000;
    text-shadow: none;
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.5);
    transition: all 0.3s ease;
}
.btn-warning:hover {
    background-color: #e0a800; /* Darker on hover */
    border-color: #e0a800;
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.8);
}

.btn-info {
    background-color: #0dcaf0; /* Original info color */
    border-color: #0dcaf0;
    color: #000;
    text-shadow: none;
    box-shadow: 0 0 10px rgba(13, 202, 240, 0.5);
    transition: all 0.3s ease;
}
.btn-info:hover {
    background-color: #0aa5cc; /* Darker on hover */
    border-color: #0aa5cc;
    box-shadow: 0 0 20px rgba(13, 202, 240, 0.8);
}

.card.bg-dark.shadow-lg.border-secondary {
    background-color: rgba(10, 10, 10, 0.8) !important; /* Match content block opacity */
    border-color: #00ff41 !important;
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.7) !important;
}
.card.bg-dark.shadow-lg.border-secondary img {
    filter: brightness(1.2) saturate(1.5) hue-rotate(90deg); /* Greenish tint for windows logo */
    max-width: 80px; /* Windows logo smaller */
    margin: 20px auto; /* Center it */
    border: none; /* Removed border from Windows logo */
    box-shadow: none; /* Removed box-shadow from Windows logo */
}

/* Adjust the PRO version section to fit the theme */
.pro-version-section {
    background-color: rgba(0, 0, 0, 0.7); /* Match footer/navbar opacity */
    border-top: 1px solid #00ff41;
    padding-top: 50px;
    padding-bottom: 50px;
}
.pro-version-section h2 {
    color: #00ff41; /* Green title */
    text-shadow: 0 0 15px #00ff41;
}
.pro-version-section p {
    color: #e0e0e0;
}
.pro-version-section .btn-dark {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent dark button */
    border-color: #00ff41;
    color: #00ff41;
    text-shadow: 0 0 5px #00ff41;
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
}
.pro-version-section .btn-dark:hover {
    background-color: rgba(0, 255, 65, 0.1); /* Lighter transparent green on hover */
    box-shadow: 0 0 20px rgba(0, 255, 65, 0.8);
}

/* Ensure images within content blocks are responsive and styled */
.project-content-block .text-center img {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.custom-container {
    max-width: 100%; /* Ensure it uses full width on smaller screens */
}
@media (min-width: 1360px) { /* Applies only to large screens and above */
    .custom-container {
        max-width: 60%;
        margin: auto;
    }
}

/* Override code particle opacity for this specific page */
.code-particle {
    opacity: 0.2 !important; /* Make code snippets less obvious */
}