/* Styles specific to the Study Material Page 
  (Shared global styles are in ../index.css)
*/

/* --- Animations --- */
.animate-fade-in {
    animation: fadeIn 0.3s ease-in-out forwards;
}

@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(10px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* --- Breadcrumb Navigation --- */
/* Hide scrollbar for breadcrumbs but allow scrolling on mobile */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* --- Folder & File Icons --- */
/* Ensures the SVG 'fill' inherits the text color defined in Tailwind classes */
[data-lucide="folder"] {
    fill: currentColor; 
}

/* --- Layout Tweaks --- */
/* Enforce aspect ratio for folder grid items to keep them square-ish */
#categories-view .folder-card {
    aspect-ratio: 5 / 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Ensure the file list container has some spacing */
#file-list-container {
    min-height: 200px;
}