/*
 * ============================================
 * ANTWORLD CUSTOM ICONS
 * ============================================
 * Original SVG icon designs for antworld.org
 *
 * CREATIVE DOCUMENTATION:
 * -----------------------
 * Created: February 2024
 * Designer: AntWorld Team
 * License: All rights reserved - AntWorld.org
 *
 * DESIGN PHILOSOPHY:
 * - Simple, clean geometric shapes
 * - Consistent 24x24 viewBox
 * - Sky blue (#87CEEB) stroke color to match site theme
 * - 2px stroke width for clarity at small sizes
 * - No external dependencies
 *
 * ICON INVENTORY:
 * 1. HOME - Tiny house with roof and chimney
 * 2. ANT - Realistic 3-segment ant with legs and antennae
 * 3. DATA-DOTS - Scatter plot visualization
 * 4. BARS - Horizontal bar chart
 * 5. PIE - Ring/donut chart
 * 6. LIST - Three-line menu
 * 7. TRAINING - Six-sided die
 * 8. JUMP - Arced arrow pointing right
 * 9. BOOKS - Stacked books of varying heights
 * 10. PDF - Document with folded corner (red)
 * 11. MAIL - Envelope
 * 12. BLOCKED - Circle with diagonal line
 * 13. CLOSE - X mark
 * 14. CHEVRONS - Up/down arrows
 *
 * VERSION HISTORY:
 * v1.0 - Initial creation, replacing IcoMoon font
 * v1.1 - Refined ant design, added arced jump arrow
 * ============================================
 */

/* Base icon styles */
.aw-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ============================================
   ICON DEFINITIONS
   ============================================ */

/* HOME - Tiny house with peaked roof and chimney */
.aw-icon-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5'/%3E%3Cpath d='M5 9v11h14V9'/%3E%3Crect x='9' y='13' width='6' height='7'/%3E%3Crect x='16' y='4' width='2' height='4'/%3E%3C/svg%3E");
}

/* ANT - Realistic three-segment body with legs and antennae */
.aw-icon-ant {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='1.5' stroke-linecap='round'%3E%3C!-- Head --%3E%3Cellipse cx='12' cy='5' rx='2.5' ry='2'/%3E%3C!-- Antennae --%3E%3Cpath d='M10 4c-1-2-2-3-3-3'/%3E%3Cpath d='M14 4c1-2 2-3 3-3'/%3E%3C!-- Thorax --%3E%3Cellipse cx='12' cy='10' rx='3' ry='2.5'/%3E%3C!-- Abdomen --%3E%3Cellipse cx='12' cy='17' rx='4' ry='4'/%3E%3C!-- Front legs --%3E%3Cpath d='M9 9c-2 0-4 1-5 3'/%3E%3Cpath d='M15 9c2 0 4 1 5 3'/%3E%3C!-- Middle legs --%3E%3Cpath d='M9 11c-3 1-5 3-6 5'/%3E%3Cpath d='M15 11c3 1 5 3 6 5'/%3E%3C!-- Back legs --%3E%3Cpath d='M9 15c-2 2-4 5-5 7'/%3E%3Cpath d='M15 15c2 2 4 5 5 7'/%3E%3C/svg%3E");
}

/* DATA DOTS - Scatter plot with axes */
.aw-icon-data-dots {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Cpath d='M3 3v18h18' stroke-linecap='round'/%3E%3Ccircle cx='7' cy='14' r='2' fill='%2387CEEB'/%3E%3Ccircle cx='11' cy='9' r='2' fill='%2387CEEB'/%3E%3Ccircle cx='16' cy='12' r='2' fill='%2387CEEB'/%3E%3Ccircle cx='19' cy='6' r='2' fill='%2387CEEB'/%3E%3C/svg%3E");
}

/* BARS - Horizontal bar chart (graph) */
.aw-icon-bars {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2387CEEB'%3E%3Crect x='2' y='4' width='14' height='4' rx='1'/%3E%3Crect x='2' y='10' width='20' height='4' rx='1'/%3E%3Crect x='2' y='16' width='10' height='4' rx='1'/%3E%3C/svg%3E");
}

