/* Custom styles for favicon display */
/* This ensures the favicon appears MUCH larger in the browser tab */

/* When favicon appears in browser tabs, make it larger to match Reddit icon size */
link[rel="icon"], 
link[rel="shortcut icon"],
link[rel="apple-touch-icon"] {
    width: 128px !important;
    height: 128px !important;
}

/* For browser-specific overrides */
@-moz-document url-prefix() {
    /* Firefox-specific styles */
    link[rel="icon"] {
        width: 128px !important;
        height: 128px !important;
    }
}

/* For Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    link[rel="icon"], 
    link[rel="shortcut icon"] {
        width: 128px !important;
        height: 128px !important;
    }
}

/* Force favicon size with !important to override browser defaults */
:root {
    --favicon-size: 128px;
}

/* Additional browser-specific overrides */
@supports (-moz-appearance:none) {
    /* Firefox */
    link[rel="icon"] {
        min-width: var(--favicon-size) !important;
        min-height: var(--favicon-size) !important;
    }
}

/* Chrome, Edge, and Safari */
@supports (-webkit-appearance:none) {
    link[rel="icon"] {
        min-width: var(--favicon-size) !important;
        min-height: var(--favicon-size) !important;
    }
}