/* Simple Line Art Style Appliance Icons */

.appliance-icon {
    display: inline-block;
    font-style: normal;
    font-size: 3rem;
    line-height: 1;
    color: inherit;
}

/* AC Icon - Simple line art style */
.ac-icon::before {
    content: "▢";
    position: relative;
    font-size: 0.8em;
    border: 2px solid currentColor;
    border-radius: 4px;
    padding: 0.2em;
}

.ac-icon::after {
    content: "≡";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.5em;
    line-height: 0.8;
}

/* Washing Machine Icon */
.washing-machine-icon::before {
    content: "⬜";
    font-size: 0.9em;
    position: relative;
}

.washing-machine-icon::after {
    content: "○";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.5em;
    border: 1px solid currentColor;
    border-radius: 50%;
}

/* Refrigerator Icon */
.refrigerator-icon::before {
    content: "▮";
    font-size: 1em;
    letter-spacing: -2px;
}

/* Microwave Icon */
.microwave-icon::before {
    content: "▬";
    font-size: 0.8em;
    border: 2px solid currentColor;
    border-radius: 2px;
    padding: 0.3em 0.5em;
}

/* Better approach: Use Font Awesome icons that are close enough */
.ac-icon {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro";
    font-weight: 900;
}

.ac-icon::before {
    content: "\f2dc"; /* Snowflake for cooling */
}

.washing-machine-icon {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro";
    font-weight: 900;
}

.washing-machine-icon::before {
    content: "\f5e7"; /* Circle for washing machine drum */
}

.refrigerator-icon {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro";
    font-weight: 900;
}

.refrigerator-icon::before {
    content: "\f7e8"; /* Archive box - closest to fridge */
}

.microwave-icon {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro";
    font-weight: 900;
}

.microwave-icon::before {
    content: "\f26c"; /* TV/Monitor for microwave */
}