/* TSports converts native date/time inputs to text inputs in vietnam-date-time-v2.js
   so dates can be displayed as dd/MM/yyyy while keeping the original ISO value for Blazor.
   Therefore the visible picker icon must target the transformed data attributes, not only
   input[type=date]. !important is intentional: Blazor scoped page CSS uses background
   shorthands with higher specificity and otherwise removes the icon image. */
input[data-tsports-vietnam-temporal-v2][data-tsports-vietnam-temporal-kind="date"],
input[data-tsports-vietnam-temporal-v2][data-tsports-vietnam-temporal-kind="datetime-local"],
input[type="date"],
input[type="datetime-local"] {
    padding-right: 46px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23647d98' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 13px center !important;
    background-size: 18px 18px !important;
}

input[data-tsports-vietnam-temporal-v2][data-tsports-vietnam-temporal-kind="time"],
input[type="time"] {
    padding-right: 46px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23647d98' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 13px center !important;
    background-size: 18px 18px !important;
}

/* When a native picker is still visible before the Vietnamese formatter decorates it,
   keep its hit area but make the browser glyph transparent so only one icon is shown. */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    width: 34px;
    height: 34px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

/* The generic product editor already exposes the two explicit actions below:
   + Hàng hóa and + Món ăn. Hide the duplicated legacy header shortcuts. */
.inventory-heading .heading-actions > button.primary,
.inventory-heading .heading-actions > .tsports-create-food-link {
    display: none !important;
}