/* === icons.css === */

/* 1. Base style for all icons */
.icon-emoji {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin-right: 3px;
    flex-shrink: 0;
}

.nav-btn .icon-emoji {
    transform: translateY(-1px);
}

/* В заголовках карточек */
.card h1 .icon-emoji,
.card h2 .icon-emoji {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    flex-shrink: 0;
    transform: translateY(-5px);
}

/* Увеличенный размер для иконки 🏩 */
.card h1 .icon-emoji.icon-1f3e9 {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}

/* В кнопках внутри карточек */
.card .btn-main .icon-emoji {
    width: 22px;
    height: 22px;
    transform: translateY(-4px);
}

/* 2. Navigation & Sections — index.html */
.icon-1f1e9-1f1ea { background-image: url('../img/icon/1f1e9-1f1ea.svg'); } /* 🇩🇪 */
.icon-1f1f7-1f1fa { background-image: url('../img/icon/1f1f7-1f1fa.svg'); } /* 🇷🇺 */
.icon-1f310       { background-image: url('../img/icon/1f310.svg'); }       /* 🌐 */
.icon-1f320       { background-image: url('../img/icon/1f320.svg'); }       /* 🌠 */
.icon-1f324       { background-image: url('../img/icon/1f324.svg'); }       /* 🌤 */
.icon-1f333       { background-image: url('../img/icon/1f333.svg'); }       /* 🌳 */
.icon-1f34f       { background-image: url('../img/icon/1f34f.svg'); }       /* 🍏 */
.icon-1f393       { background-image: url('../img/icon/1f393.svg'); }       /* 🎓 */
.icon-1f3ac       { background-image: url('../img/icon/1f3ac.svg'); }       /* 🎬 */
.icon-1f3d7       { background-image: url('../img/icon/1f3d7.svg'); }       /* 🏗 */
.icon-1f3d9       { background-image: url('../img/icon/1f3d9.svg'); }       /* 🏙 */
.icon-1f3db       { background-image: url('../img/icon/1f3db.svg'); }       /* 🏛 */
.icon-1f3e0       { background-image: url('../img/icon/1f3e0.svg'); }       /* 🏠 */
.icon-1f3e2       { background-image: url('../img/icon/1f3e2.svg'); }       /* 🏢 */
.icon-1f3e5       { background-image: url('../img/icon/1f3e5.svg'); }       /* 🏥 */
.icon-1f3e6       { background-image: url('../img/icon/1f3e6.svg'); }       /* 🏦 */
.icon-1f3f0       { background-image: url('../img/icon/1f3f0.svg'); }       /* 🏰 */
.icon-1f4a1       { background-image: url('../img/icon/1f4a1.svg'); }       /* 💡 */
.icon-1f4bb       { background-image: url('../img/icon/1f4bb.svg'); }       /* 💻 */
.icon-1f4bc       { background-image: url('../img/icon/1f4bc.svg'); }       /* 💼 */
.icon-1f4c5       { background-image: url('../img/icon/1f4c5.svg'); }       /* 📅 */
.icon-1f4c8       { background-image: url('../img/icon/1f4c8.svg'); }       /* 📈 */
.icon-1f4c9       { background-image: url('../img/icon/1f4c9.svg'); }       /* 📉 */
.icon-1f4cd       { background-image: url('../img/icon/1f4cd.svg'); }       /* 📍 */
.icon-1f4de       { background-image: url('../img/icon/1f4de.svg'); }       /* 📞 */
.icon-1f4e2       { background-image: url('../img/icon/1f4e2.svg'); }       /* 📢 */
.icon-1f4e7       { background-image: url('../img/icon/1f4e7.svg'); }       /* 📧 */
.icon-1f4e9       { background-image: url('../img/icon/1f4e9.svg'); }       /* 📩 */
.icon-1f4f0       { background-image: url('../img/icon/1f4f0.svg'); }       /* 📰 */
.icon-1f50d       { background-image: url('../img/icon/1f50d.svg'); }       /* 🔍 */
.icon-1f5de       { background-image: url('../img/icon/1f5de.svg'); }       /* 🗞 */
.icon-1f5fa       { background-image: url('../img/icon/1f5fa.svg'); }       /* 🗺 */
.icon-1f680       { background-image: url('../img/icon/1f680.svg'); }       /* 🚀 */
.icon-1f686       { background-image: url('../img/icon/1f686.svg'); }       /* 🚆 */
.icon-1f6e0       { background-image: url('../img/icon/1f6e0.svg'); }       /* 🛠 */
.icon-1f6e1       { background-image: url('../img/icon/1f6e1.svg'); }       /* 🛡 */
.icon-1f6e3       { background-image: url('../img/icon/1f6e3.svg'); }       /* 🛣 */
.icon-1f916       { background-image: url('../img/icon/1f916.svg'); }       /* 🤖 */
.icon-1f91d       { background-image: url('../img/icon/1f91d.svg'); }       /* 🤝 */
.icon-1fa7a       { background-image: url('../img/icon/1fa7a.svg'); }       /* 🩺 */
.icon-2139        { background-image: url('../img/icon/2139.svg'); }        /* ℹ️ */
.icon-2695        { background-image: url('../img/icon/2695.svg'); }        /* ⚕ */
.icon-2696        { background-image: url('../img/icon/2696.svg'); }        /* ⚖ */
/* 6. Дополнительные — ru/index.html */
.icon-1f34e { background-image: url('../img/icon/1f34e.svg'); } /* 🍎 red_apple */
.icon-1f4c4 { background-image: url('../img/icon/1f4c4.svg'); } /* 📄 page_facing_up */
.icon-1f4f8 { background-image: url('../img/icon/1f4f8.svg'); } /* 📸 camera_with_flash */
.icon-1f576 { background-image: url('../img/icon/1f576.svg'); } /* 🕶️ sunglasses */
.icon-1f3d8 { background-image: url('../img/icon/1f3d8.svg'); } /* 🏘️ houses */
/* 3. components.js */
.icon-1f4a7       { background-image: url('../img/icon/1f4a7.svg'); }       /* 💧 */
.icon-1f343       { background-image: url('../img/icon/1f343.svg'); }       /* 🍃 */
.icon-1f9f2       { background-image: url('../img/icon/1f9f2.svg'); }       /* 🧲 */
.icon-23f2        { background-image: url('../img/icon/23f2.svg'); }        /* ⏲ */
.icon-1f447-1f3fc { background-image: url('../img/icon/1f447-1f3fc.svg'); } /* 👇🏼 */

