/* SRH Calendar Assistive Textures */

/* Base setup for textures */
.texture-stripes .ec-event-inner::after,
.texture-dots .ec-event-inner::after,
.texture-mesh .ec-event-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.15;
    z-index: -1;
}

/* Stripes */
.texture-stripes .ec-event-inner::after {
    background-image: linear-gradient(
        45deg,
        rgba(0, 0, 0, 1) 25%,
        transparent 25%,
        transparent 50%,
        rgba(0, 0, 0, 1) 50%,
        rgba(0, 0, 0, 1) 75%,
        transparent 75%,
        transparent
    );
    background-size: 10px 10px;
}

/* Dots */
.texture-dots .ec-event-inner::after {
    background-image: radial-gradient(
        rgba(0, 0, 0, 1) 15%,
        transparent 15%
    );
    background-size: 8px 8px;
}

/* Mesh */
.texture-mesh .ec-event-inner::after {
    background-image: 
        linear-gradient(rgba(0, 0, 0, 1) 1.5px, transparent 1.5px),
        linear-gradient(90deg, rgba(0, 0, 0, 1) 1.5px, transparent 1.5px);
    background-size: 7.5px 7.5px;
}

/* Dark Mode Overrides (White textures) */
[data-theme="dark"] .texture-stripes .ec-event-inner::after {
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 1) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 75%,
        transparent 75%,
        transparent
    );
}

[data-theme="dark"] .texture-dots .ec-event-inner::after {
    background-image: radial-gradient(
        rgba(255, 255, 255, 1) 15%,
        transparent 15%
    );
}

[data-theme="dark"] .texture-mesh .ec-event-inner::after {
    background-image: 
        linear-gradient(rgba(255, 255, 255, 1) 1.5px, transparent 1.5px),
        linear-gradient(90deg, rgba(255, 255, 255, 1) 1.5px, transparent 1.5px);
}