/* Explain: Adds CSS for folk embroidery patterns and textures. */
/* Vzor kyjovského kroje — dekorativní ornamenty inspirované výšivkou */

.folk-band {
    height: 44px;
    width: 100%;
    background-color: var(--surface-color);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='44' viewBox='0 0 120 44'><rect width='120' height='44' fill='%23F1F4EB'/><g stroke='%23A5BA95' stroke-width='1.4' stroke-dasharray='2 3' stroke-linecap='round'><line x1='0' y1='5' x2='120' y2='5'/><line x1='0' y1='39' x2='120' y2='39'/></g><g transform='translate(30,22)'><g fill='%23B23A3A'><ellipse cx='0' cy='-8' rx='3.2' ry='4.8'/><ellipse cx='0' cy='8' rx='3.2' ry='4.8'/><ellipse cx='-8' cy='0' rx='4.8' ry='3.2'/><ellipse cx='8' cy='0' rx='4.8' ry='3.2'/><ellipse cx='-5.6' cy='-5.6' rx='3.4' ry='3.4'/><ellipse cx='5.6' cy='-5.6' rx='3.4' ry='3.4'/><ellipse cx='-5.6' cy='5.6' rx='3.4' ry='3.4'/><ellipse cx='5.6' cy='5.6' rx='3.4' ry='3.4'/></g><circle r='3.4' fill='%23E9C46A'/><circle r='1.3' fill='%237A2E2E'/></g><g transform='translate(90,22)'><path d='M0 -9 L7 0 L0 9 L-7 0 Z' fill='%23588157'/><path d='M0 -4.5 L3.5 0 L0 4.5 L-3.5 0 Z' fill='%23E9C46A'/></g><g fill='%23C47A5A'><circle cx='60' cy='22' r='2.2'/></g><g fill='%23E0A73E'><circle cx='15' cy='22' r='1.6'/><circle cx='45' cy='22' r='1.6'/><circle cx='75' cy='22' r='1.6'/><circle cx='105' cy='22' r='1.6'/></g></svg>");
    background-repeat: repeat-x;
    background-position: center;
    background-size: auto 100%;
    border-top: 1px solid var(--glass-border);
    border-bottom: 1px solid var(--glass-border);
}

.folk-texture {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'><g fill='%23588157' opacity='0.10'><path d='M28 4 L32 12 L28 20 L24 12 Z'/><path d='M28 36 L32 44 L28 52 L24 44 Z'/><path d='M4 28 L12 32 L20 28 L12 24 Z'/><path d='M36 28 L44 32 L52 28 L44 24 Z'/><circle cx='28' cy='28' r='2'/></g></svg>");
    background-repeat: repeat;
    background-size: 56px 56px;
}