/* PIE/RING - Donut chart */
.aw-icon-pie {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='4'%3E%3Ccircle cx='12' cy='12' r='8' stroke-dasharray='20 30' stroke-dashoffset='0'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%234a7bc4' stroke-dasharray='15 35' stroke-dashoffset='-20'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%232c5aa0' stroke-dasharray='15 35' stroke-dashoffset='-35'/%3E%3C/svg%3E");
}

/* LIST - Three horizontal lines */
.aw-icon-list {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E");
}

/* TRAINING - Six-sided die */
.aw-icon-dice {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='8' cy='8' r='1.5' fill='%2387CEEB'/%3E%3Ccircle cx='16' cy='8' r='1.5' fill='%2387CEEB'/%3E%3Ccircle cx='8' cy='16' r='1.5' fill='%2387CEEB'/%3E%3Ccircle cx='16' cy='16' r='1.5' fill='%2387CEEB'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%2387CEEB'/%3E%3C/svg%3E");
}

/* JUMP/LINK - Arced arrow pointing right */
.aw-icon-jump {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17c0-8 6-12 14-8'/%3E%3Cpath d='M14 5l4 4-4 4'/%3E%3C/svg%3E");
}

/* BOOKS - Stacked books of varying heights */
.aw-icon-books {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='4' height='13'/%3E%3Crect x='8' y='5' width='4' height='16'/%3E%3Crect x='13' y='10' width='4' height='11'/%3E%3Crect x='18' y='3' width='3' height='18'/%3E%3C/svg%3E");
}

/* PDF - Document with folded corner (red) */
.aw-icon-pdf {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e74c3c' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Ctext x='8' y='16' font-size='6' fill='%23e74c3c' font-family='sans-serif' font-weight='bold'%3EPDF%3C/text%3E%3C/svg%3E");
}

/* MAIL - Envelope */
.aw-icon-mail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E");
}

/* BLOCKED - Circle with diagonal slash */
.aw-icon-blocked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E");
}

/* CLOSE - X mark */
.aw-icon-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
}

/* CHEVRON DOWN */
.aw-icon-chevron-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

/* CHEVRON UP */
.aw-icon-chevron-up {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E");
}

/* WEB LINK - Globe (green) */
.aw-icon-web {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232ecc71' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z'/%3E%3C/svg%3E");
}

/* ============================================
   LEGACY CLASS MAPPINGS
   Maps old IcoMoon classes to new SVG icons
   ============================================ */

.icon.icon-home {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5'/%3E%3Cpath d='M5 9v11h14V9'/%3E%3Crect x='9' y='13' width='6' height='7'/%3E%3Crect x='16' y='4' width='2' height='4'/%3E%3C/svg%3E");
}

.icon.icon-bug {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='1.5' stroke-linecap='round'%3E%3Cellipse cx='12' cy='5' rx='2.5' ry='2'/%3E%3Cpath d='M10 4c-1-2-2-3-3-3'/%3E%3Cpath d='M14 4c1-2 2-3 3-3'/%3E%3Cellipse cx='12' cy='10' rx='3' ry='2.5'/%3E%3Cellipse cx='12' cy='17' rx='4' ry='4'/%3E%3Cpath d='M9 9c-2 0-4 1-5 3'/%3E%3Cpath d='M15 9c2 0 4 1 5 3'/%3E%3Cpath d='M9 11c-3 1-5 3-6 5'/%3E%3Cpath d='M15 11c3 1 5 3 6 5'/%3E%3Cpath d='M9 15c-2 2-4 5-5 7'/%3E%3Cpath d='M15 15c2 2 4 5 5 7'/%3E%3C/svg%3E");
}

.icon.icon-stats-dots {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Cpath d='M3 3v18h18' stroke-linecap='round'/%3E%3Ccircle cx='7' cy='14' r='2' fill='%2387CEEB'/%3E%3Ccircle cx='11' cy='9' r='2' fill='%2387CEEB'/%3E%3Ccircle cx='16' cy='12' r='2' fill='%2387CEEB'/%3E%3Ccircle cx='19' cy='6' r='2' fill='%2387CEEB'/%3E%3C/svg%3E");
}