/* 4. weather.js — погодные условия */
.icon-2600        { background-image: url('../img/icon/2600.svg'); }        /* ☀️ */
.icon-2601        { background-image: url('../img/icon/2601.svg'); }        /* ☁️ */
.icon-2744        { background-image: url('../img/icon/2744.svg'); }        /* ❄️ */
.icon-1f327       { background-image: url('../img/icon/1f327.svg'); }       /* 🌧 */

/* 5. weather.js — AQI */
.icon-1f4a8       { background-image: url('../img/icon/1f4a8.svg'); }       /* 💨 */
.icon-1f32b       { background-image: url('../img/icon/1f32b.svg'); }       /* 🌫 */
.icon-26a0        { background-image: url('../img/icon/26a0.svg'); }        /* ⚠️ */
.icon-1f637       { background-image: url('../img/icon/1f637.svg'); }       /* 😷 */
/* Job-Portal — недостающие */
.icon-2b50  { background-image: url('../img/icon/2b50.svg'); }  /* ⭐ star */
.icon-1f4cb { background-image: url('../img/icon/1f4cb.svg'); } /* 📋 list */
.icon-1f4ac { background-image: url('../img/icon/1f4ac.svg'); } /* 💬 chat */
.icon-1f4d8 { background-image: url('../img/icon/1f4d8.svg'); } /* 📘 book */
.icon-1f3af { background-image: url('../img/icon/1f3af.svg'); } /* 🎯 target */
.icon-2705  { background-image: url('../img/icon/2705.svg'); }  /* ✅ check */
.icon-1f527 { background-image: url('../img/icon/1f527.svg'); } /* 🔧 tools */
.icon-1f5bc { background-image: url('../img/icon/1f5bc.svg'); } /* 🖼️ gallery */
.icon-1f3ec { background-image: url('../img/icon/1f3ec.svg'); } /*🏬*/
/* === weather.js — расширенные показатели === */
.icon-1f32c { background-image: url('../img/icon/1f32c.svg'); } /* 🌬 ветер */
.icon-1f305 { background-image: url('../img/icon/1f305.svg'); } /* 🌅 восход */
.icon-1f307 { background-image: url('../img/icon/1f307.svg'); } /* 🌇 закат */
.icon-1f3ed { background-image: url('../img/icon/1f3ed.svg'); } /* 🏭 NO₂ */
.icon-1f31e { background-image: url('../img/icon/1f31e.svg'); } /* 🌞 O₃ */

