/* Offcanvas cart unified styles - aligned with handlevagn */
#offcanvas-menu-cart,
#offcanvas-menu-cart .offcanvas-header,
#offcanvas-menu-cart .offcanvas-body,
#offcanvas-menu-cart .list-cart,
#offcanvas-menu-cart .cart-item,
#offcanvas-menu-cart form,
#offcanvas-menu-cart .form-control,
#offcanvas-menu-cart .form-select,
#offcanvas-menu-cart .form-check,
#offcanvas-menu-cart .text-center,
#offcanvas-menu-cart .total-cart,
#offcanvas-menu-cart .div-delivery {
  background-color: #fdf5ef !important;
}

#offcanvas-menu-cart .btn { 
  background: transparent !important; 
  border: 2px solid #bf6d4b !important; 
  color: #bf6d4b !important; 
  border-radius: 0 !important; 
  text-transform: uppercase !important; 
  font-weight: 700 !important;
  padding: 12px 40px !important;
}
#offcanvas-menu-cart .btn:hover { 
  background: #bf6d4b !important; 
  color: #fff !important; 
}

/* Ensure consistent offcanvas width across pages */
#offcanvas-menu-cart { width: 800px !important; }

/* Harmonize cart look (from menu-1 page) */
#offcanvas-menu-cart .offcanvas-header { border-bottom: none !important; }

/* Mobile alignment to handlevagn styles */
@media (max-width: 991.98px) {
  #offcanvas-menu-cart,
  #offcanvas-menu-cart .offcanvas-body,
  #offcanvas-menu-cart .cart-item,
  #offcanvas-menu-cart .list-cart,
  #offcanvas-menu-cart .total-cart,
  #offcanvas-menu-cart .text-center { background-color: #fdf4ee !important; }

  #offcanvas-menu-cart .cart-item {
    background: #fdf4ee !important;
    border: none !important;
    box-shadow: none !important;
    padding: 15px 0 !important;
    margin: 0 0 15px 0 !important;
    border-bottom: 1px solid rgba(191,109,75,.35) !important;
  }

  #offcanvas-menu-cart .btn,
  #offcanvas-menu-cart .btn-outline-primary,
  #offcanvas-menu-cart .btn-primary {
    border: 2px solid #bf6d4b !important;
    color: #bf6d4b !important;
    background: transparent !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
  }

  #offcanvas-menu-cart .btn:hover,
  #offcanvas-menu-cart .btn-outline-primary:hover,
  #offcanvas-menu-cart .btn-primary:hover {
    background: #bf6d4b !important;
    color: #fff !important;
  }

  #offcanvas-menu-cart .list-cart { list-style: none !important; padding-left: 0 !important; }
  #offcanvas-menu-cart .total-cart { color: #bf6d4b !important; }
  #offcanvas-menu-cart .btn-link, 
  #offcanvas-menu-cart a { color: #000 !important; text-decoration: none !important; }
  #offcanvas-menu-cart .btn-link:hover { background: transparent !important; color: #000 !important; }
  #offcanvas-menu-cart .btn-link { border: 0 !important; background: transparent !important; box-shadow: none !important; }
  #offcanvas-menu-cart .offcanvas-header { text-decoration: none !important; }
}

#offcanvas-menu-cart .list-cart .cart-item {
  border-bottom: 2px solid #bf6d4b !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
}

#offcanvas-menu-cart .total-cart { color: #bf6d4b !important; font-weight: 700 !important; margin-bottom: 0 !important; text-align: left !important; width: 100% !important; display: block !important; }

/* Remove duplicate "Total:" text */
#offcanvas-menu-cart .total-cart::before {
  content: "";
}

/* Make all form labels green and uppercase */
#offcanvas-menu-cart label,
#offcanvas-menu-cart .form-label,
#offcanvas-menu-cart label.form-label {
  color: #b4ba93 !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

/* Change people format and make green */
#offcanvas-menu-cart .text-muted {
  color: #b4ba93 !important;
}

/* Buttons styling - orange and squared */
#offcanvas-menu-cart .btn,
#offcanvas-menu-cart .btn-primary,
#offcanvas-menu-cart .btn-outline-primary { border-radius: 0 !important; }
#offcanvas-menu-cart .btn-primary { background-color: #bf6d4b !important; border-color: #bf6d4b !important; color: #fff !important; }
#offcanvas-menu-cart .btn-outline-primary { border-color: #bf6d4b !important; color: #bf6d4b !important; background: transparent !important; }
#offcanvas-menu-cart .btn-link { color: #bf6d4b !important; }

/* Inputs styling */
#offcanvas-menu-cart .form-control,
#offcanvas-menu-cart .form-select {
  border: none !important;
  border-bottom: 2px solid #bf6d4b !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#offcanvas-menu-cart label,
#offcanvas-menu-cart .form-label,
#offcanvas-menu-cart label.form-label { color: #b4ba93 !important; font-weight: 600 !important; }

/* Sidecart form padding */
#offcanvas-menu-cart form { padding-top: 2vh !important; }

#offcanvas-menu-cart .remove-cart-item { color: #bf6d4b !important; }
#offcanvas-menu-cart .remove-cart-item:hover { text-decoration: underline !important; }

/* Section headers in cart: orange text, no background/borders */
#offcanvas-menu-cart h6.text-primary.mb-1,
.cart-item h6.text-primary.mb-1,
.menu-items-detail h6.text-primary.mb-1 {
  background: transparent !important;
  color: #bf6d4b !important;
  padding: 0 !important;
  border: none !important;
  margin: 0 0 6px 0 !important;
  display: block !important;
}