.icon.icon-stats-bars {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2387CEEB'%3E%3Crect x='2' y='4' width='14' height='4' rx='1'/%3E%3Crect x='2' y='10' width='20' height='4' rx='1'/%3E%3Crect x='2' y='16' width='10' height='4' rx='1'/%3E%3C/svg%3E");
}

.icon.icon-pie-chart {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='4'%3E%3Ccircle cx='12' cy='12' r='8' stroke-dasharray='20 30' stroke-dashoffset='0'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%234a7bc4' stroke-dasharray='15 35' stroke-dashoffset='-20'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%232c5aa0' stroke-dasharray='15 35' stroke-dashoffset='-35'/%3E%3C/svg%3E");
}

.icon.icon-menu2 {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E");
}

.icon.icon-dice {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='8' cy='8' r='1.5' fill='%2387CEEB'/%3E%3Ccircle cx='16' cy='8' r='1.5' fill='%2387CEEB'/%3E%3Ccircle cx='8' cy='16' r='1.5' fill='%2387CEEB'/%3E%3Ccircle cx='16' cy='16' r='1.5' fill='%2387CEEB'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%2387CEEB'/%3E%3C/svg%3E");
}

.icon.icon-link {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17c0-8 6-12 14-8'/%3E%3Cpath d='M14 5l4 4-4 4'/%3E%3C/svg%3E");
}

.icon.icon-sort-amount-desc,
.icon.icon-sort-amount-desc1,
.icon.icon-sort-amount-desc2 {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

.icon.icon-books {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='4' height='13'/%3E%3Crect x='8' y='5' width='4' height='16'/%3E%3Crect x='13' y='10' width='4' height='11'/%3E%3Crect x='18' y='3' width='3' height='18'/%3E%3C/svg%3E");
}

.icon.icon-users {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3Ccircle cx='17' cy='7' r='2'/%3E%3Cpath d='M21 21v-2a3 3 0 0 0-2-2.83'/%3E%3C/svg%3E");
}

.icon.icon-printer {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Crect x='6' y='14' width='12' height='7' rx='1'/%3E%3Cpath d='M6 14V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10'/%3E%3Cpath d='M4 10h16v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6z'/%3E%3C/svg%3E");
}

.icon.icon-mail4 {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E");
}

.icon.icon-blocked {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E");
}

.icon.icon-file-pdf {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e74c3c' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Ctext x='8' y='16' font-size='6' fill='%23e74c3c' font-family='sans-serif' font-weight='bold'%3EPDF%3C/text%3E%3C/svg%3E");
}

.icon.icon-cross {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
}

.icon.icon-circle-up {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 16V8M8 12l4-4 4 4'/%3E%3C/svg%3E");
}

/* MORPHO - Magnifying glass examining ant body parts */
.icon.icon-morpho {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M21 21l-5-5'/%3E%3Ccircle cx='10' cy='7' r='1.5' fill='%2387CEEB'/%3E%3Cellipse cx='10' cy='11' rx='2' ry='1.5' fill='none'/%3E%3Cellipse cx='10' cy='14' rx='2.5' ry='2' fill='none'/%3E%3C/svg%3E");
}

.icon.icon-calculator {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Crect x='6' y='4' width='12' height='5' rx='1'/%3E%3Ccircle cx='8' cy='13' r='1' fill='%2387CEEB'/%3E%3Ccircle cx='12' cy='13' r='1' fill='%2387CEEB'/%3E%3Ccircle cx='16' cy='13' r='1' fill='%2387CEEB'/%3E%3Ccircle cx='8' cy='17' r='1' fill='%2387CEEB'/%3E%3Ccircle cx='12' cy='17' r='1' fill='%2387CEEB'/%3E%3Ccircle cx='16' cy='17' r='1' fill='%2387CEEB'/%3E%3C/svg%3E");
}

/* SEARCH - Magnifying glass (orange for Scholar search) */
.icon.icon-search {
    display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f39c12' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M21 21l-5-5'/%3E%3C/svg%3E");
}

/* Mobile menu icon - hamburger */
.menu_icon.icon-home {
    display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2387CEEB' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E");
}

/* Hover effect */
a:hover .icon,
button:hover .icon {
    filter: brightness(1.3);
}