/*  --------------------------
    KIT BUILDER - ICON BUTTONS
    -------------------------- */

body .kb-wrapper .kb-icon {
    display: none;
}

/* button base */
body .kb-wrapper [kb-button-icon],
body .kb-wrapper [kb-large-button-icon],
body .kb-wrapper .kb-icon-button,
body .kb-wrapper .kb-button,
body .kb-wrapper .kb-editor-button,
body .kb-wrapper .kb-team-details-button,

    /* missing .kb-button */
    body .kb-wrapper .kb-buy-quote-actions .kb-form-links li a,
    body .kb-wrapper .kb-dialog .kb-locker-room-buttons .kb-button,
    body .kb-wrapper .kb-editor-placement .kb-editor-add,
    body .kb-wrapper .kb-editor-placement .kb-upload-clipart,
    body .kb-wrapper .kb-editor-placement .kb-upload-replace-clipart,
    body .kb-wrapper .kb-editor-buttons .kb-editor-button,
    body .kb-wrapper .kb-customise-page .kb-step-controls .kb-step-sidebar-toggle,
    body .kb-wrapper .kb-file-upload-clear,
    body .kb-wrapper .kb-final-page .kb-basket-item .kb-final-remove,
    body .kb-wrapper .kb-locker-room-filters input ~ .kb-icon-button-clear,
    body .kb-wrapper .kb-locker-room-filters .kb-icon-button-search,
    body .kb-wrapper .kb-locker-room-folder-actions a,
    body .kb-wrapper .kb-locker-room-folder-actions label,
    body .kb-wrapper .kb-folder-contents-item-open-menu,
    body .kb-wrapper .kb-folder-contents-item-menu-close,
    body .kb-wrapper .kb-locker-room-info

{
    display: flex;
    align-items: center;
    --icon-margin: var(--kbdefault25-gap-half);
}

/* icon base */
body .kb-wrapper [kb-button-icon]::before,
body .kb-wrapper [kb-large-button-icon]::before,
body .kb-wrapper .kb-icon-button::before,
body .kb-wrapper .kb-button::before,
body .kb-wrapper .kb-editor-button::before,
body .kb-wrapper .kb-team-details-button::before,

    /* missing kb-button */
    body .kb-wrapper .kb-buy-quote-actions .kb-form-links li a::before,
    body .kb-wrapper .kb-dialog .kb-locker-room-buttons .kb-button::before,
    body .kb-wrapper .kb-editor-placement .kb-editor-add::before,
    body .kb-wrapper .kb-editor-placement .kb-upload-clipart::before,
    body .kb-wrapper .kb-editor-placement .kb-upload-replace-clipart::before,
    body .kb-wrapper .kb-editor-buttons .kb-editor-button::before,
    body .kb-wrapper .kb-customise-page .kb-step-controls .kb-step-sidebar-toggle::before,
    body .kb-wrapper .kb-file-upload-clear::before,
    body .kb-wrapper .kb-final-page .kb-basket-item .kb-final-remove::before,
    body .kb-wrapper .kb-locker-room-filters input ~ .kb-icon-button-clear::before,
    body .kb-wrapper .kb-locker-room-filters .kb-icon-button-search::before,
    body .kb-wrapper .kb-locker-room-folder-actions a::before,
    body .kb-wrapper .kb-locker-room-folder-actions label::before,
    body .kb-wrapper .kb-folder-contents-item-open-menu::before,
    body .kb-wrapper .kb-folder-contents-item-menu-close::before,
    body .kb-wrapper .kb-locker-room-info::before

{
    position: relative;
    font-family: var(--kbdefault25-material-ui-font);
    font-weight: normal;
    font-size: 160%;
    display: inline-block;
    margin-right: var(--icon-margin);
}

/* no margin for icon *only* buttons */
body .kb-wrapper [kb-button-icon]:empty::before,
body .kb-wrapper [kb-large-button-icon]:empty::before,
body .kb-wrapper .kb-button:empty::before,
body .kb-wrapper .kb-editor-button:empty::before,
body .kb-wrapper .kb-editor-placement .kb-editor-scale-buttons .kb-button::before,
body .kb-wrapper .kb-team-details-button:empty::before,
body .kb-wrapper .kb-editor-buttons .kb-editor-button::before,
body .kb-wrapper .kb-customise-page .kb-step-controls .kb-step-sidebar-toggle::before,
body .kb-wrapper .kb-customise-page .kb-step-controls .kb-step-collapse-button::before,
body .kb-wrapper .kb-final-page .kb-basket-item .kb-final-remove::before,
body .kb-wrapper .kb-locker-room-filters input ~ .kb-icon-button-clear::before,
body .kb-wrapper .kb-locker-room-filters .kb-icon-button-search::before,
body .kb-wrapper .kb-folder-contents-item-open-menu::before,
body .kb-wrapper .kb-folder-contents-item-menu-close::before,
body .kb-wrapper .kb-locker-room-page .kb-locker-room-tabular-nav .kb-button::before,
body .kb-wrapper .kb-locker-room-page .kb-pagination-page.kb-pagination-start a::before,
body .kb-wrapper .kb-locker-room-page .kb-pagination-page.kb-pagination-end a::before,
body .kb-wrapper .kb-global-kit-toggle-button::before,
body .kb-wrapper .kb-locker-room-info {
    margin: 0; 
}

