/* =========================================================
   MEHFARO CHAT - CLEAN RESET
   Old visual styling neutralized.
   Logic / APIs / data attributes remain untouched.
========================================================= */


/* =========================
   GLOBAL CHAT RESET
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock,

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock * {
  box-sizing: border-box !important;
}


/*
  Remove previous visual styling from
  the actual order-chat content.
*/

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-right *,

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-chat-order-card * {
  margin: 0 !important;
  box-shadow: none !important;
}


/* =========================
   DOCK BASE
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 0 !important;

  width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: #ffffff !important;

  box-shadow: none !important;
}


/* =========================
   REMOVE OLD POPUP LOOK
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-overlay,

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-shell,

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-layout {
  position: static !important;
  inset: auto !important;

  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 0 !important;

  width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


/* =========================
   OLD DUPLICATE CONTENT
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-header,

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-left,

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-conversation-head,

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-actions {
  display: none !important;
}


/* =========================
   REAL CHAT AREA
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-right {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 0 !important;

  width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: #ffffff !important;

  box-shadow: none !important;
}


/* =========================
   MESSAGES
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-messages {
  display: block !important;

  flex: 1 1 0 !important;

  width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  padding: 16px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: #ffffff !important;

  box-shadow: none !important;
}


/* =========================
   MESSAGE ROW
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-message {
  width: 100% !important;

  margin: 0 0 10px !important;

  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


/* =========================
   NORMAL MESSAGE BUBBLE
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-bubble {
  box-shadow: none !important;
}


/* Order receipt gets full width.
   Final styling comes next. */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.order-card-bubble {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


/* =========================
   REMOVE OLD ORDER CARD LOOK
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-chat-order-card {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


/* =========================
   COMPOSER BASE
========================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-order-chat-form {
  position: relative !important;
  inset: auto !important;

  flex: 0 0 auto !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 10px !important;

  border: 0 !important;
  border-top: 1px solid #e5e7eb !important;

  border-radius: 0 !important;

  background: #ffffff !important;

  box-shadow: none !important;
}
/* =========================================================
   MEHFARO REFERENCE PRODUCT CARD V2
   DIV BASED - NO LEGACY TABLE
========================================================= */

#cartDrawer.mf-purchase-view-chat
.mf-ref-products {
  display: grid !important;
  gap: 10px !important;

  width: 100% !important;

  padding: 10px !important;

  margin: 0 !important;

  background: transparent !important;
}


/* PRODUCT CARD */

#cartDrawer.mf-purchase-view-chat
.mf-ref-product-card {
  display: grid !important;

  grid-template-columns:
    96px
    minmax(0, 1fr) !important;

  gap: 14px !important;

  align-items: start !important;

  width: 100% !important;
  min-width: 0 !important;

  padding: 12px !important;

  margin: 0 !important;

  border:
    1px solid
    #dfe6e3 !important;

  border-radius:
    16px !important;

  background:
    #ffffff !important;

  box-shadow:
    0 3px 10px
    rgba(15, 23, 42, .04) !important;
}


/* IMAGE */

#cartDrawer.mf-purchase-view-chat
.mf-ref-product-image {
  width: 96px !important;

  min-width: 96px !important;
}


#cartDrawer.mf-purchase-view-chat
.mf-ref-product-image img,
#cartDrawer.mf-purchase-view-chat
.mf-ref-product-fallback {
  display: block !important;

  width: 96px !important;
  height: 104px !important;

  margin: 0 !important;

  border: 0 !important;

  border-radius:
    12px !important;

  background:
    #f1f2f1 !important;

  object-fit:
    contain !important;

  box-shadow:
    none !important;
}


#cartDrawer.mf-purchase-view-chat
.mf-ref-product-fallback {
  display: grid !important;

  place-items: center !important;

  color: #c99a32 !important;

  font-family:
    Georgia,
    serif !important;

  font-size:
    30px !important;
}


/* RIGHT CONTENT */

#cartDrawer.mf-purchase-view-chat
.mf-ref-product-content {
  display: block !important;

  min-width: 0 !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* NAME + PRICE */

#cartDrawer.mf-purchase-view-chat
.mf-ref-product-heading {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto !important;

  gap: 12px !important;

  align-items: start !important;

  width: 100% !important;

  margin: 0 0 10px !important;
}


#cartDrawer.mf-purchase-view-chat
.mf-ref-product-name {
  display: block !important;

  min-width: 0 !important;

  color:
    #111827 !important;

  font-size:
    16px !important;

  font-weight:
    850 !important;

  line-height:
    1.25 !important;

  white-space:
    normal !important;

  word-break:
    normal !important;

  overflow-wrap:
    normal !important;

  text-transform:
    none !important;

  letter-spacing:
    0 !important;
}


#cartDrawer.mf-purchase-view-chat
.mf-ref-product-price {
  display: block !important;

  color:
    #056b63 !important;

  font-size:
    15px !important;

  font-weight:
    900 !important;

  line-height:
    1.25 !important;

  white-space:
    nowrap !important;

  text-align:
    right !important;
}


/* DETAILS GRID */

#cartDrawer.mf-purchase-view-chat
.mf-ref-product-details {
  display: grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap:
    7px
    16px !important;

  width: 100% !important;

  min-width: 0 !important;
}


/* EACH DETAIL */

#cartDrawer.mf-purchase-view-chat
.mf-ref-product-details
.mf-receipt-detail {
  display: grid !important;

  grid-template-columns:
    auto
    minmax(0, 1fr) !important;

  gap:
    7px !important;

  align-items: baseline !important;

  min-width: 0 !important;

  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  color:
    #2d3440 !important;

  font-size:
    11px !important;

  font-weight:
    600 !important;

  line-height:
    1.35 !important;

  white-space:
    normal !important;

  word-break:
    normal !important;

  overflow-wrap:
    break-word !important;

  text-transform:
    none !important;

  letter-spacing:
    0 !important;

  box-shadow:
    none !important;
}


#cartDrawer.mf-purchase-view-chat
.mf-ref-product-details
.mf-receipt-detail b {
  display: inline !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    #7b8290 !important;

  font-size:
    10px !important;

  font-weight:
    600 !important;

  line-height:
    1.35 !important;

  white-space:
    nowrap !important;

  text-transform:
    none !important;

  letter-spacing:
    0 !important;
}


/* SKU CAN USE FULL WIDTH */

#cartDrawer.mf-purchase-view-chat
.mf-ref-product-details
.mf-receipt-detail.sku {
  grid-column:
    1 / -1 !important;

  padding-bottom:
    5px !important;

  border-bottom:
    1px solid
    #eef1ef !important;
}


/* MOBILE */

@media (max-width: 520px) {

  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-card {
    grid-template-columns:
      88px
      minmax(0, 1fr) !important;

    gap:
      11px !important;

    padding:
      10px !important;
  }


  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-image {
    width:
      88px !important;

    min-width:
      88px !important;
  }


  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-image img,
  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-fallback {
    width:
      88px !important;

    height:
      98px !important;
  }


  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-name {
    font-size:
      14px !important;
  }


  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-price {
    font-size:
      13px !important;
  }


  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-details {
    gap:
      6px
      10px !important;
  }


  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-details
  .mf-receipt-detail {
    font-size:
      10px !important;
  }


  #cartDrawer.mf-purchase-view-chat
  .mf-ref-product-details
  .mf-receipt-detail b {
    font-size:
      9px !important;
  }

}
/* =========================================================
   REFERENCE ORDER PRODUCT ROW
========================================================= */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-chat-order-card-table table,
#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-chat-order-card-table tbody {
  display: block !important;
  width: 100% !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-chat-order-card-table thead {
  display: none !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-chat-order-card-table tbody {
  display: grid !important;
  gap: 10px !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-chat-order-card-table tbody tr {
  display: grid !important;

  grid-template-columns:
    88px
    minmax(0, 1fr)
    auto !important;

  gap: 12px !important;

  align-items: start !important;

  width: 100% !important;

  padding: 11px !important;

  border: 1px solid #e3e7e5 !important;
  border-radius: 15px !important;

  background: #fff !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-chat-order-card-table tbody tr td {
  display: block !important;

  width: auto !important;
  min-width: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;
}


/* IMAGE */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-receipt-product-image img,
#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-product-image-fallback {
  display: block !important;

  width: 88px !important;
  height: 94px !important;

  object-fit: contain !important;

  border-radius: 11px !important;

  background: #f2f3f2 !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-product-image-fallback {
  display: grid !important;
  place-items: center !important;

  color: #c69b3c !important;

  font-family: Georgia, serif !important;
  font-size: 28px !important;
}


/* NAME */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-receipt-product-name {
  display: block !important;

  margin: 1px 0 9px !important;

  color: #111827 !important;

  font-size: 15px !important;
  font-weight: 850 !important;

  line-height: 1.25 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;

  text-transform: none !important;
  letter-spacing: 0 !important;
}


/* DETAILS */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-receipt-detail-grid {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 6px 12px !important;

  width: 100% !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-receipt-detail {
  display: grid !important;

  grid-template-columns:
    auto minmax(0, 1fr) !important;

  gap: 5px !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;

  color: #262d38 !important;

  font-size: 10px !important;
  line-height: 1.35 !important;

  white-space: normal !important;
  word-break: normal !important;

  text-transform: none !important;
  letter-spacing: 0 !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-receipt-detail b {
  color: #7c8390 !important;

  font-size: 9px !important;
  font-weight: 600 !important;

  white-space: nowrap !important;

  text-transform: none !important;
  letter-spacing: 0 !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-receipt-detail.sku {
  grid-column: 1 / -1 !important;
}


/* PRICE */

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-receipt-price {
  min-width: 74px !important;

  padding-top: 2px !important;

  text-align: right !important;
  white-space: nowrap !important;
}

#cartDrawer.mf-purchase-view-chat
#mfUnifiedOrderChatDock
.mf-receipt-price strong {
  color: #056b63 !important;

  font-size: 13px !important;
  font-weight: 900 !important;
}