/* Shopify Toolbar Styles */

/* Base toolbar button styling */
.shopify-toolbar-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.shopify-toolbar-button .ab-icon {
    width: 20px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/* Specific toolbar buttons */
#wp-admin-bar-product_button,
#wp-admin-bar-collections_button,
#wp-admin-bar-visit_shopify_button {
    background: none;
}

#wp-admin-bar-product_button .ab-item,
#wp-admin-bar-collections_button .ab-item,
#wp-admin-bar-visit_shopify_button .ab-item {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

/* Hover states */
#wp-admin-bar-product_button:hover .ab-item,
#wp-admin-bar-collections_button:hover .ab-item,
#wp-admin-bar-visit_shopify_button:hover .ab-item {
    background-color: rgba(240, 245, 250, 0.1);
    color: #00d4aa;
}