/* === TEXTUR DESIGNS === */
/* === PLAYER CARD TEXTURES === */

/* Basis-Klasse: sorgt dafür, dass ::before richtig positioniert */
.card-texture {
    position: relative;
}

/* WICHTIG: Alle direkten Kinder der Card über das Hintergrundbild heben */
.card-texture > * {
    position: relative;
    z-index: 1;
}

/* --- Design 1 --- */
/* --- Clean Design. No Texture --- */
.card-texture-1::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/pictures/textures/empty.png');
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
}

/* --- Design 2 --- */
/* --- Maschendraht zaun --- */
.card-texture-2::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/pictures/textures/masche.png');
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
}

/* --- Design 3 --- */
.card-texture-3::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/pictures/textures/lines.png');
    background-size: cover;
    opacity: 1;
    z-index: 0;
    pointer-events: none;
}

/* --- Design 4 --- */
.card-texture-4::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/pictures/textures/granny.png');
    background-size: cover;
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
}

/* --- Design 5 --- */
.card-texture-5::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/pictures/textures/design5.png');
    background-size: cover;
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
}