/* attribute icon */
body .kb-wrapper [kb-button-icon]::before { content: attr(kb-button-icon); }
body .kb-wrapper [kb-large-button-icon]::before { content: attr(kb-large-button-icon); }


/* ------ Icon Definitions ------ */


/* --- JOURNEY --- */

/* 'my designs' navigation button */ body .kb-wrapper .kb-my-designs-home-button::before { content: "save"; }
/* 'locker room' navigation button */ body .kb-wrapper .kb-locker-room-home-button::before { content: "checkroom"; }
/* 'hide gtp' button */ body .kb-wrapper .kb-global-kit-toggle-button::before { content: "palette"; }
/* 'show gtp' button */ body .kb-wrapper .kb-global-kit-tile-picker-shown .kb-global-kit-toggle-button::before { content: "close"; }

/* --- CUSTOMIZE --- */

/* product info */ body .kb-wrapper .kb-customise-page .kb-model-header .kb-product-information-icon::before { content: "info"; }
/* back button */ body .kb-wrapper .kb-model-header-back-button::before { content: "arrow_back"; }

/* --- STEPS --- */

/* open customize menu */ body .kb-wrapper .kb-customise-page .kb-step-controls .kb-step-sidebar-toggle::before { content: "menu"; }
/* closed customize menu */ body .kb-wrapper .kb-customise-page .kb-edit-panel-open .kb-step-controls .kb-step-sidebar-toggle::before { content: "close"; }
/* closed field dropdown */ body .kb-wrapper .kb-wizard-group-header::after { content: "keyboard_arrow_down"; }
/* open field dropdown */ body .kb-wrapper .kb-wizard-group-header-selected::after, body .kb-wrapper .kb-wizard-group-header.kb-editor-tab-selected::after { content: "keyboard_arrow_up"; }

/* --- FIELDS --- */

/* dropdown chip (closed) */ body .kb-wrapper .select2-container .select2-choice .select2-arrow::after { content: "arrow_drop_down"; }
/* dropdown chip (open) */ body .select2-dropdown-open .select2-choice .select2-arrow::after { content: "arrow_drop_up"; }
/* 'Reset' button - transform */ body .kb-wrapper .kb-transform-reset::before { content: "history"; }
/* 'delete' button */ body .kb-wrapper .kb-file-upload-clear::before { content: "delete"; }

/* --- SQUAD STORES --- */

/* 'View Squad Stores' button - home page */ body .kb-wrapper .kb-team-stores-home-button::before { content: "storefront"; }
/* 'Back to Categories' button */ body .kb-wrapper .kb-button.kb-team-stores-back-to-categories::before { content: "inventory_2"; }

/* 'remove' button */ body .kb-wrapper .kb-team-stores-product-customize .kb-team-stores-product-field-remove-image::before, body .kb-wrapper .kb-team-stores-product-customize .kb-team-stores-product-field-remove-clipart::before { content: "delete"; }

/* --- EDITOR --- */

/* 'Add New Text' */ body .kb-wrapper .kb-editor-placement .kb-editor-add::before { content: "text_fields"; }
/* 'Upload Image' */ body .kb-wrapper label:has(input[type="file"])::before, body .kb-wrapper .kb-team-stores-product-field-upload-image-wrapper label.kb-button::before, body .kb-wrapper .kb-detached-editor-library-wrapper .kb-editor-add::before { content: "upload"; }
/* 'Add Image (Here)' */ body .kb-wrapper .kb-detached-editor-library-button::before, body .kb-wrapper .kb-detached-editor-library-all-images-button::before { content: "photo_library"; }
/* delete button */ body .kb-wrapper .kb-editor-placement-image .kb-editor-image-library .kb-remove-image-from-library::before, body .kb-wrapper .kb-editor-placement-image .kb-editor-image .kb-remove-image-item::before, body .kb-wrapper .kb-detached-editor-library-section .kb-editor-image .kb-remove-image-item::before, body .kb-wrapper .kb-detached-editor-library-placements-dialog .kb-delete-detached-image::before, body .kb-wrapper .kb-form-field-image-library-images .kb-form-field-image-library-image .kb-remove-image-item::before { content: "delete"; }

