/* css/icons.css */

/* Generic class for icons if needed for sizing or spacing, though specific tags are used */
.icon {
    /* was: width: 64px; height: 64px; */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* This class might be less used if directly using <img> tags with inherent sizes or specific classes like desktop-icon-img */
}

/* Styles for desktop folder icons (which are now img tags with class desktop-icon-img) */
img.desktop-icon-img {
    width: 64px; /* As specified in main.css, but can be reinforced or overridden here */
    height: 64px;
    object-fit: contain;
    margin-bottom: 5px; /* Space between icon and its text label */
}

/* Styling for system icons in the menu bar (which are img tags) */
/* START Commenting out conflicting block
.menu-item.apple-logo img,
.menu-item.system-icon img {
    height: 16px; 
    width: auto;
    max-height: 18px; 
}
END Commenting out conflicting block */

/* If specific file-type icons are needed later with <div> and background-image */
/*
.file-icon-pdf {
    background-image: url('../assets/icons/file_pdf.png'); 
}

.file-icon-txt {
    background-image: url('../assets/icons/file_txt.png');
}

.file-icon-img {
    background-image: url('../assets/icons/file_img.png');
}
*/

/* Note: The .folder-icon class previously pointed to folder.svg via background-image.
   This is now handled by <img src="assets/icons/folder.icns"> for desktop items.
   If folder.icns doesn't render, folder.png would be a typical fallback. */