/* Full-width content picker fields in product editor */
.vue-multiselect .w-lg-75,
.vue-multiselect .w-xxl-50 {
    width: 100% !important;
}

/* ── Admin nav icons (paint TheAdmin's reserved .icon slot; mask + currentColor) ── */
a.shop-admin-menu > .icon,
a.shop-menu-dashboard > .icon,
a.shop-menu-products > .icon,
a.shop-menu-bundles > .icon,
a.shop-menu-plans > .icon,
a.shop-menu-orders > .icon,
a.shop-menu-discounts > .icon,
a.shop-menu-categories > .icon,
a.shop-menu-import > .icon,
a.shop-menu-settings > .icon {
    /* Inherit TheAdmin's native .icon column (display:block; width:48px; padding:0 5px).
       Only paint it — never override the box, or it misaligns vs native items.
       aspect-ratio gives the empty .icon-none span its height (native: auto = 0). */
    aspect-ratio: 1 / 1;
    background-color: currentColor !important;
    -webkit-mask: var(--smi) center / 1.25em no-repeat;
    mask: var(--smi) center / 1.25em no-repeat;
}

/* shopping-bag */
a.shop-admin-menu > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12l1 4H5l1-4zM4 7h16l-1.2 13.2A2 2 0 0 1 16.8 22H7.2a2 2 0 0 1-2-1.8L4 7zm5 3v2a3 3 0 0 0 6 0v-2h-1.5v2a1.5 1.5 0 0 1-3 0v-2H9z'/%3E%3C/svg%3E"); }
/* gauge / dashboard */
a.shop-menu-dashboard > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a9 9 0 0 0-7.9 13.3l1.7-1A7 7 0 1 1 19 14h2A9 9 0 0 0 12 4zm0 4a6 6 0 0 0-5.2 9l1.7-1A4 4 0 1 1 16 13l-3.3 1.9a1.5 1.5 0 1 0 1.5 2.6L18 15a6 6 0 0 0-6-7z'/%3E%3C/svg%3E"); }
/* box */
a.shop-menu-products > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 3 6.5v11L12 22l9-4.5v-11L12 2zm0 2.2 6.1 3L12 10.3 5.9 7.2 12 4.2zM5 8.9l6 3v7.2l-6-3V8.9zm14 0v7.2l-6 3v-7.2l6-3z'/%3E%3C/svg%3E"); }
/* cubes / bundles */
a.shop-menu-bundles > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2 2 4.5 7 7l5-2.5L7 2zM2 6v6l4 2V8L2 6zm10 0L8 8v6l4-2V6zm5 4-5 2.5 5 2.5 5-2.5L17 10zm-5 6v6l4-2v-6l-4 2zm10 0-4 2v6l4-2v-6z'/%3E%3C/svg%3E"); }
/* clipboard-list / sample plans */
a.shop-menu-plans > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6a1 1 0 0 1 1 1h2a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h2a1 1 0 0 1 1-1zm0 2v2h6V4H9zM7 9h2v2H7V9zm4 0h6v2h-6V9zm-4 4h2v2H7v-2zm4 0h6v2h-6v-2z'/%3E%3C/svg%3E"); }
/* receipt / orders */
a.shop-menu-orders > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2v20l2-1.5L9 22l2-1.5L13 22l2-1.5L17 22l2-1.5V2l-2 1.5L15 2l-2 1.5L11 2 9 3.5 7 2 5 2zm3 5h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z'/%3E%3C/svg%3E"); }
/* tags / discounts */
a.shop-menu-discounts > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4v8l10 10 8-8L10 4H2zm4 2.5A1.5 1.5 0 1 1 6 9.5a1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E"); }
/* folder / categories */
a.shop-menu-categories > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5z'/%3E%3C/svg%3E"); }
/* file-import */
a.shop-menu-import > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9l-7-7zm0 2.5L17.5 9H13V4.5zM11 11v4H8l4 4 4-4h-3v-4h-2z'/%3E%3C/svg%3E"); }
/* gear / settings */
a.shop-menu-settings > .icon { --smi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 2.2a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6z'/%3E%3Cpath d='M19.4 13c.04-.33.06-.66.06-1s-.02-.67-.06-1l2-1.6-2-3.46-2.36 1a7 7 0 0 0-1.72-1L15 2.4h-4l-.32 2.54a7 7 0 0 0-1.72 1l-2.36-1-2 3.46L4.6 11c-.04.33-.06.66-.06 1s.02.67.06 1l-2 1.6 2 3.46 2.36-1a7 7 0 0 0 1.72 1L11 21.6h4l.32-2.54a7 7 0 0 0 1.72-1l2.36 1 2-3.46L19.4 13z'/%3E%3C/svg%3E"); }

/* ── Info tooltips on edit forms (same pattern as Palladium.Bookings) ──
   Hover + :focus (works on touch/iPad); pure CSS via data-tip attribute. */
.cm-info { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin-left: .3rem; border-radius: 50%; background: var(--bs-secondary-bg, #e9ecef); color: var(--bs-secondary-color, #6c757d); font-size: .68rem; font-weight: 700; font-style: normal; cursor: help; position: relative; vertical-align: middle; user-select: none; }
.cm-info:hover, .cm-info:focus { background: var(--bs-primary, #0d6efd); color: #fff; outline: none; }
.cm-info::after { content: attr(data-tip); position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%) scale(.96); width: max-content; max-width: 280px; padding: .5rem .65rem; border-radius: .4rem; background: var(--bs-dark, #212529); color: #fff; font-size: .74rem; font-weight: 400; line-height: 1.45; white-space: normal; text-align: left; opacity: 0; visibility: hidden; transition: opacity .12s ease, transform .12s ease; pointer-events: none; z-index: 1080; box-shadow: 0 4px 12px rgba(0,0,0,.25); }
.cm-info::before { content: ''; position: absolute; bottom: calc(100% + 3px); left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: var(--bs-dark, #212529); opacity: 0; visibility: hidden; transition: opacity .12s ease; pointer-events: none; z-index: 1080; }
.cm-info:hover::after, .cm-info:focus::after,
.cm-info:hover::before, .cm-info:focus::before { opacity: 1; visibility: visible; transform: translateX(-50%) scale(1); }