/* scale down button */ body .kb-wrapper .kb-editor-placement .kb-editor-control-scale-down::before { content: "remove"; }
/* scale up button */ body .kb-wrapper .kb-editor-placement .kb-editor-control-scale-up::before { content: "add"; }
/* 'Reset' */ body .kb-wrapper .kb-editor-placement .kb-editor-button-reset::before { content: "history"; }
/* 'Undo' */ body .kb-wrapper .kb-editor-placement .kb-editor-button-undo::before { content: "undo"; }
/* 'Redo' */ body .kb-wrapper .kb-editor-placement .kb-editor-button-redo::before { content: "redo"; }
/* 'Clone' */ body .kb-wrapper .kb-editor-placement .kb-editor-button-clone::before { content: "content_copy"; }
/* 'Remove Background' */ body .kb-wrapper .kb-editor-placement .kb-editor-button-background-remove::before { content: "texture"; }
/* 'Restore Background' */ body .kb-wrapper .kb-editor-placement .kb-editor-button-background-restore::before { content: "image"; }
/* 'Save to Locker room' */ body .kb-wrapper .kb-detached-editor-library-placements-dialog .kb-detached-image-save-to-locker-room::before { content: "save"; }

/* touch 'scale down' */ body .kb-wrapper .kb-editor-buttons a.kb-editor-scale-down::before { content: "remove"; }
/* touch 'scale up' */ body .kb-wrapper .kb-editor-buttons a.kb-editor-scale-up::before { content: "add"; }
/* touch 'rotate left' */ body .kb-wrapper .kb-editor-buttons a.kb-editor-rotate-left::before { content: "rotate_left"; }
/* touch 'rotate right' */ body .kb-wrapper .kb-editor-buttons a.kb-editor-rotate-right::before { content: "rotate_right"; }
/* touch 'remove' */ body .kb-wrapper .kb-editor-buttons a.kb-editor-remove::before { content: "delete"; }
/* touch 'unselect' */ body .kb-wrapper .kb-editor-buttons a.kb-editor-hide::before { content: "close"; }

/* --- CART --- */

/* 'Size Chart' */ body .kb-wrapper .kb-button-size-chart::before { content: "straighten"; }
/* remove team/player - team details */ body .kb-wrapper .kb-team-details .kb-table .kb-table-cell .kb-remove::before { content: "delete"; }
/* preview player - team details */ body .kb-wrapper .kb-team-details .kb-table .kb-table-cell .kb-preview::before { content: "visibility"; }

/* --- MY DESINGS --- */

/* 'remove' button */ body .kb-wrapper .kb-final-page .kb-basket-item .kb-final-remove::before, body .kb-wrapper .kb-confirm-remove-all-basket-items-dialog .kb-reset-design-button::before { content: "delete"; }

/* --- LOCKER ROOM --- */

/* 'info' */ body .kb-wrapper .kb-locker-room-info::before { content: "info"; }
/* 'Log in to save' */ body .kb-wrapper .kb-locker-room-buttons-login::before, body .kb-wrapper .kb-locker-room-login-button::before { content: "login"; }
/* 'locker room' */ body .kb-wrapper .kb-dialog-locker-room .kb-locker-room-buttons .kb-locker-room-buttons-visit::before { content: "checkroom"; }
/* 'save' */ body .kb-wrapper .kb-dialog .kb-locker-room-buttons .kb-locker-room-buttons-save-new::before, body .kb-wrapper .kb-dialog .kb-locker-room-buttons .kb-locker-room-buttons-save-update::before { content: "save"; }
/* 'save as' */ body .kb-wrapper .kb-dialog .kb-locker-room-buttons .kb-locker-room-buttons-save-new-as::before { content: "save_as"; }

/* 'Log out' */ body .kb-wrapper .kb-locker-room-logout-button::before { content: "logout"; }
/* 'back' */ body .kb-wrapper .kb-locker-room-back-button::before { content: "arrow_back"; }
/* 'new folder' */ body .kb-wrapper .kb-locker-room-folder-actions .kb-new-folder::before { content: "create_new_folder"; }
/* 'new design' */ body .kb-wrapper .kb-locker-room-folder-actions .kb-new-design::before { content: "checkroom"; }
/* 'new image' */ body .kb-wrapper .kb-locker-room-folder-actions label::before { content: "upload"; }


/* pager left */ body .kb-wrapper .kb-locker-room-page .kb-pagination-page.kb-pagination-start a::before { content: "arrow_back"; }
/* pager right */ body .kb-wrapper .kb-locker-room-page .kb-pagination-page.kb-pagination-end a::before { content: "arrow_forward"; }
/* search clear */ body .kb-wrapper .kb-locker-room-filters input ~ .kb-icon-button-clear::before { content: "clear"; }
/* search enter */ body .kb-wrapper .kb-locker-room-filters .kb-icon-button-search::before { content: "search"; }

/* 'cart' */ body .kb-wrapper .kb-locker-room-page .kb-multi-select-add-to-cart-button::before, body .kb-wrapper .kb-locker-room-page .kb-multi-select-buy-now-button::before { content: "shopping_cart"; }
/* 'folder' */ body .kb-wrapper .kb-multi-select-actions-wrapper .kb-move-to-folder-button::before { content: "folder"; }
/* 'delete' */ body .kb-wrapper .kb-locker-room-page .kb-delete-custom-designs-button::before { content: "delete"; }

/* 'open menu' */ body .kb-wrapper .kb-folder-contents-item-open-menu::before { content: "menu"; }
/* 'close menu' */ body .kb-wrapper .kb-folder-contents-item-menu-close::before { content: "close"; }