/* === weather.js — фазы луны === */
.icon-1f311 { background-image: url('../img/icon/1f311.svg'); } /* 🌑 новолуние */
.icon-1f312 { background-image: url('../img/icon/1f312.svg'); } /* 🌒 */
.icon-1f313 { background-image: url('../img/icon/1f313.svg'); } /* 🌓 */
.icon-1f314 { background-image: url('../img/icon/1f314.svg'); } /* 🌔 */
.icon-1f315 { background-image: url('../img/icon/1f315.svg'); } /* 🌕 полнолуние */
.icon-1f316 { background-image: url('../img/icon/1f316.svg'); } /* 🌖 */
.icon-1f317 { background-image: url('../img/icon/1f317.svg'); } /* 🌗 */
.icon-1f318 { background-image: url('../img/icon/1f318.svg'); } /* 🌘 */
.icon-1f39a { background-image: url('../img/icon/1f39a.svg'); } /* 🎚️ Атмосферное давление */
.icon-1f3e9 { background-image: url('../img/icon/1f3e9.svg'); } /* 🏩 */
.icon-1f9ec { background-image: url('../img/icon/1f9ec.svg'); } /* 🧬 */
.icon-1f689 { background-image: url('../img/icon/1f689.svg'); } /* 🚉 */
.icon-1f1ea-1f1fa { background-image: url('../img/icon/1f1ea-1f1fa.svg'); } /* 🇪🇺 */
.icon-1f44b { background-image: url('../img/icon/1f44b.svg'); } /* 👋 */
.icon-1f642 { background-image: url('../img/icon/1f642.svg'); } /* 🙂 */
.icon-1f6f8 { background-image: url('../img/icon/1f6f8.svg'); } /* 🛸 */
.icon-1f5d1 { background-image: url('../img/icon/1f5d1.svg'); } /* 🗑️ */
.icon-1f449 { background-image: url('../img/icon/1f449.svg'); } /* 👉 */
.icon-1f517 { background-image: url('../img/icon/1f517.svg'); } /* 🔗 */
.icon-2709 { background-image: url('../img/icon/2709.svg'); } /* ✉️ */
.icon-1f442 { background-image: url('../img/icon/1f442.svg'); } /* 👂 */
.icon-1f476 { background-image: url('../img/icon/1f476.svg'); } /* 👶 */
.icon-1f9b7 { background-image: url('../img/icon/1f9b7.svg'); } /* 🦷 */
.icon-1f9e0 { background-image: url('../img/icon/1f9e0.svg'); } /* 🧠 */
.icon-2764 { background-image: url('../img/icon/2764.svg'); } /* ❤️ */
.icon-1f9b4 { background-image: url('../img/icon/1f9b4.svg'); } /* 🦴 */
.icon-1f52c { background-image: url('../img/icon/1f52c.svg'); } /* 🔬 */
.icon-1f441 { background-image: url('../img/icon/1f441.svg'); } /* 👁️ */
.icon-1f535 { background-image: url('../img/icon/1f535.svg'); } /* 🔵 */
.icon-1f930 { background-image: url('../img/icon/1f930.svg'); } /* 🤰 */
.icon-1f1fa-1f1e6 { background-image: url('../img/icon/1f1fa-1f1e6.svg'); } /* 🇺🇦 */
.icon-1f50e { background-image: url('../img/icon/1f50e.svg'); } /* 🔎 */
.icon-1f9e9 { background-image: url('../img/icon/1f9e9.svg'); } /* 🧩 */
.icon-1f6a8 { background-image: url('../img/icon/1f6a8.svg'); } /* 🚨 */
.icon-1f4d6 { background-image: url('../img/icon/1f4d6.svg'); } /* 📖 */
.icon-1f64f { background-image: url('../img/icon/1f64f.svg'); } /* 🙏 */