/* ===== Order form hard override (no markup change needed) ===== */

/* কার্ডের ভিতরে সাইড প্যাডিং */
#order .card{
  padding: 22px !important;
  overflow: hidden;
}

/* .rd-form থাকলে */
#order .card .rd-form .row{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 18px !important;
  padding-inline: 12px !important;   /* inner gutter */
}
#order .card .rd-form .row > *{ margin-bottom: 14px !important; }
#order .card .rd-form .full{ grid-column: 1 / -1 !important; }

#order .card .rd-form input,
#order .card .rd-form select,
#order .card .rd-form textarea{
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  border: 1px solid #d7e6d9 !important;
  padding: 12px 14px !important;
}

/* subtotal/total/submit-এর চারপাশে সামান্য গাটার */
#order .card .rd-form .total,
#order .card .rd-form .submit{
  margin-inline: 12px !important;
}

/* --- যদি .rd-form না থাকে (fallback) --- */
#order .card form .row,
#order .card form .form-row{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 18px !important;
  padding-inline: 12px !important;
}
#order .card form .row > *,
#order .card form .form-row > *{
  margin-bottom: 14px !important;
}
#order .card form input,
#order .card form select,
#order .card form textarea{
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  border: 1px solid #d7e6d9 !important;
  padding: 12px 14px !important;
}
#order .card form .total,
#order .card form .submit{
  margin-inline: 12px !important;
}

/* মোবাইলে এক কলাম */
@media (max-width: 880px){
  #order .card .rd-form .row,
  #order .card form .row,
  #order .card form .form-row{
    grid-template-columns: 1fr !important;
  }
}
/* ===== Success alert (nice green style) ===== */
.rd-alert{
  background:#eafaf0;                 /* হালকা সবুজ ব্যাকগ্রাউন্ড */
  border:1px solid #bfe6c9;           /* নরম সবুজ বর্ডার */
  color:#0f5132;                       /* গাঢ় সবুজ টেক্সট */
  padding:12px 16px;
  border-radius:12px;                  /* গোলাকার কার্নার */
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:0 6px 18px rgba(16,88,54,.06);
  margin:16px auto;
  max-width:980px;                     /* কন্টেইনারের মতোই প্রস্থ */
}

/* বাম পাশে টিক আইকনের মতো অনুভূতি */
.rd-alert::before{
  content:"✓";
  font-weight:900;
  color:#17a34a;
  background:#dff5e6;
  border:1px solid #bfe6c9;
  width:22px;height:22px;
  display:inline-grid;place-items:center;
  border-radius:6px;
}

/* ডান পাশে “ঠিক আছে” বোতাম */
.rd-alert .close{
  margin-left:auto;
  background:#10b981;                 /* এমেরাল্ড */
  color:#fff;
  border:none;
  padding:6px 12px;
  border-radius:8px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(16,185,129,.2);
  transition:transform .06s ease, box-shadow .2s ease, background .2s;
}
.rd-alert .close:hover{ background:#0ea371; box-shadow:0 6px 14px rgba(16,185,129,.28); }
.rd-alert .close:active{ transform:translateY(1px); }

/* অটো-হাইড অ্যানিমেশন */
.rd-alert.hide{
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .35s ease, transform .35s ease;
}