/* BySel — 3D icon theme.
   Storefront pictographs render as bundled Fluent Emoji 3D images (.i3d).
   Font Awesome glyphs across every panel get a 3D bevel + drop shadow. */

.i3d {
    width: 1.15em;
    height: 1.15em;
    object-fit: contain;
    vertical-align: -0.22em;
    flex: 0 0 auto;
    filter: drop-shadow(0 1px 1px rgba(20, 34, 56, .30));
}
.i3d-lg { width: 1.7em; height: 1.7em; vertical-align: -0.35em; }
.campaign-visual .i3d { width: 70px; height: 70px; vertical-align: middle; }
.stars .i3d { width: 1em; height: 1em; vertical-align: -0.15em; }

/* Sidebar navigation (admin / seller / buyer / account) */
#sidebar-wrapper .i3d,
.admin_sidebar .i3d,
.seller_sidebar .i3d,
.buyer_sidebar .i3d,
.sidebar-subitem .i3d,
.sidebar-subsubitem .i3d { width: 1.3em; height: 1.3em; vertical-align: -0.28em; }
#sidebar-wrapper .sidebar-subitem .i3d,
#sidebar-wrapper .sidebar-subsubitem .i3d { width: 1.1em; height: 1.1em; vertical-align: -0.22em; }

/* Dashboard stat tiles + quick actions (admin & seller) */
.stat-card .stat-icon .i3d,
.stat-icon .i3d,
.stat-icon-center .i3d,
.quick-action-item .i3d { width: 1.35em; height: 1.35em; vertical-align: -0.28em; }
.quick-action-item .i3d { display: block; margin: 0 auto .4rem; }

/* Card headers (admin / seller dashboard) */
.card-header .i3d { width: 1.25em; height: 1.25em; vertical-align: -0.25em; }

/* Shop category slider + featured category tiles */
.cat-slide-icon .i3d,
.cat-slide-icon-img .i3d { width: 26px; height: 26px; vertical-align: middle; }

/* Empty / no-results states */
.empty-icon .i3d,
.empty-state .empty-icon .i3d { width: 4rem; height: 4rem; vertical-align: middle; }

/* Order confirmation success seal */
.order-success-icon .i3d { width: 3rem; height: 3rem; vertical-align: middle; }

/* Ratings — muted for the un-filled stars */
.rating-stars .i3d.muted { filter: grayscale(.9) opacity(.4); }

/* Font Awesome — unified 3D depth across public, admin, seller and buyer */
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35), 0 2px 3px rgba(20, 34, 56, .30);
}
.fa-2x { text-shadow: 0 1px 0 rgba(255, 255, 255, .35), 0 3px 4px rgba(20, 34, 56, .30); }
.fa-3x, .fa-4x { text-shadow: 0 2px 0 rgba(255, 255, 255, .28), 0 4px 6px rgba(20, 34, 56, .30); }

/* Typographic glyph icons that have no 3D image equivalent */
.glyph3d { text-shadow: 0 1px 0 rgba(255, 255, 255, .40), 0 2px 2px rgba(20, 34, 56, .35); }

/* Image pictographs inside admin / seller panel widgets */
.stat-card .stat-icon .i3d,
.stat-icon .i3d,
.quick-action-item .i3d,
.quick-action .quick-action-item .i3d,
.stat-icon-center .i3d,
.big-stat-icon .i3d,
.stat-circle .i3d {
    width: 30px; height: 30px;
}
.empty-icon .i3d,
.empty-state .empty-icon .i3d {
    width: 3rem; height: 3rem;
}
.cat-slide-icon .i3d,
.cat-slide-link .cat-slide-icon .i3d {
    width: 28px; height: 28px; vertical-align: middle;
}
#sidebar-wrapper .i3d,
.sidebar .i3d,
.buyer_sidebar .i3d {
    width: 1.25rem; height: 1.25rem;
}
.rating-stars .i3d,
.stars .i3d,
.rating-stars-grid .i3d {
    width: 1em; height: 1em;
}
.rating-stars .i3d.muted,
.stars .i3d.muted {
    filter: grayscale(1) opacity(.45);
}