/* 3D Icon Replacements — Override Bootstrap Icons with custom 3D SVGs */
/* Usage: <i class="bi bi-headset me-1 icon-3d"></i> */

.icon-3d {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    vertical-align: -0.15em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* Remove Bootstrap Icon text content */
    font-size: inherit !important;
}
.icon-3d::before {
    content: '' !important;
}

/* Mapping: Bootstrap Icon class → 3D SVG */
.icon-3d.bi-headset,
.icon-3d.headset { background-image: url('../icons3d/headset.svg'); }

.icon-3d.bi-phone,
.icon-3d.phone { background-image: url('../icons3d/phone.svg'); }

.icon-3d.bi-laptop,
.icon-3d.laptop { background-image: url('../icons3d/laptop.svg'); }

.icon-3d.bi-gift,
.icon-3d.gift { background-image: url('../icons3d/gift.svg'); }

.icon-3d.bi-shield-check,
.icon-3d.shield-check { background-image: url('../icons3d/shield-check.svg'); }

.icon-3d.bi-lightning-fill,
.icon-3d.bi-lightning-charge-fill,
.icon-3d.lightning { background-image: url('../icons3d/lightning.svg'); }

.icon-3d.bi-lock-fill,
.icon-3d.lock { background-image: url('../icons3d/lock.svg'); }

.icon-3d.bi-envelope,
.icon-3d.envelope { background-image: url('../icons3d/envelope.svg'); }

.icon-3d.bi-credit-card,
.icon-3d.credit-card { background-image: url('../icons3d/credit-card.svg'); }

.icon-3d.bi-check-circle-fill,
.icon-3d.check-circle { background-image: url('../icons3d/check-circle.svg'); }

.icon-3d.bi-info-circle,
.icon-3d.info-circle { background-image: url('../icons3d/info-circle.svg'); }