/* /home/alan/DockerStuff/appdata/homepage/custom.css */

/* --- 1. BASE TRANSPARENCY --- */
/* Punch a hole through the solid theme background */
body, 
#__next, 
main {
    background: transparent !important;
    background-color: transparent !important;
}

/* --- 2. GLASSMORPHISM CARDS --- */
/* Applies the frosted look to Service Groups, Bookmark Groups, and Search */
.services-group, 
.bookmark-group, 
.search-container {
    /* Semi-transparent dark layer (Adjust 0.4 to make it darker/lighter) */
    background: rgba(20, 20, 20, 0.5) !important;
    
    /* The Blur Magic */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    
    /* Modern Polish */
    border: 1px solid rgba(255, 255, 255, 0.1); /* Subtle border */
    border-radius: 20px;                        /* Smoother corners */
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); /* Depth shadow */
    padding: 15px;                              /* Breathing room */
    margin-bottom: 20px;
}

/* --- 3. INTERACTIVE HOVER EFFECTS --- */
/* Makes individual items "lift" when you touch them */
.service-card:hover, 
.bookmark-item:hover {
    transform: translateY(-3px);
    background-color: rgba(255, 255, 255, 0.1) !important; /* Light up slightly */
    transition: all 0.2s ease-in-out;
    border-radius: 12px;
}

/* --- 4. TEXT PROTECTION --- */
/* Ensures text is readable even on bright white wallpapers */
.title, 
.description, 
.group-title, 
a {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9) !important;
    color: #ffffff !important; /* Force white text */
}

/* --- 5. HIDE SCROLLBARS (Cleaner Look) --- */
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}