/* ========================================
   JACOBS SA - ICONS LIBRARY
   Professional SVG Icons
   ======================================== */

/* Base Icon Styling */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-large {
    width: 80px;
    height: 80px;
}

/* ========================================
   EXPERTISE ICONS
   ======================================== */

/* Lighting / Bulb Icon */
.icon-lighting {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M32 8 L32 2' stroke='%23F7941D' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M32 62 L32 56' stroke='%23F7941D' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M8 32 L2 32' stroke='%23F7941D' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M62 32 L56 32' stroke='%23F7941D' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M13.5 13.5 L9.5 9.5' stroke='%23F7941D' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M54.5 54.5 L50.5 50.5' stroke='%23F7941D' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M13.5 50.5 L9.5 54.5' stroke='%23F7941D' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M54.5 9.5 L50.5 13.5' stroke='%23F7941D' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='32' r='14' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Cpath d='M26 42 L26 48 L38 48 L38 42' fill='%23003B5C'/%3E%3Cpath d='M26 48 L38 48' stroke='%23F7941D' stroke-width='2'/%3E%3C/svg%3E");
}

/* Tunnel Icon */
.icon-tunnel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M8 56 L8 32 Q8 12 32 12 Q56 12 56 32 L56 56' fill='none' stroke='%23003B5C' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='8' y='52' width='48' height='8' fill='%23003B5C'/%3E%3Ccircle cx='18' cy='28' r='3' fill='%23F7941D'/%3E%3Ccircle cx='32' cy='20' r='3' fill='%23F7941D'/%3E%3Ccircle cx='46' cy='28' r='3' fill='%23F7941D'/%3E%3Cpath d='M12 52 L12 44' stroke='%23F7941D' stroke-width='2'/%3E%3Cpath d='M52 52 L52 44' stroke='%23F7941D' stroke-width='2'/%3E%3C/svg%3E");
}

/* Cables / Electricity Icon */
.icon-cables {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M32 12 L24 32 L34 32 L26 52' stroke='%23F7941D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='32' cy='32' r='24' stroke='%23003B5C' stroke-width='3' fill='none'/%3E%3Cpath d='M32 8 L32 2' stroke='%23003B5C' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M32 62 L32 56' stroke='%23003B5C' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M8 32 L2 32' stroke='%23003B5C' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M62 32 L56 32' stroke='%23003B5C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Traffic Light Icon */
.icon-traffic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='20' y='8' width='24' height='50' rx='4' fill='%23003B5C'/%3E%3Ccircle cx='32' cy='18' r='6' fill='%23F7941D'/%3E%3Ccircle cx='32' cy='32' r='6' fill='%236B6B6B'/%3E%3Ccircle cx='32' cy='46' r='6' fill='%236B6B6B'/%3E%3Crect x='30' y='56' width='4' height='6' fill='%23003B5C'/%3E%3C/svg%3E");
}

/* ========================================
   MILESTONE ICONS
   ======================================== */

/* Calendar / Date Icon */
.icon-calendar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='10' y='14' width='44' height='42' rx='3' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Cline x1='10' y1='24' x2='54' y2='24' stroke='%23F7941D' stroke-width='3'/%3E%3Cline x1='20' y1='10' x2='20' y2='18' stroke='%23003B5C' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='44' y1='10' x2='44' y2='18' stroke='%23003B5C' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='22' cy='34' r='2' fill='%23F7941D'/%3E%3Ccircle cx='32' cy='34' r='2' fill='%23F7941D'/%3E%3Ccircle cx='42' cy='34' r='2' fill='%23F7941D'/%3E%3Ccircle cx='22' cy='44' r='2' fill='%23003B5C'/%3E%3Ccircle cx='32' cy='44' r='2' fill='%23003B5C'/%3E%3Ccircle cx='42' cy='44' r='2' fill='%23003B5C'/%3E%3C/svg%3E");
}

/* Team / People Icon */
.icon-team {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='22' cy='20' r='8' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Ccircle cx='42' cy='20' r='8' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Cpath d='M10 52 Q10 36 22 36 Q34 36 34 52' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Cpath d='M30 52 Q30 36 42 36 Q54 36 54 52' fill='none' stroke='%23F7941D' stroke-width='3'/%3E%3C/svg%3E");
}

/* Growth / Rocket Icon */
.icon-growth {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M12 52 L22 52 L32 12 L42 52 L52 52' fill='none' stroke='%23003B5C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='12' r='4' fill='%23F7941D'/%3E%3Cpath d='M28 8 L32 2 L36 8' fill='%23F7941D'/%3E%3Cline x1='22' y1='56' x2='42' y2='56' stroke='%23003B5C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Achievement / Star Icon */
.icon-achievement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='32' cy='28' r='20' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Cpath d='M32 12 L35 22 L45 22 L37 28 L40 38 L32 32 L24 38 L27 28 L19 22 L29 22 Z' fill='%23F7941D'/%3E%3Crect x='24' y='44' width='6' height='16' rx='1' fill='%23003B5C'/%3E%3Crect x='34' y='44' width='6' height='16' rx='1' fill='%23003B5C'/%3E%3Crect x='20' y='58' width='24' height='4' rx='1' fill='%23F7941D'/%3E%3C/svg%3E");
}

/* ========================================
   CONTACT ICONS
   ======================================== */

/* Phone Icon */
.icon-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 12 Q14 12 14 16 L14 48 Q14 52 18 52 L46 52 Q50 52 50 48 L50 16 Q50 12 46 12 Z' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Crect x='20' y='18' width='24' height='26' rx='2' fill='none' stroke='%23F7941D' stroke-width='2'/%3E%3Ccircle cx='32' cy='48' r='2' fill='%23003B5C'/%3E%3C/svg%3E");
}

/* Email Icon */
.icon-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='8' y='16' width='48' height='32' rx='3' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Cpath d='M8 16 L32 36 L56 16' fill='none' stroke='%23F7941D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 48 L24 32' stroke='%23003B5C' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M56 48 L40 32' stroke='%23003B5C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Emergency / Alert Icon */
.icon-emergency {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='32' cy='32' r='26' fill='none' stroke='%23F7941D' stroke-width='3'/%3E%3Cpath d='M32 18 L32 36' stroke='%23003B5C' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='44' r='3' fill='%23003B5C'/%3E%3Cpath d='M20 10 L32 2 L44 10' fill='none' stroke='%23F7941D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Location / Map Icon */
.icon-location {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M32 10 Q20 10 14 20 Q8 30 8 38 Q8 48 32 58 Q56 48 56 38 Q56 30 50 20 Q44 10 32 10 Z' fill='none' stroke='%23003B5C' stroke-width='3'/%3E%3Ccircle cx='32' cy='28' r='8' fill='%23F7941D'/%3E%3Ccircle cx='32' cy='28' r='4' fill='%23003B5C'/%3E%3C/svg%3E");
}

/* ========================================
   UTILITY CLASSES
   ======================================== */

.expertise-icon,
.milestone-icon,
.contact-method-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 1.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.expertise-icon {
    width: 80px;
    height: 80px;
}