/**
 * Texture fallbacks for CORS-restricted backgrounds
 */

/* General fallback for transparent textures */
.texture-fallback {
    background-image: none !important;
    background-color: #f8f8f8 !important;
}

/* Specific alternative for light-paper-fibers.png */
.texture-light-paper-fibers {
    background-color: #f5f5f5 !important;
    background-image: 
        linear-gradient(90deg, rgba(200,200,200,.07) 50%, transparent 50%),
        linear-gradient(90deg, rgba(200,200,200,.13) 50%, transparent 50%),
        linear-gradient(90deg, transparent 50%, rgba(200,200,200,.17) 50%),
        linear-gradient(90deg, transparent 50%, rgba(200,200,200,.19) 50%) !important;
    background-size: 13px, 29px, 37px, 53px !important;
}

/* Fallback for other common transparent textures */
.texture-subtle-dots {
    background-color: #f8f8f8 !important;
    background-image: radial-gradient(#ccc 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
}

.texture-subtle-grid {
    background-color: #f8f8f8 !important;
    background-image: 
        linear-gradient(#ddd 1px, transparent 1px),
        linear-gradient(90deg, #ddd 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
}

/* Apply texture fallbacks via JavaScript */
body.texture-fallbacks-enabled [style*="transparenttextures.com"] {
    background-image: none !important;
    background-color: #f5f5f5 !important;
}