/* FORCE MATTE GLASS - UNIVERSAL OVERRIDE */

/* 1. Target anything that looks like a Card */
div[class*="ServiceCard"], 
div[class*="BookmarkCard"], 
div[class*="WidgetCard"],
.service-card, .widget-card, .bookmark-card {
    
    /* RESET: clear any inline styles or theme colors */
    background: transparent ;
    background-color: rgba(20, 20, 20, 0.4) ; /* Dark tint */

    /* THE MATTE EFFECT: High blur, high saturation */
    backdrop-filter: blur(10px) saturate(180%) ;
    -webkit-backdrop-filter: blur(10px) saturate(180%) ;

    /* THE BORDER: Thin white line */
    border: 1px solid rgba(255, 255, 255, 0.15) ;
    border-radius: 12px ;
    
    
    /* Opacity override */
    opacity: 1 ;
}

/* 2. Target the headers (Media Center, etc) to make them pop */
div[class*="Group-header"] {
    text-shadow: 0 2px 4px rgba(0,0,0,1);
    color: white ;
    font-weight: 800 ;
}

/* 3. Text Visibility */
div[class*="ServiceCard"] *, .widget-text, .bookmark-text {
    text-shadow: 0 1px 3px rgba(0,0,0,0.9) ;
    color: #eeeeee ;
}