/**
 * Crush Smoking Theme Icons
 * 
 * SVG icons encoded as CSS classes
 */

/* UFO Protocol Icons */
.icon-untether::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.icon-find::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M18 12H6"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.icon-oxygen::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><path d="M2 17l10 5 10-5"></path><path d="M2 12l10 5 10-5"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

/* Course Module Icons */
.icon-module::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.icon-video::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><path d="M10 8l6 4-6 4V8z"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.icon-text::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"></path><path d="M14 2v6h6"></path><path d="M16 13H8"></path><path d="M16 17H8"></path><path d="M10 9H8"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.icon-quiz::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"></path><path d="M12 17h0"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

/* Action Icons */
.icon-check::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path><path d="M22 4L12 14.01l-3-3"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.icon-progress::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 20V10"></path><path d="M12 20V4"></path><path d="M6 20v-6"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.icon-next::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg>');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

/* Sized Icons */
.icon-sm::before {
    width: 16px;
    height: 16px;
}

.icon-lg::before {
    width: 32px;
    height: 32px;
}

/* Colored Icons */
.icon-primary::before {
    filter: invert(39%) sepia(74%) saturate(1822%) hue-rotate(360deg) brightness(98%) contrast(95%);
}

.icon-secondary::before {
    filter: invert(14%) sepia(68%) saturate(2865%) hue-rotate(271deg) brightness(93%) contrast(95%);
}

.icon-white::before {
    filter: brightness(0) invert(1);
}