/* ============================================================
   Legacy CSS — modal/dialog styles and Telerik widget overrides.
   Extracted from Site.css for use with _LayoutModern.cshtml.
   Grid styles removed — Alpine dataGrid uses Tailwind classes.
   ============================================================ */

/* --- Telerik Widget Box-Sizing Reset ---
   Tailwind applies border-box globally; Telerik input widgets
   (DatePicker, NumericTextBox) expect content-box. */
.t-widget,
.t-widget *,
.t-widget *::before,
.t-widget *::after {
  box-sizing: content-box;
}

.t-widget {
  color: #282828;
  border-color: #BFBFBF;
}

/* --- Legacy Modal/Dialog (kept for backward compatibility) --- */
#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}

#modalDialog {
  position: fixed;
  display: none;
  top: 200px;
  left: 200px;
  right: 20px;
  bottom: 20px;
  background-color: #FFFFFF;
  z-index: 50;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 8px;
}

#warningDialog {
  position: fixed;
  display: none;
  top: 200px;
  left: 200px;
  right: 20px;
  bottom: 20px;
  background-color: #FFFFFF;
  z-index: 150;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 8px;
}

#warningDialogBody {
  padding: 10px;
  text-align: left;
  font-size: 11pt;
}

/* --- Loading Indicator --- */
.dl-wait {
  text-align: center;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 70px;
  z-index: 10;
  left: 100px;
  opacity: 0.5;
  display: none;
  background-image: url("/Content/images/wait.gif");
}

/* --- Mobile Responsive Overrides --- */
@media (max-width: 950px) {

  #modalDialog,
  #warningDialog {
    left: 5px !important;
    right: 5px !important;
    width: auto !important;
    max-width: calc(100vw - 10px) !important;
  }
}

@media (max-width: 480px) {

  #modalDialog,
  #warningDialog {
    left: 2px !important;
    right: 2px !important;
    top: 10px !important;
    width: auto !important;
    max-width: calc(100vw - 4px) !important;
  }

  #overlay {
    z-index: 100;
  }

  .t-window {
    left: 2px !important;
    right: 2px !important;
    width: auto !important;
    max-width: calc(100vw - 4px) !important;
  }
}

/* --- Item Tags (product overlay stamps) --- */
.item-tag {
  height: 100px;
  width: 190px;
  z-index: 10;
  position: absolute;
  top: 4px;
  left: 4px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.item-detail-tag {
  height: 100px;
  width: 190px;
  z-index: 10;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.item-tag-list-view {
  background-size: 60% auto;
}

.item-tag-sale {
  background-image: url("/Content/images/item_tag_sale.png");
}

.item-tag-new {
  background-image: url("/Content/images/item_tag_new.png");
}

.item-tag-new-sale {
  background-image: url("/Content/images/item_tag_new_sale.png");
}

.item-tag-best-seller {
  background-image: url("/Content/images/item_tag_best_seller.png");
}

.item-tag-sold-out {
  background-image: url("/Content/images/item_tag_sold_out.png");
}

.item-tag-out-of-stock {
  background-image: url("/Content/images/item_tag_out_of_stock.png");
}

.item-tag-low-in-stock {
  background-image: url("/Content/images/item_tag_low_in_stock.png");
}

.item-tag-kosher {
  background-image: url("/Content/images/item_tag_kosher.png");
}

.item-tag-halal {
  background-image: url("/Content/images/item_tag_halal.png");
}

.item-tag-gluten-free {
  background-image: url("/Content/images/item_tag_gluten_free.png");
}

.item-tag-bio {
  background-image: url("/Content/images/item_tag_bio.png");
}

.item-tag-100natural {
  background-image: url("/Content/images/item_tag_100natural.png");
}

.item-tag-health {
  background-image: url("/Content/images/item_tag_health.png");
}

.item-tag-10-1free {
  background-image: url("/Content/images/item_tag_10_1free.png");
}

.item-tag-10-2free {
  background-image: url("/Content/images/item_tag_10_2free.png");
}

.item-tag-10-3free {
  background-image: url("/Content/images/item_tag_10_3free.png");
}

.item-tag-5-1free {
  background-image: url("/Content/images/item_tag_5_1free.png");
}

.item-tag-special-offer {
  background-image: url("/Content/images/item_tag_special_offer.png");
}

.item-tag-price-by-request {
  background-image: url("/Content/images/item_tag_price_by_request.png");
}

.item-tag-pre-order {
  background-image: url("/Content/images/item_tag_pre_order.png");
}

.item-tag-1-1free {
  background-image: url("/Content/images/item_tag_1_1free.png");
}

.item-tag-organic {
  background-image: url("/Content/images/item_tag_organic.png");
}

.item-tag-coming-soon {
  background-image: url("/Content/images/item_tag_coming_soon.png");
}

.item-tag-new-price {
  background-image: url("/Content/images/item_tag_new_price.png");
}

.item-tag-new-better-price {
  background-image: url("/Content/images/item_tag_new_better_price.png");
}

.item-tag-back-in-stock {
  background-image: url("/Content/images/item_tag_back_in_stock.png");
}

.item-tag-limit-1-per-order {
  background-image: url("/Content/images/item_tag_limit_1_per_order.png");
}

.item-tag-limit-2-per-order {
  background-image: url("/Content/images/item_tag_limit_2_per_order.png");
}

.item-tag-limit-3-per-order {
  background-image: url("/Content/images/item_tag_limit_3_per_order.png");
}

.item-tag-buy-2-get-1-free {
  background-image: url("/Content/images/item_tag_buy_2_get_1_free.png");
}

.item-tag-buy-15-get-2-free {
  background-image: url("/Content/images/item_tag_buy_15_get_2_free.png");
}

.item-tag-buy-20-get-3-free {
  background-image: url("/Content/images/item_tag_buy_20_get_3_free.png");
}

.item-tag-buy-20-get-5-free {
  background-image: url("/Content/images/item_tag_buy_20_get_5_free.png");
}

.item-tag-buy-60-get-6-free {
  background-image: url("/Content/images/item_tag_buy_60_get_6_free.png");
}